@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#6366f1;--primary-glow:#6366f126;--secondary:#a855f7;--accent:#22d3ee;--bg-dark:#03060b;--surface:#0a0c10;--border:#ffffff14;--text:#f8fafc;--text-muted:#94a3b8;--transition-speed:.4s;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#ffffff05}.glass-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#0000004d}.gradient-text{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.card-shine:hover:after{left:150%}.btn{cursor:pointer;transition:all var(--transition-speed) var(--ease);border:1px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #6366f163}.btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 20px #6366f13b}.btn-outline{border-color:var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn .6s var(--ease) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#222;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#333}
