:root{--font-mono: "Geist Mono", monospace;--bg-color: #000000;--text-color: #ffffff;--border-color: #ffffff;--fw-thin: 100;--fw-extra-light: 200;--fw-light: 300;--fw-regular: 400;--btn-bg: #222222;--btn-text: #ffffff;--btn-hover-bg: #333333;--btn-radius: 6px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background-color:var(--bg-color);color:var(--text-color);font-weight:var(--fw-light);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;transition:background-color .2s ease,color .2s ease,border-color .2s ease}body.theme-light{--bg-color: #faf6eb;--text-color: #1a1a1a;--border-color: #1a1a1a;--btn-bg: #e5e2d5;--btn-text: #1a1a1a;--btn-hover-bg: #dcd8cb;--btn-radius: 6px}body.theme-light .app-viewport{border-top:4px solid #dfd8bb}.app-viewport{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color)}.main-content{flex:1;overflow-y:auto;padding-bottom:40px;background-color:var(--bg-color);scroll-behavior:smooth}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}.element-container{display:flex;position:relative;height:56px;padding:0 24px;background-color:var(--bg-color);align-items:center;justify-content:space-between;z-index:1000;transition:background-color .2s ease,border-color .2s ease}.left-group,.right-group{display:flex;align-items:center;gap:32px}.right-group{gap:24px}.element-indented{font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:16px;color:var(--text-color);letter-spacing:-.05em;text-decoration:none;transition:color .2s ease}.element-nav_links{color:var(--text-color);font-size:12px;text-decoration:none;font-weight:var(--fw-extra-light);transition:opacity .15s ease,border-bottom .15s ease;opacity:.75}.element-nav_links:hover,.element-nav_links.active{opacity:1}.element-primary_action_btn{background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:8px 16px;border-radius:var(--btn-radius);font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:11px;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.element-primary_action_btn:hover{background-color:var(--btn-hover-bg)}.element-hero_container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px 24px 24px;width:100%;background-color:var(--bg-color);transition:background-color .2s ease,border-color .2s ease}.element-heading{font-family:var(--font-mono);color:var(--text-color);font-weight:var(--fw-light);font-size:32px;letter-spacing:-.02em;margin-bottom:4px}.element-subheading{font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-light);color:var(--text-color);opacity:.65;margin-top:2px;margin-bottom:8px;text-transform:lowercase;letter-spacing:-.01em}.element-nav_track{display:flex;flex-direction:row;justify-content:center;gap:48px;margin-top:12px}.element-nav_track_links{background:transparent;border:none;outline:none;cursor:pointer;color:var(--text-color);font-size:13px;font-family:var(--font-mono);font-weight:var(--fw-light);text-decoration:none;text-transform:lowercase;opacity:.45;padding-bottom:4px;border-bottom:1px solid transparent;transition:border-bottom .15s ease,opacity .15s ease}.element-nav_track_links:hover,.element-nav_track_links.active{opacity:1;border-bottom:1px solid var(--border-color)}.element-carousel_container{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;padding:40px 24px;width:94%;max-width:1280px;margin:0 auto}.element-carousel_item{width:100%;display:flex;flex-direction:column}.element-card_part{flex:1;display:flex;flex-direction:column;min-width:0;background-color:var(--bg-color);transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;position:relative;height:470px}.element-card_part:hover{box-shadow:0 0 12px rgba(var(--border-color),.1)}.card-visual-body{flex:1;display:flex;align-items:center;justify-content:center;background-color:#ffffff03;padding:24px;overflow:hidden}body.theme-light .card-visual-body{background-color:#00000003}.card-code-body{flex:1;overflow-y:auto;background-color:#ffffff05;padding:20px}body.theme-light .card-code-body{background-color:#00000005}.skill-tab-header{display:flex;justify-content:center;gap:10px;padding:16px 20px;background-color:#ffffff03}body.theme-light .skill-tab-header{background-color:#00000003}.skill-tab-btn{background:transparent;border:none;color:var(--text-color);font-family:var(--font-mono);font-size:11px;padding:6px 14px;border-radius:var(--btn-radius);cursor:pointer;text-transform:lowercase;transition:background-color .15s ease,color .15s ease}.skill-tab-btn:hover{background-color:#8080801a}.skill-tab-btn.active{background-color:var(--btn-bg);color:var(--btn-text)}.card-code-body pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-extra-light);line-height:1.5;opacity:.6}.copy-btn{position:absolute;bottom:16px;right:16px;background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:6px 14px;font-family:var(--font-mono);font-size:11px;cursor:pointer;border-radius:var(--btn-radius);z-index:10;transition:background-color .15s ease,opacity .15s ease}.copy-btn:hover{background-color:var(--btn-hover-bg)}.preview-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-wrap.alignment-stretch{align-items:stretch}.stark-theme,body.theme-light .stark-theme{--preview-bg: #ffffff;--preview-text: #000000;--preview-border: #000000}body:not(.theme-light) .stark-theme{--preview-bg: #000000;--preview-text: #ffffff;--preview-border: #ffffff}.neon-theme{--preview-bg: #0c0817;--preview-text: #00ffcc;--preview-border: #ff0055;background-color:var(--preview-bg);border:1px solid rgba(255,0,85,.2);border-radius:8px;padding:16px;box-shadow:0 0 15px #ff00551a;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.hifi-btn-monochrome{background-color:var(--preview-text);color:var(--preview-bg);border:1px solid var(--preview-border);padding:10px 24px;border-radius:4px;font-family:var(--font-mono);font-weight:var(--fw-light);font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.hifi-btn-monochrome:hover{background-color:var(--preview-bg);color:var(--preview-text)}.hifi-btn-neon{background-color:var(--preview-bg);color:var(--preview-text);border:1px solid var(--preview-border);padding:10px 24px;border-radius:9999px;font-family:var(--font-mono);font-weight:var(--fw-light);font-size:13px;cursor:pointer;box-shadow:0 0 8px #0fc3;transition:background-color .2s ease,color .2s ease}.hifi-btn-neon:hover{background-color:var(--preview-border);color:#fff;box-shadow:0 0 12px #f056}.hifi-hero-monochrome{display:flex;flex-direction:column;justify-content:center;width:100%;border-bottom:1px solid var(--preview-border);padding:20px 0;text-align:left}.hifi-hero-monochrome h2{font-family:var(--font-mono);font-weight:var(--fw-light);font-size:20px;margin-bottom:8px;text-transform:lowercase}.hifi-hero-monochrome .hifi-hero-tracks{display:flex;gap:16px;font-size:11px;opacity:.6}.hifi-hero-neon{display:flex;flex-direction:column;justify-content:center;width:100%;border-bottom:2px solid var(--preview-border);padding:20px 0;text-align:left}.hifi-hero-neon h2{font-family:var(--font-mono);font-weight:var(--fw-light);font-size:20px;margin-bottom:8px;color:var(--preview-text);text-shadow:0 0 8px rgba(0,255,204,.4)}.hifi-hero-neon .hifi-hero-tracks{display:flex;gap:16px;font-size:11px;color:#f05}.hifi-nav-minimal{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--preview-border);padding:12px 16px;height:52px;align-self:center}.hifi-nav-minimal .logo{font-weight:var(--fw-regular);font-size:15px}.hifi-nav-minimal .links{display:flex;gap:16px;font-size:11px;opacity:.8}.hifi-footer-stark{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--preview-border);padding:12px 16px;height:48px;align-self:center;font-size:11px}.hifi-footer-stark .status{display:flex;align-items:center;gap:6px;text-transform:uppercase}.hifi-footer-stark .dot{width:6px;height:6px;border-radius:50%;background-color:var(--preview-text)}.hifi-pricing-grid{display:flex;gap:12px;width:100%;align-self:center}.hifi-pricing-grid .price-card{flex:1;border:1px solid var(--preview-border);padding:12px;font-family:var(--font-mono);font-size:11px;transition:background-color .2s ease,color .2s ease}.hifi-pricing-grid .price-card h3{font-size:16px;font-weight:var(--fw-light);margin-top:4px}.hifi-pricing-grid .price-card.active{background-color:var(--preview-text);color:var(--preview-bg)}.hifi-faq-list{display:flex;flex-direction:column;width:100%;align-self:center}.faq-item{border-bottom:1px solid var(--preview-border);padding:8px 4px;cursor:pointer}.faq-item:first-child{border-top:1px solid var(--preview-border)}.faq-q{font-size:11px;font-weight:var(--fw-light);display:flex;justify-content:space-between}.faq-a{font-size:10px;opacity:.7;margin-top:6px;padding-left:12px;line-height:1.4}.hifi-faq-glass{display:flex;flex-direction:column;width:100%;align-self:center;background-color:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:8px}.hifi-faq-glass .faq-item{border-bottom:1px solid rgba(255,0,85,.2)}.theme-switch-btn{position:fixed;right:24px;bottom:24px;background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:8px 14px;font-family:var(--font-mono);font-weight:var(--fw-light);font-size:11px;cursor:pointer;border-radius:var(--btn-radius);z-index:1100;transition:background-color .2s ease,opacity .2s ease}.theme-switch-btn:hover{background-color:var(--btn-hover-bg)}@media (max-width: 768px){.left-group{gap:16px}.element-nav_links{font-size:12px}.element-indented{font-size:16px}.element-carousel_container{grid-template-columns:1fr;gap:24px;padding:24px 16px}.element-carousel_item{width:100%}}@media (max-width: 480px){.element-container{padding:0 16px}.left-group,.right-group{gap:12px}.element-nav_links:not(.logo-match){display:none}.element-hero_container{padding:12px 16px 16px;height:auto}.element-heading{font-size:24px}.element-subheading{font-size:11px}.theme-switch-btn{bottom:16px;right:16px}.element-carousel_container{gap:24px;padding:24px 16px}.element-carousel_item{width:100%}}.cta-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 24px;width:100%;text-align:center;background-color:var(--bg-color);transition:background-color .2s ease}.cta-text{font-family:var(--font-mono);font-weight:var(--fw-light);font-size:20px;color:var(--text-color);letter-spacing:-.02em}.cta-subtext{font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-light);color:var(--text-color);opacity:.6;margin-top:-8px;margin-bottom:8px;text-transform:lowercase}.cta-btn{background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:10px 28px;border-radius:var(--btn-radius);font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:13px;cursor:pointer;text-transform:lowercase;transition:background-color .2s ease,opacity .2s ease}.cta-btn:hover{background-color:var(--btn-hover-bg)}.global-footer{padding:80px 24px 60px;background-color:var(--bg-color);width:94%;max-width:1280px;margin:60px auto 0;transition:background-color .2s ease,border-color .2s ease;font-family:var(--font-mono)}body.theme-light .global-footer{border-top:1px solid rgba(0,0,0,.08)}body:not(.theme-light) .global-footer{border-top:1px solid rgba(255,255,255,.08)}.footer-top-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand-col{display:flex;flex-direction:column;gap:16px;text-align:left}.footer-logo{font-size:16px;font-weight:var(--fw-regular);color:var(--text-color);text-decoration:none;letter-spacing:-.05em}.footer-tagline{font-size:12px;opacity:.6;line-height:1.6;max-width:280px}.footer-socials{display:flex;align-items:center;gap:8px;font-size:11px}.footer-socials a{color:var(--text-color);text-decoration:none;opacity:.55;transition:opacity .15s ease}.footer-socials a:hover{opacity:1}.footer-socials .sep{opacity:.25}.footer-nav-col{display:flex;flex-direction:column;gap:12px;text-align:left}.footer-nav-col h4{font-size:12px;font-weight:var(--fw-regular);color:var(--text-color);text-transform:lowercase;margin-bottom:4px}.footer-nav-col a{color:var(--text-color);text-decoration:none;font-size:11px;opacity:.55;text-transform:lowercase;transition:opacity .15s ease,padding-left .15s ease}.footer-nav-col a:hover{opacity:1;padding-left:2px}.footer-divider{border:none;height:1px;background-color:var(--border-color);opacity:.08;margin:0 0 24px}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.footer-bottom-row .copyright{opacity:.55;font-weight:var(--fw-light);text-transform:lowercase}.footer-cli-hint{font-family:var(--font-mono);opacity:.45;font-size:11px}.status-group{display:flex;align-items:center;gap:16px}.status-group .version{opacity:.45}.status-group .status{display:flex;align-items:center;gap:8px;opacity:.6;text-transform:lowercase;font-weight:var(--fw-light)}.status-group .dot{width:6px;height:6px;border-radius:50%;background-color:#4af626;box-shadow:0 0 8px #4af626;display:inline-block;animation:status-pulse 2s infinite ease-in-out}@keyframes status-pulse{0%{opacity:.6;box-shadow:0 0 4px #4af626}50%{opacity:1;box-shadow:0 0 10px #4af626}to{opacity:.6;box-shadow:0 0 4px #4af626}}body.theme-light .status-group .dot{background-color:#34a853;box-shadow:0 0 4px #34a853;animation:none}@media (max-width: 768px){.footer-top-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand-col{grid-column:span 2;margin-bottom:16px}.footer-bottom-row{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 480px){.footer-top-grid{grid-template-columns:1fr;gap:24px}.footer-brand-col{grid-column:span 1}}.why-care-container{padding:60px 24px;width:94%;max-width:1280px;margin:0 auto;transition:background-color .2s ease,border-color .2s ease}body.theme-light .why-care-container{border-top:1px solid rgba(0,0,0,.08)}body:not(.theme-light) .why-care-container{border-top:1px solid rgba(255,255,255,.08)}.why-care-header{font-family:var(--font-mono);font-weight:var(--fw-light);font-size:16px;color:var(--text-color);margin-bottom:40px;text-align:left;opacity:.6;text-transform:lowercase}.why-care-grid{display:flex;flex-direction:column;gap:32px;width:100%}.why-care-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:32px;background-color:#ffffff03;border:1px solid rgba(255,255,255,.05);border-radius:8px;aspect-ratio:2 / 1;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.why-care-card.split-card{flex-direction:row;align-items:stretch;padding:0;overflow:hidden}.why-care-card.split-card .split-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px}.why-care-card.split-card .split-right{flex:2;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-left:1px solid rgba(255,255,255,.05);padding:32px}body.theme-light .why-care-card.split-card .split-right{border-left:1px solid rgba(0,0,0,.05)}.why-care-card.split-card .sloppy-code-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;border:1px solid rgba(255,255,255,.08);filter:blur(8px);transition:filter .3s ease}body.theme-light .why-care-card.split-card .sloppy-code-img{border:1px solid rgba(0,0,0,.08)}.why-care-card.split-card:hover .sloppy-code-img{filter:blur(0)}body.theme-light .why-care-card{background-color:#00000003;border:1px solid rgba(0,0,0,.05)}.why-care-card:hover{transform:translateY(-2px);border-color:var(--border-color);background-color:#ffffff05}body.theme-light .why-care-card:hover{background-color:#00000005}.why-care-card .card-title{font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:18px;color:var(--text-color);margin-bottom:12px}.why-care-card .card-desc{font-family:var(--font-mono);font-weight:var(--fw-extra-light);font-size:14px;color:var(--text-color);line-height:1.6;opacity:.65}.why-care-card.split-card .card-title{font-size:24px;margin-bottom:16px;font-weight:var(--fw-regular)}.why-care-card.split-card .card-desc{font-size:15px;line-height:1.7;opacity:.8}.why-care-card.centered-card{align-items:center;text-align:center;justify-content:center}.why-care-card.has-extra-image{aspect-ratio:auto;min-height:480px;padding:40px 32px}.why-care-card .card-image-wrap{width:100%;max-width:600px;margin-top:24px;display:flex;justify-content:center;align-items:center;overflow:hidden}.why-care-card .card-extra-img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block;border-radius:6px}body.theme-light .why-care-card .card-extra-img{border:none}@media (max-width: 768px){.why-care-grid{gap:24px}.why-care-card{aspect-ratio:auto;min-height:200px;padding:24px}.why-care-card.split-card{flex-direction:column;aspect-ratio:auto}.why-care-card.split-card .split-left{padding:24px}.why-care-card.split-card .split-right{border-left:none;border-top:1px solid rgba(255,255,255,.05);height:200px}body.theme-light .why-care-card.split-card .split-right{border-top:1px solid rgba(0,0,0,.05)}}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px;animation:fadeIn .25s ease}body.theme-light .auth-overlay{background-color:#ffffffa6}.auth-modal{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;padding:32px;width:100%;max-width:400px;position:relative;font-family:var(--font-mono);box-shadow:none;animation:slideUp .25s ease}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-title{font-size:18px;font-weight:var(--fw-regular);text-transform:lowercase;color:var(--text-color)}.auth-close-btn{background:transparent;border:none;font-size:16px;color:var(--text-color);cursor:pointer;opacity:.6;transition:opacity .2s ease}.auth-close-btn:hover{opacity:1}.auth-error{background-color:#ff00000d;border:1px solid #ff4d4d;color:#ff4d4d;font-size:11px;padding:10px;border-radius:4px;margin-bottom:16px;text-transform:lowercase}body.theme-light .auth-error{background-color:#ff000005}.auth-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.auth-input-group label{font-size:11px;opacity:.6;text-transform:lowercase}.auth-input{background-color:#ffffff03;border:1px solid rgba(255,255,255,.1);color:var(--text-color);padding:10px 12px;font-family:var(--font-mono);font-size:13px;border-radius:4px;transition:border-color .2s ease;width:100%}body.theme-light .auth-input{background-color:#00000003;border:1px solid rgba(0,0,0,.1)}.auth-input:focus{outline:none;border-color:var(--border-color)}.auth-btn{width:100%;background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:12px;border-radius:var(--btn-radius);font-family:var(--font-mono);font-size:13px;cursor:pointer;text-transform:lowercase;margin-top:8px;transition:background-color .2s ease,opacity .2s ease}.auth-btn:hover{background-color:var(--btn-hover-bg)}.auth-toggle{text-align:center;margin-top:20px;font-size:11px;opacity:.7;text-transform:lowercase}.auth-toggle-link{background:transparent;border:none;color:var(--text-color);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-decoration:underline;padding:0;margin-left:4px;opacity:1}.locked-dashboard-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;width:90%;max-width:1100px;margin:40px auto;border:1px dashed rgba(255,255,255,.1);border-radius:8px;transition:border-color .2s ease}body.theme-light .locked-dashboard-container{border:1px dashed rgba(0,0,0,.1)}.lock-icon{font-size:32px;margin-bottom:16px}.lock-title{font-size:18px;font-weight:var(--fw-regular);text-transform:lowercase;margin-bottom:12px}.lock-desc{font-size:12px;opacity:.6;max-width:480px;line-height:1.6;margin-bottom:24px;text-transform:lowercase}.lock-btn{background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:10px 24px;border-radius:var(--btn-radius);font-family:var(--font-mono);font-size:12px;cursor:pointer;text-transform:lowercase;transition:background-color .2s ease,opacity .2s ease}.lock-btn:hover{background-color:var(--btn-hover-bg)}.nav-user-email{font-size:12px;opacity:.55;font-family:var(--font-mono);font-weight:var(--fw-light);text-transform:lowercase}.logout-btn{background:transparent;border:none;cursor:pointer}.cta-status-text{font-family:var(--font-mono);font-size:13px;opacity:.65;text-transform:lowercase}.auth-loading-screen{display:flex;justify-content:center;align-items:center;height:200px;font-size:13px;font-family:var(--font-mono);opacity:.5;text-transform:lowercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.user-profile-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);background:transparent;border:1px solid var(--border-color);color:var(--text-color);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.user-profile-btn:hover{background-color:#8080801a;transform:translateY(-50%) scale(1.05)}.dashboard-logo{position:absolute;left:24px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-weight:var(--fw-regular);font-size:18px;color:var(--text-color);letter-spacing:-.05em;text-decoration:none}@media (max-width: 768px){.dashboard-logo{font-size:16px}}@media (max-width: 480px){.dashboard-logo{display:none}}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;justify-content:flex-start;animation:fadeIn .2s ease-out}.sidebar-drawer{width:300px;height:100%;background-color:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:32px 24px;box-shadow:10px 0 30px #00000080;animation:slideInLeft .25s cubic-bezier(.16,1,.3,1);position:relative}.sidebar-close-btn{position:absolute;top:24px;right:24px;background:transparent;border:none;color:var(--text-color);font-size:16px;cursor:pointer;opacity:.5;transition:opacity .15s ease}.sidebar-close-btn:hover{opacity:1}.sidebar-header{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:24px;border-bottom:1px solid rgba(128,128,128,.2);margin-bottom:24px;width:100%}.sidebar-avatar{width:60px;height:60px;border-radius:50%;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--fw-light);margin-bottom:12px;background:#ffffff0d}body.theme-light .sidebar-avatar{background:#0000000d}.sidebar-profile-info{display:flex;flex-direction:column;gap:4px}.sidebar-name{font-size:16px;font-weight:var(--fw-regular);color:var(--text-color);text-transform:lowercase}.sidebar-email{font-size:12px;font-weight:var(--fw-light);color:var(--text-color);opacity:.6}.sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:28px;text-align:left}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.4;font-weight:var(--fw-regular);margin-bottom:4px}.upgrade-card{padding:16px;background:#ffffff05;border:1px dashed var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:8px}body.theme-light .upgrade-card{background:#00000005}.upgrade-card h4{font-size:13px;font-weight:var(--fw-regular);color:var(--text-color);text-transform:lowercase}.upgrade-card p{font-size:11px;font-weight:var(--fw-light);opacity:.6;line-height:1.4}.upgrade-btn{background-color:var(--btn-bg);color:var(--btn-text);border:none;padding:8px 14px;font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-regular);cursor:pointer;border-radius:var(--btn-radius);transition:background-color .15s ease,opacity .15s ease;text-transform:lowercase;margin-top:4px;align-self:flex-start}.upgrade-btn:hover{background-color:var(--btn-hover-bg)}.sidebar-links-list{display:flex;flex-direction:column;gap:8px}.sidebar-link-item{background:transparent;border:none;color:var(--text-color);font-family:var(--font-mono);font-size:13px;text-align:left;cursor:pointer;padding:6px 0;font-weight:var(--fw-light);opacity:.75;transition:opacity .15s ease,padding-left .15s ease;width:fit-content}.sidebar-link-item:hover{opacity:1;padding-left:4px;text-decoration:underline}.sidebar-link-item.logout{color:#ff4d4d}.sidebar-settings-group{display:flex;flex-direction:column;gap:12px}.settings-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:var(--fw-light)}.badge{font-size:10px;padding:2px 6px;border:1px solid var(--border-color);border-radius:3px;opacity:.8}.badge.warning{border-color:#f59e0b;color:#f59e0b}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.folder-tree{font-family:var(--font-mono);font-size:13px;background:#ffffff05;border:1px solid rgba(128,128,128,.15);border-radius:6px;padding:24px;width:100%;max-width:320px;margin:16px auto 0;text-align:left;display:flex;flex-direction:column;gap:8px}body.theme-light .folder-tree{background:#00000005}.folder-node{display:flex;align-items:center;font-weight:var(--fw-regular)}.file-list{display:flex;flex-direction:column;gap:6px;padding-left:20px;position:relative}.file-list:before{content:"";position:absolute;left:6px;top:0;bottom:12px;width:1px;background:#80808040}.file-node{display:flex;align-items:center;padding-left:12px;position:relative;font-weight:var(--fw-light);opacity:.8;cursor:default;transition:opacity .15s ease,padding-left .15s ease}.file-node:before{content:"";position:absolute;left:-14px;top:50%;width:10px;height:1px;background:#80808040}.file-node:hover{opacity:1;padding-left:16px;color:var(--text-color)}.admin-split-container{display:flex;flex-direction:row;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px}@media (max-width: 900px){.admin-split-container{flex-direction:column}}.how-it-works-section{padding:80px 24px;width:96%;max-width:1360px;margin:0 auto;text-align:center;font-family:var(--font-mono)}.how-it-works-section .section-title{font-size:20px;font-weight:var(--fw-light);letter-spacing:-.02em;margin-bottom:48px;text-transform:lowercase;color:var(--text-color)}.steps-container{display:flex;flex-direction:column;gap:24px}.step-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left;padding:80px 64px;min-height:600px;background:var(--bg-color);border:none;border-radius:72px 72px 0 0;gap:32px;position:sticky;top:120px;box-shadow:0 -10px 30px #00000040;transition:box-shadow .2s ease}body.theme-light .step-card{background:var(--bg-color);box-shadow:0 -10px 30px #0000000d}.step-card:hover{box-shadow:0 -10px 30px #0000004d,0 0 12px rgba(var(--border-color),.03)}.step-card-main{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;width:100%}.step-card-cta{display:flex;justify-content:center;width:100%}.get-started-btn{padding:10px 28px;font-size:12px}.step-card-text{flex:1.2;display:flex;flex-direction:column;gap:8px}.step-header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.step-number{font-size:32px;font-weight:var(--fw-thin);opacity:.3}.step-title{font-size:16px;font-weight:var(--fw-regular);text-transform:lowercase;color:var(--text-color)}.step-desc{font-size:13px;opacity:.6;line-height:1.6}.step-code-box{flex:1;max-width:580px;width:100%;background:#00000026;border:1px solid rgba(128,128,128,.1);border-radius:4px;padding:16px;overflow-x:auto}body.theme-light .step-code-box{background:#00000008}.step-code-box pre{margin:0}.step-code-box code{font-size:10px;line-height:1.4;opacity:.7}@media (max-width: 768px){.step-card{align-items:center;gap:20px;padding:24px;min-height:auto}.step-card-main{flex-direction:column;align-items:stretch;gap:20px}.step-code-box{max-width:100%}}.footer-huge-logo{font-size:15vw;font-weight:var(--fw-regular);text-align:center;color:var(--text-color);opacity:.08;letter-spacing:-.06em;margin-top:60px;line-height:.8;text-transform:lowercase;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden;display:block}body.theme-light .footer-huge-logo{opacity:.06}.agent-ticker-container{width:100%;padding:40px 0 20px;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:background-color .2s ease}.agent-ticker-title{font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-light);color:var(--text-color);opacity:.45;text-transform:lowercase;margin-bottom:20px;letter-spacing:.05em}.agent-ticker-track-wrap{width:100%;overflow:hidden;position:relative;display:flex}.agent-ticker-track-wrap:before,.agent-ticker-track-wrap:after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}.agent-ticker-track-wrap:before{left:0;background:linear-gradient(to right,var(--bg-color),transparent)}.agent-ticker-track-wrap:after{right:0;background:linear-gradient(to left,var(--bg-color),transparent)}.agent-ticker-track{display:flex;width:max-content;animation:agentMarquee 25s linear infinite}.agent-ticker-track:hover{animation-play-state:paused}.agent-ticker-list{display:flex;gap:40px;padding-right:40px}.agent-ticker-item{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:14px;color:var(--text-color);opacity:.85;background-color:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:12px 24px;border-radius:var(--btn-radius);white-space:nowrap;transition:background-color .15s ease,opacity .15s ease,border-color .15s ease}body.theme-light .agent-ticker-item{background-color:#00000003;border:1px solid rgba(0,0,0,.06)}.agent-ticker-item:hover{opacity:1;background-color:#ffffff0d;border-color:var(--border-color)}body.theme-light .agent-ticker-item:hover{background-color:#00000008;border-color:var(--border-color)}.agent-dot{width:6px;height:6px;border-radius:50%;background-color:var(--text-color);opacity:.5;display:inline-block}.agent-ticker-icon{width:28px;height:28px;border-radius:4px;object-fit:contain;display:block}@keyframes agentMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}