@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--bg-base: #060E1A;--bg-card: #0B1829;--bg-elevated: #0F2040;--bg-hover: #132448;--border: rgba(255,255,255,.08);--border-gold: rgba(196,147,63,.3);--gold: #C4933F;--gold-light: #D4A84E;--gold-dim: rgba(196,147,63,.15);--cream: #F5EDD6;--text-primary: #F0EEEA;--text-secondary:#94A8C0;--text-muted: #5A7090;--green: #2ECC71;--green-dim: rgba(46,204,113,.12);--red: #E74C3C;--red-dim: rgba(231,76,60,.12);--amber: #F39C12;--amber-dim: rgba(243,156,18,.12);--blue: #3498DB;--blue-dim: rgba(52,152,219,.12);--purple: #9B59B6;--purple-dim: rgba(155,89,182,.12);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-gold:0 8px 32px rgba(196,147,63,.2);--ease: cubic-bezier(.22,1,.36,1);--t-fast: .12s var(--ease);--t-base: .22s var(--ease);--t-slow: .4s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--cream)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.4rem,3vw,2.2rem)}h3{font-size:clamp(1.1rem,2vw,1.5rem)}h4{font-size:1rem;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}.label{font-size:.69rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.mono{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:760px}.container--wide{max-width:1440px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;display:flex;align-items:center;padding:0 var(--space-8);background:#060e1ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav__logo{font-family:var(--font-display);font-size:1.25rem;font-weight:900;color:var(--cream);letter-spacing:-.02em}.nav__logo span{color:var(--gold)}.nav__links{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.nav__link{font-size:.85rem;font-weight:500;color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--r-sm);transition:all var(--t-fast)}.nav__link:hover{color:var(--text-primary);background:#ffffff0d}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-6)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.card--gold{border-color:var(--border-gold);background:linear-gradient(135deg,#c4933f0f,#0b1829e6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 22px;border-radius:var(--r-full);font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background:linear-gradient(135deg,var(--gold),#A87530);color:#fff;box-shadow:var(--shadow-gold)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 40px #c4933f59}.btn--secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:#ffffff1a}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn--ghost:hover{color:var(--text-primary);border-color:#fff3}.btn--green{background:linear-gradient(135deg,var(--green),#27AE60);color:#fff;box-shadow:0 6px 20px #2ecc7140}.btn--danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(231,76,60,.3)}.btn--sm{padding:7px 16px;font-size:.8rem}.btn--lg{padding:14px 32px;font-size:1rem}.btn--full{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.input{background:#0b1f3ab3;border:1px solid var(--border-gold);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;padding:10px 14px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c4933f26}.input::placeholder{color:var(--text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0b1f3ab3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235A7090' d='M6 8L0 0h12z'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--border-gold);border-radius:var(--r-md);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;padding:10px 40px 10px 14px;outline:none;cursor:pointer;width:100%}.select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c4933f26}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;letter-spacing:.04em}.badge--gold{background:var(--gold-dim);color:var(--gold-light);border:1px solid var(--border-gold)}.badge--green{background:var(--green-dim);color:var(--green);border:1px solid rgba(46,204,113,.3)}.badge--red{background:var(--red-dim);color:var(--red);border:1px solid rgba(231,76,60,.3)}.badge--amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(243,156,18,.3)}.badge--blue{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(52,152,219,.3)}.badge--purple{background:var(--purple-dim);color:var(--purple);border:1px solid rgba(155,89,182,.3)}.badge--muted{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:var(--r-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .6s var(--ease)}.progress-bar__fill--green{background:linear-gradient(90deg,var(--green),#27AE60)}.spinner{width:32px;height:32px;border:3px solid rgba(196,147,63,.2);border-top:3px solid var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:.75rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.req-card{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--t-fast)}.req-card--complete{border-color:#2ecc714d}.req-card--partial{border-color:#f39c1240}.req-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0b182999;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--t-fast)}.req-card__header:hover{background:#ffffff08}.req-card__body{padding:var(--space-4);border-top:1px solid var(--border);background:#060e1a66}.course-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:5px 11px;border-radius:var(--r-sm);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid;transition:all var(--t-fast);-webkit-user-select:none;user-select:none}.course-chip--done{background:#2ecc711a;border-color:#2ecc7159;color:var(--green)}.course-chip--available{background:#ffffff0a;border-color:var(--border);color:var(--text-secondary)}.course-chip--available:hover{background:#c4933f14;border-color:var(--border-gold);color:var(--text-primary)}.course-chip--inprogress{background:#f39c121a;border-color:#f39c124d;color:var(--amber)}.stat-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-4) var(--space-5);text-align:center}.stat-tile__value{font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--gold);line-height:1;margin-bottom:var(--space-1)}.stat-tile__label{font-size:.72rem;color:var(--text-muted);font-weight:500}.paywall{text-align:center;padding:var(--space-16) var(--space-8);background:radial-gradient(ellipse at center,rgba(196,147,63,.06) 0%,transparent 70%);border:1px solid var(--border-gold);border-radius:var(--r-xl)}.paywall__icon{font-size:3rem;margin-bottom:var(--space-4)}.paywall__title{margin-bottom:var(--space-3)}.paywall__desc{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.paywall__features{display:flex;flex-direction:column;gap:var(--space-3);text-align:left;max-width:360px;margin:0 auto var(--space-8)}.paywall__feature{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:var(--text-secondary)}.paywall__feature:before{content:"✓";color:var(--green);font-weight:700;flex-shrink:0}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--r-md);font-size:.82rem;border:1px solid}.notice--info{background:var(--blue-dim);border-color:#3498db4d;color:#7dc3ef}.notice--success{background:var(--green-dim);border-color:#2ecc714d;color:var(--green)}.notice--warn{background:var(--amber-dim);border-color:#f39c124d;color:var(--amber)}.notice--error{background:var(--red-dim);border-color:#e74c3c4d;color:var(--red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeup{animation:fadeUp .5s var(--ease) both}.animate-fadein{animation:fadeIn .4s var(--ease) both}.animate-stagger>*{animation:fadeUp .5s var(--ease) both}.animate-stagger>*:nth-child(1){animation-delay:0s}.animate-stagger>*:nth-child(2){animation-delay:.06s}.animate-stagger>*:nth-child(3){animation-delay:.12s}.animate-stagger>*:nth-child(4){animation-delay:.18s}.animate-stagger>*:nth-child(5){animation-delay:.24s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.mt-auto{margin-top:auto}.pt-nav{padding-top:60px}@media (max-width: 768px){.container{padding:0 var(--space-4)}.hide-mobile{display:none!important}.card{padding:var(--space-4)}.paywall{padding:var(--space-10) var(--space-4)}}@media (min-width: 769px){.hide-desktop{display:none!important}}#root{min-height:100vh}