:root{--primary-color: #4a90e2;--secondary-color: #5eead4;--accent-color: #fbbf24;--background-dark: #020617;--bg-card: rgba(15, 23, 42, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--luminous-blue: rgba(74, 144, 226, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;background-color:var(--background-dark);color:var(--text-main);line-height:1.62;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(74,144,226,.08) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(94,234,212,.08) 0%,transparent 40%),var(--background-dark)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:.5s}.glass-card:hover:before{left:100%}.glass-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px #00000080;border-color:#ffffff26;background:#ffffff0d}h1,h2,h3{font-weight:700;letter-spacing:-.02em}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),#357abd);color:#fff}.btn-primary:hover{filter:brightness(1.1);transform:scale(1.02)}.layout-container{max-width:1200px;margin:0 auto;padding:40px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}