@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box;padding:0;margin:0}:root{--primary-gradient:linear-gradient(135deg,#1e90ff,#06c);--secondary-gradient:linear-gradient(135deg,#ff8c42,#ff6b35);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-bg:#0f0f23;--card-bg:hsla(0,0%,100%,.05);--card-border:hsla(0,0%,100%,.1);--text-primary:#fff;--text-secondary:#a0a0c0;--accent-blue:#1e90ff;--accent-orange:#ff8c42;--accent-cyan:#4facfe;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.2);--shadow-lg:0 8px 32px rgba(0,0,0,.3);--glow-blue:0 0 20px rgba(30,144,255,.3);--glow-orange:0 0 20px rgba(255,140,66,.3);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--dark-bg);color:var(--text-primary);line-height:1.6}body{background-image:radial-gradient(circle at 20% 50%,rgba(30,144,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,140,66,.1) 0,transparent 50%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}.glass-card{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.glass-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn{padding:12px 32px;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--glow-blue)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(30,144,255,.5)}.btn-secondary{background:var(--secondary-gradient);color:#fff;box-shadow:var(--glow-orange)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,140,66,.5)}.btn-success{background:var(--success-gradient);color:#fff}.btn-success:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(79,172,254,.5)}.btn-outline{background:transparent;border:2px solid var(--accent-blue);color:var(--text-primary)}.btn-outline:hover{background:var(--accent-blue);transform:translateY(-2px)}.input{width:100%;padding:14px 20px;background:hsla(0,0%,100%,.05);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease}.input:focus{outline:none;border-color:var(--accent-blue);background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(30,144,255,.1)}.input::placeholder{color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.container{padding:var(--spacing-sm)}.grid{gap:var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}}