:root{--font-display:"Syne", sans-serif;--font-body:"Outfit", sans-serif;--bg:#f3f4f6;--bg-elevated:#ffffffb8;--text:#0c0f12;--muted:#5c6670;--line:#0c0f121f;--accent:#0f766e;--accent-soft:#0f766e1f;--accent-glow:#2dd4bf59;--danger:#b42318;--orb-a:#0f766e38;--orb-b:#0c0f1214;--hero-plane:linear-gradient(145deg, #0c0f12 0%, #1a2330 48%, #0f766e 140%);--shadow:0 24px 60px #0c0f121a;--noise:#0c0f1209;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#07090c;--bg-elevated:#10141ac7;--text:#e8ecef;--muted:#8b96a3;--line:#e8ecef1f;--accent:#5eead4;--accent-soft:#5eead41f;--accent-glow:#5eead447;--danger:#f97066;--orb-a:#5eead429;--orb-b:#386eb424;--hero-plane:linear-gradient(145deg, #05070a 0%, #121821 50%, #134e4a 130%);--shadow:0 28px 70px #00000073;--noise:#ffffff08;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#04110f}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.55;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.ambient-orb{filter:blur(60px);border-radius:50%;position:absolute}.ambient-orb-a{background:var(--orb-a);width:min(48vw,520px);height:min(48vw,520px);top:-8%;right:-6%}.ambient-orb-b{background:var(--orb-b);width:min(42vw,460px);height:min(42vw,460px);bottom:-12%;left:-8%}.ambient-noise{opacity:.4;background-image:radial-gradient(var(--noise) .6px, transparent .6px);background-size:3px 3px;position:absolute;inset:0}.boot{z-index:1;place-items:center;min-height:100vh;display:grid;position:relative}.boot-mark{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.auth-page,.home-page{z-index:1;width:min(1120px,100% - 2.5rem);min-height:100vh;margin:0 auto;padding:1.25rem 0 4rem;position:relative}.auth-top,.site-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:-.05em;font-size:1.35rem;font-weight:800}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.user-chip{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.85rem}.theme-toggle{border:1px solid var(--line);background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .7rem .35rem .4rem;transition:border-color .25s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle-track{background:var(--accent-soft);border-radius:999px;width:44px;height:22px;display:block;position:relative}.theme-toggle-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;position:absolute;top:3px;left:3px}.theme-toggle-label{color:var(--muted);text-align:left;min-width:3.5rem;font-size:.8rem}.auth-stage{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(1.5rem,3vw,2.5rem);min-height:calc(100vh - 8rem);padding-bottom:2rem;display:grid}.auth-hero{flex-direction:column;align-items:center;max-width:36rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 .85rem;font-size:.72rem;font-weight:500}.auth-title{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:clamp(3.2rem,9vw,6.2rem);font-weight:800;line-height:.92}.auth-title-line{color:var(--muted);letter-spacing:-.03em;margin-bottom:.15em;font-size:.42em;font-weight:600;display:block}.auth-title-brand{background:linear-gradient(120deg, var(--text) 20%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.auth-lead{color:var(--muted);max-width:34ch;margin-left:auto;margin-right:auto;font-size:1.05rem;font-weight:300}.hero-bio,.section-lead{color:var(--muted);max-width:34ch;font-size:1.05rem;font-weight:300}.auth-panel{border:1px solid var(--line);background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:calc(var(--radius) + 4px);width:min(420px,100%);box-shadow:var(--shadow);text-align:left;padding:1.1rem}.auth-form label,.auth-form input{text-align:center}.auth-form .btn-primary{width:100%}.auth-tabs{background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:1.1rem;padding:4px;display:grid;position:relative}.auth-tabs button{z-index:1;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.7rem .5rem;font-weight:500;position:relative}.auth-tabs button.active{color:var(--text)}.auth-tab-indicator{background:var(--bg-elevated);border:1px solid var(--line);z-index:0;border-radius:999px;width:calc(50% - 4px);position:absolute;top:4px;bottom:4px}.auth-form,.modal-form{gap:.9rem;display:grid}label{gap:.4rem;display:grid}label span,.answer-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.78rem}input,textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, transparent);resize:vertical;border-radius:12px;outline:none;width:100%;padding:.85rem .95rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.8rem 1.25rem;font-weight:500;transition:background .2s,border-color .2s,color .2s,transform .2s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#04110f;box-shadow:0 10px 30px var(--accent-glow)}html[data-theme=light] .btn-primary{color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent)}.btn-ghost.danger{color:var(--danger)}.form-error{color:var(--danger);margin:0;font-size:.9rem}.hero{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:clamp(1.25rem,3vw,2.5rem);min-height:min(48vh,420px);margin-bottom:2.5rem;display:grid}.hero-compact .hero-brand{font-size:clamp(3.2rem,9vw,5.5rem)}.hero-compact .hero-plane{min-height:240px}.hero-compact .hero-bio{max-width:42ch;font-size:.98rem}.user-columns{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);margin-bottom:2rem;display:grid}.user-columns .socials-section,.user-columns .questions-section{text-align:center;margin-bottom:0}.user-columns .section-lead{margin-left:auto;margin-right:auto}.user-columns .social-list,.user-columns .question-list{text-align:left}.home-compact{padding-bottom:2.5rem}.answered-time{color:var(--muted);margin-top:.45rem;font-size:.8rem;display:block}.hero-copy{flex-direction:column;justify-content:flex-end;padding-bottom:.5rem;display:flex}.hero-brand{font-family:var(--font-display);letter-spacing:-.07em;margin:0 0 1rem;font-size:clamp(4.5rem,14vw,8.5rem);font-weight:800;line-height:.85}.hero-brand-glow{background:linear-gradient(115deg, var(--text) 10%, var(--accent) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite brand-shift;display:inline-block}@keyframes brand-shift{0%,to{filter:hue-rotate()}50%{filter:hue-rotate(-8deg)}}.hero-cta{width:fit-content;margin-top:1.5rem}.hero-visual{min-height:320px}.hero-plane{background:var(--hero-plane);isolation:isolate;border-radius:0;height:100%;min-height:320px;position:relative;overflow:hidden}.hero-scan{background:repeating-linear-gradient(0deg,#0000 0 14px,#ffffff0a 14px 15px),radial-gradient(circle at 30% 20%,#5eead459,#0000 45%);animation:7s linear infinite scan;position:absolute;inset:-20%}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(28px)}}.hero-mono{font-family:var(--font-display);letter-spacing:-.08em;color:#ffffffe0;mix-blend-mode:soft-light;place-items:center;font-size:clamp(5rem,18vw,10rem);font-weight:800;display:grid;position:absolute;inset:0}.socials-section,.questions-section,.admin-section,.online-section{margin-bottom:4rem}.socials-section h2,.questions-section h2,.admin-section h2,.online-section h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 .4rem;font-size:clamp(1.8rem,4vw,2.6rem)}.online-chip{color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line));background:var(--accent-soft);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.85rem;display:inline-flex}.online-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite online-pulse}@keyframes online-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.online-stat{flex-direction:column;align-items:center;gap:.35rem;margin:1.5rem 0 1rem;display:flex}.online-stat-num{font-family:var(--font-display);letter-spacing:-.06em;color:var(--accent);font-size:clamp(3rem,8vw,4.5rem);font-weight:800;line-height:1}.online-stat-label{color:var(--muted)}.online-users{text-align:left;gap:.55rem;max-width:420px;margin:0 auto;padding:0;list-style:none;display:grid}.online-users li{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:.55rem;padding:.65rem 0;display:flex}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#05070a73;border:0;position:fixed;inset:0}.admin-drawer{z-index:60;background:var(--bg);border-left:1px solid var(--line);width:min(320px,88vw);height:100vh;box-shadow:var(--shadow);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:fixed;top:0;right:0}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.drawer-online{border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;align-items:center;gap:.85rem;padding:1rem;display:flex}.drawer-online strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.8rem;line-height:1;display:block}.drawer-online p{color:var(--muted);margin:.2rem 0 0;font-size:.85rem}.drawer-nav{gap:.35rem;display:grid}.drawer-nav button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:.95rem .15rem;font-size:1.05rem;font-weight:500;transition:color .2s,padding-left .2s;display:flex}.drawer-nav button:hover{color:var(--accent);padding-left:.4rem}.home-admin{scroll-behavior:smooth}.social-list,.question-list{margin:1.5rem 0 0;padding:0;list-style:none}.social-list{border-top:1px solid var(--line);gap:0;display:grid}.social-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.15rem .15rem;font-size:1.15rem;font-weight:500;transition:color .2s,padding-left .25s;display:flex}.social-link:hover{color:var(--accent);padding-left:.55rem}.social-arrow{transition:transform .25s}.social-link:hover .social-arrow{transform:translate(6px)}.question-list{gap:1rem;display:grid}.question-item{border-top:1px solid var(--line);padding:1.2rem 0 .4rem}.question-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.65rem;font-size:.85rem;display:flex}.status-pill{border:1px solid var(--line);text-transform:lowercase;border-radius:999px;align-items:center;padding:.2rem .55rem;display:inline-flex}.status-pill.status-open{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--accent-soft)}.status-pill.status-answered{color:var(--text)}.status-pill.status-closed{opacity:.7}.question-text{margin:0;font-size:1.08rem}.answer-block{border-left:2px solid var(--accent);margin-top:.9rem;padding-left:.9rem}.answer-block p{margin:.35rem 0 0}.muted{color:var(--muted)}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.filter-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.filter-tabs button{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:999px;padding:.45rem .85rem}.filter-tabs button.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.admin-actions{gap:.75rem;margin-top:.9rem;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070a8c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.modal-panel{background:var(--bg);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);width:min(520px,100%);box-shadow:var(--shadow);padding:1.25rem}.modal-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-head h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0}@media (width<=860px){.hero,.user-columns{grid-template-columns:1fr;min-height:auto}.hero-visual{order:-1}.hero-plane{min-height:200px}.auth-page,.home-page{width:min(1120px,100% - 1.5rem)}}