:root{--color-primary: #6B46C1;--color-primary-dark: #5B3AA8;--color-primary-light: #9F7AEA;--color-gradient-start: #7C3AED;--color-gradient-end: #A78BFA;--color-bg: #FAFAFA;--color-surface: #ffffff;--color-text: #1F2937;--color-text-muted: #6B7280;--shadow-soft: 0 4px 20px rgba(107, 70, 193, .08);--shadow-card: 0 4px 24px rgba(107, 70, 193, .12);--radius: 12px;--radius-lg: 14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;background:var(--color-bg);color:var(--color-text)}html[data-theme=dark]{--color-bg: #0B0B10;--color-surface: #12121A;--color-text: #F3F4F6;--color-text-muted: #A1A1AA;--shadow-soft: 0 10px 28px rgba(0, 0, 0, .35);--shadow-card: 0 12px 34px rgba(0, 0, 0, .42)}.app{min-height:100vh;display:flex;flex-direction:column}.nav{display:flex;align-items:center;gap:2rem;padding:.75rem 3rem;background:linear-gradient(135deg,var(--color-gradient-start) 0%,var(--color-primary) 50%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 20px #6b46c140;flex-wrap:wrap}.nav-brand{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:#fff;text-decoration:none;display:flex;align-items:center;gap:.5rem}.nav-brand:hover{color:#fffffff2}.nav-brand-icon{width:28px;height:28px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}.nav-left{display:flex;align-items:center;gap:.25rem}.nav-right{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav a{color:#ffffffe6;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:background .2s,color .2s}.nav-item{display:inline-flex;align-items:center;gap:.45rem}.nav-item svg{opacity:.95}.nav a:hover{background:#ffffff26;color:#fff}.nav a.active{background:#fff3;color:#fff}.nav-sign-out{background:transparent;border:none;color:#ffffffe6;font:inherit;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.nav-sign-out:hover{background:#ffffff26;color:#fff}.nav-sign-out:disabled{opacity:.7;cursor:not-allowed}.nav-burger{display:none;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);color:#fff;font:inherit;font-weight:700;padding:.45rem .7rem;border-radius:10px;cursor:pointer;line-height:1}.nav-burger:hover{background:#ffffff2e}.mobile-menu-backdrop,.mobile-menu{display:none}.main{flex:1;padding:2.5rem 3rem;max-width:960px;margin:0 auto;width:100%;box-sizing:border-box}@media(max-width:640px){.nav{padding:.75rem 1.25rem;gap:.75rem}.nav-left{display:none}.nav-right{margin-left:auto}.nav-burger{display:inline-flex;align-items:center;justify-content:center}.mobile-menu-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:40}.mobile-menu{display:block;position:fixed;top:0;right:0;height:100vh;width:min(86vw,320px);background:var(--color-surface);color:var(--color-text);box-shadow:-14px 0 36px #00000047;z-index:50;transform:translate(100%);transition:transform .18s ease;padding:1rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between}.mobile-menu-title{font-weight:800;letter-spacing:-.01em}.mobile-menu-close{background:transparent;border:1px solid rgba(107,70,193,.22);color:var(--color-text);font:inherit;padding:.35rem .6rem;border-radius:10px;cursor:pointer}.mobile-menu-links,.mobile-menu-actions{display:flex;flex-direction:column;gap:.25rem}.mobile-menu a{color:var(--color-text);text-decoration:none;font-weight:600;padding:.65rem .75rem;border-radius:10px;transition:background .18s ease}.mobile-menu a:hover{background:#6b46c114}.mobile-menu a.active{background:#6b46c11f;color:var(--color-primary-dark)}.mobile-menu .nav-sign-out{width:100%;text-align:left;color:var(--color-text);background:transparent;border:1px solid rgba(107,70,193,.22);margin-top:.25rem}.mobile-menu .nav-sign-out:hover{background:#6b46c114;color:var(--color-text)}.main{padding:1.5rem 1.25rem}}.hero-wrap{position:relative;overflow:hidden}.hero-blob{position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#7c3aed26,#a78bfa1a);pointer-events:none;top:-120px;right:-120px}.hero-blob--left{top:40%;left:-100px;right:auto;width:280px;height:280px;opacity:.8}