:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main: #f0f2f5;--bg-dot: #d1d5db;--accent-green: #3170ad;--accent-green-light: #9dc4e8;--accent-glow: rgba(49, 112, 173, .08);--card-border: rgba(0, 0, 0, .07);--card-shadow: 0 2px 12px rgba(0,0,0,.07);--input-focus: #3170ad;--sidebar-width: 64px}[data-theme=dark]{--bg-main: #0F172A;--bg-dot: #1f2937;--accent-glow: rgba(113, 165, 214, .15);--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 4px 20px rgba(0,0,0,.4)}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-main)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000047}.auth-mesh-gradient{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(26,107,67,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(82,183,136,.06),transparent),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(26,107,67,.05),transparent)}*{box-sizing:border-box}::selection{background:#1a6b4333}a{text-decoration:none;color:inherit}#root{width:100%;height:auto;text-align:center}.container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.header{border-bottom:1px solid #ddd;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;top:0;position:sticky;z-index:1100;height:64px}.header h1{margin:0;font-size:20px}.header-right{display:flex;gap:12px;align-items:center}.main{display:flex;flex:1;width:100%;height:calc(100vh - 64px)}.sidebar{width:220px;padding:24px;border-right:1px solid #7c7c7c50;height:100vh}.sidebar ul{list-style:none;padding:0;margin:0;text-align:left}.sidebar li{margin-bottom:14px;cursor:pointer;padding:8px 12px;border-radius:4px}.sidebar li.active{font-weight:700}.content{flex:1;padding:16px;overflow-y:auto}.card{background:transparent;padding:24px;margin-bottom:24px;border:1px solid #7c7c7c50;box-shadow:0 1px 3px #0000000d;border-radius:6px;text-align:left}.card h2{margin-top:0;margin-bottom:16px;font-size:18px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px}.form-group input{width:100%;padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px}.note{font-size:13px;color:#666}.note a{text-decoration:underline}@media(prefers-color-scheme:dark){.header{border-bottom:1px solid #7c7c7c50}.sidebar li:hover{background-color:#ffffff14}}@media(max-width:768px){.content,.card{padding:16px}.sidebar{border:none}.main{margin-top:64px}}@media(max-width:480px){.header{padding:12px 16px}.main{margin-top:64px}.content{padding:8px}.card{padding:12px}.password-form div{flex-direction:column;gap:8px}.password-form button{width:100%}.sidebar{border:none}}.plasma-container{position:relative;width:100%;height:100%;overflow:hidden}.marketing-page{--mkt-accent: #3170ad;--mkt-accent-light: rgba(49, 112, 173, .15);--mkt-blue: #3b82f6;--mkt-text: #ffffff;--mkt-text-muted: #94a3b8;--mkt-border: rgba(255, 255, 255, .08);--mkt-card-shadow: 0 4px 30px rgba(0, 0, 0, .4);--mkt-radius: 6px;--mkt-radius-sm: 4px;--mkt-section-py: clamp(80px, 12vw, 160px);min-height:100vh;color:var(--mkt-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden;background:#000}.nebula-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:950px;background:radial-gradient(circle at 50% 30%,rgba(49,112,173,.14) 0%,rgba(113,165,214,.1) 25%,rgba(147,197,253,.04) 50%,transparent 80%);pointer-events:none;z-index:0}.marketing-navbar-container{border-bottom:1px solid rgba(255,255,255,.05);background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.marketing-nav-scrolled{background:#000000d9!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 20px #00000080}.marketing-mockup-frame{background:#14141699;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 100px #000c,0 0 40px #3170ad12;border-radius:8px;overflow:hidden;position:relative}.marketing-section-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:#3170ad1a;color:#9dc4e8;border:1px solid rgba(49,112,173,.25);margin-bottom:18px}.marketing-feature-card{background:#0a0a0c99;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:32px;transition:all .3s ease}.marketing-feature-card:hover{background:#0f0f12cc;border-color:#ffffff1a;box-shadow:0 10px 30px #00000080}.marketing-integration-card{background:#0a0a0ccc;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:24px;text-align:left;transition:all .3s ease;height:100%;display:flex;flex-direction:column;justify-content:space-between}.marketing-integration-card:hover{border-color:#ffffff26;box-shadow:0 8px 24px #0009}.testimonial-card{background:#0a0a0cb3;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:24px;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.testimonial-card:hover{border-color:#ffffff1a}.marketing-cta-box{background:#08080acc;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:80px 24px;position:relative;overflow:hidden}.marketing-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(49,112,173,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.gradient-text{color:#fff}