/* Fortnite-inspired original UI — not affiliated with Epic Games */
:root{--bg-deep:#0b1426;--bg-mid:#121c33;--bg-panel:#1a2744;--bg-card:#1e2d4d;--bg-hover:#263a5c;--border:#2e4066;--yellow:#f5e642;--yellow-hot:#ffe600;--cyan:#00e4ff;--magenta:#c44dff;--purple:#7b2cbf;--orange:#ff6b2d;--accent:#00e4ff;--accent-dim:#00b8cc;--accent-glow:rgba(245,230,66,0.35);--xp:#f5e642;--danger:#ff4d6d;--info:#00e4ff;--text:#f4f7ff;--text-muted:#9aabc8;--locked:#3a4a66;--success:#f5e642;--shadow-hard:4px 4px 0 #000;--shadow-hard-lg:6px 6px 0 #000;--radius:4px;--font:system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:'Arial Black','Helvetica Neue',Impact,sans-serif;--mono:'Cascadia Code','Fira Code','Consolas',monospace}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse 70% 45% at 15% -5%,rgba(196,77,255,0.12),transparent),radial-gradient(ellipse 55% 40% at 95% 5%,rgba(0,228,255,0.1),transparent),radial-gradient(ellipse 50% 30% at 50% 100%,rgba(245,230,66,0.06),transparent)}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline;color:var(--yellow)}.site-header{position:sticky;top:0;z-index:100;background:rgba(11,20,38,0.95);backdrop-filter:blur(10px);border-bottom:3px solid var(--yellow);padding:0.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;box-shadow:0 4px 0 #000}.logo{display:flex;align-items:center;gap:0.6rem;font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:var(--text);text-decoration:none;text-transform:uppercase;letter-spacing:0.04em}.logo:hover{text-decoration:none;color:var(--yellow)}.logo-mark{width:38px;height:38px;background:linear-gradient(135deg,var(--yellow-hot),var(--orange));clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%);display:grid;place-items:center;font-size:0.85rem;font-weight:900;font-family:var(--font-display);color:#0b1426;box-shadow:var(--shadow-hard);transform:skew(-2deg)}.nav-links{display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}.user-chip{background:var(--bg-panel);border:2px solid #000;padding:0.4rem 0.9rem;font-size:0.8rem;font-weight:800;font-family:var(--font-display);color:var(--cyan);text-transform:uppercase;letter-spacing:0.06em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:var(--shadow-hard)}.container{width:min(960px,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero{text-align:center;padding:2.5rem 1rem 2.75rem;position:relative;background:var(--bg-mid);border:3px solid #000;box-shadow:var(--shadow-hard-lg);margin-bottom:2rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%);overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( -35deg,transparent,transparent 12px,rgba(245,230,66,0.04) 12px,rgba(245,230,66,0.04) 24px );pointer-events:none}.hero h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--yellow);text-shadow:3px 3px 0 #000,0 0 24px rgba(245,230,66,0.35);position:relative}.hero p{color:var(--text-muted);max-width:560px;margin:0 auto;position:relative}.badge-row{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:1.25rem;position:relative}.badge{background:var(--bg-panel);border:2px solid #000;padding:0.35rem 0.85rem;font-size:0.72rem;font-weight:800;font-family:var(--font-display);color:var(--cyan);text-transform:uppercase;letter-spacing:0.08em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:2px 2px 0 #000}.section-title{margin-bottom:1.25rem;font-size:0.95rem;color:var(--text-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:0.1em}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.course-card{display:block;background:var(--bg-panel);border:3px solid #000;padding:1.35rem 1.4rem 1.5rem;color:var(--text);text-decoration:none;transition:transform 0.15s ease,box-shadow 0.15s ease,border-color 0.15s ease;box-shadow:var(--shadow-hard);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));position:relative;overflow:hidden}.course-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--yellow))}.course-card:hover{text-decoration:none;border-color:var(--yellow);transform:translateY(-4px) skew(-0.5deg);box-shadow:6px 8px 0 #000,0 0 28px rgba(245,230,66,0.35)}.course-card h3{font-family:var(--font-display);font-size:1.15rem;margin:0.5rem 0 0.6rem;text-transform:uppercase;letter-spacing:0.02em}.course-card p{color:var(--text-muted);font-size:0.92rem;margin-bottom:1rem}.course-card-top{display:flex;justify-content:flex-end}.course-badge{font-size:0.68rem;font-weight:900;font-family:var(--font-display);letter-spacing:0.1em;text-transform:uppercase;background:rgba(245,230,66,0.15);color:var(--yellow);border:2px solid #000;padding:0.25rem 0.55rem;box-shadow:2px 2px 0 #000;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.course-meta{font-size:0.8rem;font-weight:700;color:var(--orange);margin-bottom:0.85rem;text-transform:uppercase;letter-spacing:0.05em}.course-cta{font-weight:900;font-family:var(--font-display);color:var(--yellow);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;font-family:var(--font-display);font-weight:900;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.06em;border:3px solid #000;padding:0.75rem 1.3rem;cursor:pointer;text-decoration:none;transition:transform 0.12s,box-shadow 0.12s,background 0.12s;transform:skew(-2deg);box-shadow:var(--shadow-hard);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.btn:hover{text-decoration:none;transform:skew(-2deg) translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--yellow-hot),var(--yellow));color:#0b1426}.btn-primary:hover{box-shadow:6px 6px 0 #000,0 0 24px rgba(245,230,66,0.45)}.btn-secondary{background:var(--bg-card);color:var(--text)}.btn-secondary:hover{background:var(--bg-hover);box-shadow:6px 6px 0 #000}.btn-sm{padding:0.45rem 0.95rem;font-size:0.8rem}.btn-block{width:100%}.site-footer{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:0.85rem;border-top:3px solid #000;background:var(--bg-mid)}.auth-page{display:grid;place-items:center;padding:2rem 1rem;min-height:100vh;position:relative}.auth-page::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( -35deg,transparent,transparent 14px,rgba(0,228,255,0.03) 14px,rgba(0,228,255,0.03) 28px );pointer-events:none}.auth-card{width:min(400px,100%);background:var(--bg-panel);border:3px solid #000;padding:2rem 1.75rem 1.75rem;box-shadow:var(--shadow-hard-lg),0 0 40px rgba(245,230,66,0.08);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));position:relative;z-index:1}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--yellow),var(--magenta),var(--cyan))}.auth-logo{justify-content:center;margin-bottom:1.5rem}.auth-card h1{text-align:center;font-size:1.5rem;margin-bottom:0.4rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:0.03em;color:var(--yellow);text-shadow:2px 2px 0 #000}.auth-sub{text-align:center;color:var(--text-muted);font-size:0.92rem;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:0.35rem;font-size:0.75rem;color:var(--text-muted);font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:0.08em}.auth-form input{font-family:var(--font);font-size:1rem;padding:0.75rem 0.95rem;border:3px solid #000;background:var(--bg-deep);color:var(--text);outline:none;transition:border-color 0.15s,box-shadow 0.15s;box-shadow:2px 2px 0 #000}.auth-form input:focus{border-color:var(--yellow);box-shadow:3px 3px 0 #000,0 0 0 3px rgba(245,230,66,0.25)}.auth-form .btn{margin-top:0.5rem}.auth-foot{text-align:center;margin-top:1.5rem;font-size:0.75rem;color:var(--locked)}.alert{padding:0.75rem 1rem;margin-bottom:1rem;font-size:0.9rem;border:2px solid #000;box-shadow:2px 2px 0 #000}.alert-danger{background:rgba(255,77,109,0.12);border-left:4px solid var(--danger);color:var(--danger)}@media (max-width:520px){.auth-card{padding:1.5rem 1.25rem;clip-path:none}.container{width:min(960px,100% - 1.25rem)}.hero{clip-path:none}}