:root{--sw-bg: #0a0b0d;--sw-surface: #14151a;--sw-surface-hover: #1c1e26;--sw-primary: #f7931a;--sw-primary-hover: #e08315;--sw-warm: #ff8c00;--sw-text: #f5f5f5;--sw-text-secondary: #a0a5b1;--sw-border: #262833;--sw-glow: rgba(247, 147, 26, .15);--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--sw-bg);color:var(--sw-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}a{color:var(--sw-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--sw-primary-hover)}.btn{background-color:var(--sw-primary);color:#000;border:none;border-radius:4px;padding:10px 20px;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s;display:inline-block;text-align:center;font-family:var(--font-family);font-size:1rem}.btn:hover{background-color:var(--sw-primary-hover)}.btn:active{transform:scale(.98)}.btn-pro-upgrade{background-color:var(--sw-primary)!important;color:#000!important;font-weight:700;padding:14px 32px;font-size:1.1rem;border-radius:6px;transition:all .3s ease;box-shadow:0 4px 15px #f7931a33;display:inline-block;text-decoration:none}.btn-pro-upgrade:hover{background-color:#fa3!important;transform:translateY(-2px);box-shadow:0 6px 20px #f7931a66}.btn-secondary{background-color:var(--sw-surface);color:var(--sw-text);border:1px solid var(--sw-border)}.btn-secondary:hover{background-color:#222}main{flex:1;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:8rem 0;border-bottom:1px solid var(--sw-border)}.section:last-child{border-bottom:none}.card{background-color:var(--sw-surface);border:1px solid var(--sw-border);border-radius:12px;padding:1.5rem;transition:all .3s ease;box-shadow:0 4px 24px #00000026}.card:hover{border-color:#383b4a;transform:translateY(-2px);box-shadow:0 8px 32px #00000040}.grid{display:grid;gap:1.5rem}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}}input,select{width:100%;padding:.75rem;background-color:#0a0a0a;border:1px solid var(--sw-border);color:var(--sw-text);border-radius:4px;font-family:var(--font-family);font-size:1rem;margin-bottom:1rem}input:focus,select:focus{outline:none;border-color:var(--sw-primary)}label{display:block;margin-bottom:.5rem;color:var(--sw-text-secondary);font-size:.875rem}h1,h2,h3,h4{margin-bottom:1rem;font-weight:600}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin-bottom:1rem;line-height:1.6;color:var(--sw-text-secondary)}.tooltip{position:relative;display:inline-block;cursor:help;color:var(--sw-text-secondary)}.tooltip .tooltiptext{visibility:hidden;width:220px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;opacity:0;transition:opacity .3s;font-size:.75rem;font-family:var(--font-family);border:1px solid var(--sw-border);pointer-events:none}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--sw-border)}.data-table th{color:var(--sw-text-secondary);font-weight:500;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.section-header{margin-bottom:3rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.subtle-text{font-size:.875rem;color:var(--sw-text-secondary)}.text-green{color:#4caf50}.text-red{color:#f44336}.glow-bar{box-shadow:0 0 10px var(--sw-glow)}.micro-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-right:6px;opacity:.7}.tab-group{display:inline-flex;background:var(--sw-bg);border:1px solid var(--sw-border);border-radius:6px;padding:2px}.tab-btn{background:transparent;border:none;color:var(--sw-text-secondary);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.875rem;font-family:var(--font-family);transition:all .2s}.tab-btn.active{background:#e2e8f0;color:#0a0b0d;box-shadow:0 1px 3px #0006;font-weight:600}.flex-column-gap{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){html,body,#app{overflow-x:hidden!important;width:100%!important;max-width:100vw!important}.section{padding:3.5rem 0!important}.container{padding:0 1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:1.5rem!important}.card{padding:1.15rem!important;box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}}