:root{--background:#f8fafc;--foreground:#0f172a;--primary:#1e40af;--primary-hover:#1e3a8a;--secondary:#e2e8f0;--accent:#f59e0b;--text-muted:#64748b;--border:#cbd5e1;--success:#16a34a;--card-bg:#ffffffb3;--radius:16px;--transition:all .4s cubic-bezier(.4, 0, .2, 1);--glass-border:#ffffff80}@media (prefers-color-scheme:dark){:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#60a5fa;--secondary:#1e293b;--accent:#fbbf24;--text-muted:#94a3b8;--border:#334155;--card-bg:#1e293bb3;--glass-border:#ffffff1a}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a1a 0,#0000 50%),radial-gradient(at 100% 0,#7227411a 0,#0000 50%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.02);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes revealRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.animate-fade-in{animation:.8s ease-out forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-float{animation:6s ease-in-out infinite float}.animate-pop{animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards popIn}.header{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;padding:1rem 0;animation:.5s ease-out forwards fadeInUp;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--foreground);padding:.5rem 0;font-weight:500;position:relative}.nav-links a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:var(--transition);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;transition:var(--transition);background-size:200% 200%;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #0000001a}.btn-primary:hover{background-position:100%;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #1e40af4d}.btn-primary:active{transform:translateY(1px)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);border:1px solid var(--glass-border);transition:var(--transition);opacity:0;padding:2.5rem;animation:.6s ease-out forwards fadeInUp;box-shadow:0 10px 30px #0000000d}.card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.hero-bg{background:linear-gradient(-45deg,#1e40af,#3b82f6,#0ea5e9,#6366f1) 0 0/400% 400%;border-radius:0 0 30px 30px;animation:15s infinite gradient-shift;position:relative;overflow:hidden}.shape{filter:blur(40px);opacity:.5;z-index:0;position:absolute}.shape-1{background:#f59e0b;border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite float;top:-100px;left:-100px}.shape-2{background:#3b82f6;border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;bottom:-150px;right:-100px}