:root{--school-blue: #1e3a8a;--school-gold: #fbbf24;--glass-bg: rgba(255, 255, 255, .75);--text-main: #1e293b;--text-muted: #64748b;--radius-lg: 1.5rem;--shadow-soft: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main);background-color:#f8fafc;overflow-x:hidden;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:200vh}.glass-nav{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;margin:1rem auto;max-width:1200px}.btn-primary{background-color:var(--school-blue);color:#fff;padding:.8rem 2rem;border-radius:1rem;font-weight:600;border:none;transition:all .3s ease;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #1e3a8a4d}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.gradient-text{background:linear-gradient(to right,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}