:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--transition-theme:0.3s;--body-bg-color:#030712;--body-background:radial-gradient(circle at 10% -20%,rgba(56,189,248,.28),transparent 55%),radial-gradient(circle at 95% 10%,rgba(129,140,248,.18),transparent 45%),radial-gradient(circle at 25% 120%,rgba(16,185,129,.12),transparent 55%),#030712;--text-primary:#f8fafc;--text-secondary:rgba(226,232,240,.82);--text-muted:rgba(203,213,225,.75);--text-soft:rgba(203,213,225,.9);--text-contrast:#0f172a;--text-code:#f8fafc;--brand-mark-bg:linear-gradient(135deg,rgba(59,130,246,.9),rgba(14,165,233,.9));--brand-mark-text:#0f172a;--nav-link:rgba(226,232,240,.92);--nav-link-hover-bg:rgba(191,219,254,.9);--nav-link-hover-text:#0f172a;--surface-header:rgba(15,23,42,.72);--surface-header-border:rgba(148,163,184,.18);--surface-hero:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,41,59,.78));--surface-hero-border:rgba(148,163,184,.2);--surface-hero-outline:linear-gradient(135deg,rgba(56,189,248,.5),rgba(129,140,248,.35));--surface-card:rgba(15,23,42,.7);--surface-card-border:rgba(148,163,184,.18);--surface-panel:rgba(15,23,42,.75);--surface-panel-contrast:rgba(15,23,42,.65);--surface-panel-muted:rgba(15,23,42,.55);--surface-panel-soft:rgba(15,23,42,.45);--surface-panel-faint:rgba(15,23,42,.4);--surface-input:rgba(15,23,42,.6);--surface-code:rgba(15,23,42,.85);--surface-info:linear-gradient(160deg,rgba(15,23,42,.85),rgba(30,41,59,.6));--surface-info-border:rgba(148,163,184,.16);--border-strong:rgba(148,163,184,.35);--border-medium:rgba(148,163,184,.3);--border-default:rgba(148,163,184,.25);--border-subtle:rgba(148,163,184,.2);--border-faint:rgba(148,163,184,.18);--border-bold:rgba(148,163,184,.4);--border-stronger:rgba(148,163,184,.5);--shadow-header:0 40px 80px rgba(15,23,42,.35);--shadow-hero:0 45px 90px rgba(15,23,42,.45);--shadow-card:0 35px 60px rgba(15,23,42,.4);--shadow-info:0 30px 55px rgba(15,23,42,.35);--shadow-panel:0 30px 70px rgba(15,23,42,.35);--hero-pill-bg:rgba(59,130,246,.2);--hero-pill-text:rgba(224,231,255,.9);--hero-paragraph:rgba(226,232,240,.82);--hero-meta-border:rgba(148,163,184,.18);--meta-number:rgba(224,231,255,.95);--meta-label:rgba(203,213,225,.75);--glass-card-text:rgba(203,213,225,.78);--text-soft-strong:#cbd5f5;--icon-link:rgba(125,211,252,.9);--icon-link-hover:#38bdf8;--app-footer-text:rgba(148,163,184,.8);--button-bg:rgba(30,41,59,.7);--button-text:rgba(226,232,240,.92);--button-border:rgba(148,163,184,.25);--button-shadow-hover:0 25px 55px rgba(15,23,42,.4);--button-primary-gradient:linear-gradient(135deg,rgba(59,130,246,.95),rgba(14,165,233,.95));--button-primary-text:#0f172a;--button-primary-shadow:0 25px 45px rgba(14,116,236,.35);--button-primary-shadow-hover:0 35px 70px rgba(14,116,236,.4);--accent-gradient:linear-gradient(135deg,#0ea5e9,#6366f1);--accent-gradient-alt:linear-gradient(135deg,#22d3ee,#6366f1);--accent-gradient-muted:linear-gradient(135deg,#334155,#64748b);--accent-text-contrast:#0f172a;--status-error:#fca5a5;--background-glow:radial-gradient(circle at 20% 20%,rgba(99,102,241,.28),transparent 55%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.24),transparent 50%);--toggle-indicator:rgba(224,231,255,.95);--toggle-text:rgba(226,232,240,.92);--toggle-border:rgba(148,163,184,.25);--interaction-panel-max-width:800px;--interaction-panel-padding:clamp(1.5rem,1.1rem + 1vw,2.25rem);--interaction-panel-radius:1rem}:root[data-theme=light]{color-scheme:light;--body-bg-color:#f8fafc;--body-background:radial-gradient(circle at 10% -20%,rgba(59,130,246,.08),transparent 55%),radial-gradient(circle at 95% 10%,rgba(129,140,248,.12),transparent 45%),radial-gradient(circle at 30% 120%,rgba(16,185,129,.08),transparent 50%),#f8fafc;--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#64748b;--text-soft:#475569;--text-contrast:#f8fafc;--text-code:#0f172a;--brand-mark-bg:linear-gradient(135deg,rgba(59,130,246,.85),rgba(14,165,233,.85));--brand-mark-text:#f8fafc;--nav-link:#0f172a;--nav-link-hover-bg:rgba(191,219,254,.8);--nav-link-hover-text:#0f172a;--surface-header:hsla(0,0%,100%,.9);--surface-header-border:rgba(148,163,184,.22);--surface-hero:linear-gradient(135deg,hsla(0,0%,100%,.96),rgba(236,241,255,.88));--surface-hero-border:rgba(148,163,184,.25);--surface-hero-outline:linear-gradient(135deg,rgba(59,130,246,.25),rgba(129,140,248,.15));--surface-card:hsla(0,0%,100%,.94);--surface-card-border:rgba(148,163,184,.25);--surface-panel:hsla(0,0%,100%,.96);--surface-panel-contrast:rgba(244,247,255,.92);--surface-panel-muted:rgba(241,245,249,.9);--surface-panel-soft:rgba(226,232,240,.85);--surface-panel-faint:rgba(226,232,240,.82);--surface-input:rgba(241,245,249,.95);--surface-code:rgba(226,232,240,.9);--surface-info:linear-gradient(160deg,hsla(0,0%,100%,.96),rgba(230,240,255,.88));--surface-info-border:rgba(148,163,184,.28);--border-strong:rgba(148,163,184,.4);--border-medium:rgba(148,163,184,.32);--border-default:rgba(148,163,184,.3);--border-subtle:rgba(148,163,184,.22);--border-faint:rgba(148,163,184,.18);--border-bold:rgba(148,163,184,.38);--border-stronger:rgba(148,163,184,.45);--shadow-header:0 25px 60px rgba(148,163,184,.25);--shadow-hero:0 35px 70px rgba(148,163,184,.25);--shadow-card:0 30px 55px rgba(148,163,184,.22);--shadow-info:0 25px 50px rgba(148,163,184,.22);--shadow-panel:0 25px 50px rgba(148,163,184,.2);--hero-pill-bg:rgba(59,130,246,.15);--hero-pill-text:#1d4ed8;--hero-paragraph:#475569;--hero-meta-border:rgba(148,163,184,.28);--meta-number:#1d4ed8;--meta-label:#475569;--glass-card-text:#475569;--text-soft-strong:#1f2937;--icon-link:#0ea5e9;--icon-link-hover:#0369a1;--app-footer-text:#64748b;--button-bg:rgba(241,245,249,.95);--button-text:#0f172a;--button-border:rgba(148,163,184,.35);--button-shadow-hover:0 20px 35px rgba(148,163,184,.25);--button-primary-gradient:linear-gradient(135deg,#2563eb,#0ea5e9);--button-primary-text:#f8fafc;--button-primary-shadow:0 20px 40px rgba(14,116,236,.25);--button-primary-shadow-hover:0 30px 55px rgba(14,116,236,.3);--accent-gradient:linear-gradient(135deg,#2563eb,#0ea5e9);--accent-gradient-alt:linear-gradient(135deg,#22d3ee,#4f46e5);--accent-gradient-muted:linear-gradient(135deg,#cbd5f5,#94a3b8);--accent-text-contrast:#f8fafc;--background-glow:radial-gradient(circle at 20% 20%,rgba(59,130,246,.15),transparent 55%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.18),transparent 50%);--toggle-indicator:rgba(14,116,236,.85);--toggle-text:#0f172a;--toggle-border:rgba(148,163,184,.3)}body{margin:0;min-height:100vh;background-color:var(--body-bg-color);background:var(--body-background);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-theme) ease,color var(--transition-theme) ease}a{color:inherit;text-decoration:none}button{font:inherit}.app-body{position:relative;display:flex;justify-content:center;padding:4rem 1.5rem 6rem}.background-glow{position:fixed;inset:0;pointer-events:none;background:var(--background-glow);filter:blur(80px);z-index:0}.interaction-panel{width:100%;max-width:var(--interaction-panel-max-width);margin:0 auto;padding:var(--interaction-panel-padding);border-radius:var(--interaction-panel-radius);background:var(--surface-panel);border:1px solid var(--border-medium);box-shadow:var(--shadow-panel)}.app-shell{position:relative;z-index:1;width:min(960px,100%);display:flex;flex-direction:column;gap:4rem}.app-header{justify-content:space-between;gap:2rem;padding:1.75rem 2.25rem;border-radius:24px;background:var(--surface-header);border:1px solid var(--surface-header-border);box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.app-header,.brand{display:flex;align-items:center}.brand{gap:1.25rem}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--brand-mark-bg);font-weight:700;letter-spacing:.08em;color:var(--brand-mark-text)}.brand h1{margin:0 0 .25rem;font-size:clamp(1.75rem,2.6vw,2.625rem);line-height:1.1}.brand p{margin:0;color:var(--text-soft)}.header-controls{align-items:center}.app-header nav,.header-controls{display:flex;gap:1rem}.nav-link{padding:.65rem 1.1rem;border-radius:9999px;color:var(--nav-link);font-weight:500;transition:transform .25s ease,color .25s ease,background .25s ease}.nav-link:focus-visible,.nav-link:hover{color:var(--nav-link-hover-text);background:var(--nav-link-hover-bg);transform:translateY(-1px)}.hero{position:relative;padding:2.75rem;border-radius:28px;background:var(--surface-hero);border:1px solid var(--surface-hero-border);box-shadow:var(--shadow-hero);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-gap:1.75rem;gap:1.75rem}.hero:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--surface-hero-outline);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-pill{align-self:start;padding:.3rem .9rem;border-radius:9999px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;background:var(--hero-pill-bg);color:var(--hero-pill-text)}.hero h2{margin:0;font-size:clamp(2.25rem,4.2vw,3.25rem);line-height:1.05}.hero p{margin:0;max-width:60ch;color:var(--hero-paragraph);font-size:1.05rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1.6rem;border-radius:9999px;background:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);font-weight:600;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button.primary{background:var(--button-primary-gradient);color:var(--button-primary-text);box-shadow:var(--button-primary-shadow);border-color:transparent}.button:focus-visible,.button:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--button-shadow-hover)}.button.primary:focus-visible,.button.primary:hover{box-shadow:var(--button-primary-shadow-hover)}.button.secondary{background:transparent;border:2px solid var(--border-medium);color:var(--text-soft)}.button.secondary:focus-visible,.button.secondary:hover{border-color:var(--border-strong);background:var(--surface-panel-faint)}.hero-subtext{margin:-.5rem 0 0;max-width:50ch;color:var(--text-muted);font-size:.95rem;line-height:1.5}.hero-subtext strong{color:var(--text-soft);font-weight:600}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:1.5rem;gap:1.5rem;padding-top:1.25rem;border-top:1px solid var(--hero-meta-border)}.hero-meta div{display:grid;grid-gap:.3rem;gap:.3rem}.meta-number{font-size:1.5rem;font-weight:700;color:var(--meta-number)}.meta-label{color:var(--meta-label);font-size:.95rem}.highlights{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.glass-card{padding:1.75rem;border-radius:22px;background:var(--surface-card);border:1px solid var(--surface-card-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-gap:1rem;gap:1rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-header h3{margin:0;font-size:1.2rem}.glass-card p{margin:0;color:var(--glass-card-text)}.icon-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.95rem;color:var(--icon-link);transition:transform .2s ease,color .2s ease}.icon-link span:last-child{display:inline-flex;transform:translateX(0);transition:transform .2s ease}.icon-link:focus-visible,.icon-link:hover{color:var(--icon-link-hover)}.icon-link:focus-visible span:last-child,.icon-link:hover span:last-child{transform:translateX(4px)}.info-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-card{padding:2rem;border-radius:26px;background:var(--surface-info);border:1px solid var(--surface-info-border);box-shadow:var(--shadow-info);display:grid;grid-gap:.75rem;gap:.75rem}.info-card h3{margin:0;font-size:1.25rem}.info-card p{margin:0;color:var(--glass-card-text)}.app-footer{text-align:center;color:var(--app-footer-text);font-size:.95rem;padding-bottom:2rem}.theme-toggle{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .9rem;border-radius:9999px;border:1px solid var(--toggle-border);background:var(--button-bg);color:var(--toggle-text);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.theme-toggle:disabled{cursor:not-allowed;opacity:.6}.theme-toggle:not(:disabled):focus-visible,.theme-toggle:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--button-shadow-hover)}.theme-toggle-indicator{width:12px;height:12px;border-radius:9999px;background:var(--toggle-indicator);transition:background .3s ease}.theme-toggle-text{font-size:.85rem;color:inherit}.guest-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;border-radius:16px;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.1));border:1px solid rgba(251,191,36,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:1.5rem}:root[data-theme=light] .guest-banner{background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.08));border-color:rgba(245,158,11,.35)}.guest-banner-content{display:flex;align-items:center;gap:1rem;flex:1 1}.guest-banner-icon{font-size:1.5rem;line-height:1}.guest-banner-text{display:flex;flex-direction:column;gap:.25rem}.guest-banner-text strong{color:var(--text-primary);font-size:.95rem;font-weight:600}.guest-banner-text span{color:var(--text-muted);font-size:.85rem}.guest-banner-button{padding:.6rem 1.2rem;border-radius:9999px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(245,158,11,.25);white-space:nowrap}.guest-banner-button:focus-visible,.guest-banner-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.35)}@media (max-width:720px){.app-body{padding:2rem 1rem 4rem}.app-header,.header-controls{flex-direction:column;align-items:flex-start}.header-controls{width:100%;gap:.75rem}.app-header nav{width:100%;flex-wrap:wrap}.hero{padding:2.25rem}.guest-banner{flex-direction:column;align-items:flex-start;gap:1rem}.guest-banner-button{width:100%}.dashboard-quick-actions{grid-template-columns:1fr!important}}