@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--primary: #667eea;--secondary: #764ba2;--neutral: #8B9DC3;--dark: #2D3748;--light: #F8FAFC;--accent: #A78BFA;--tech: #667eea;--tech2: #60A5FA;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,sans-serif;color:#1a202c;background-color:#f7fafc;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gradient-text{background-image:linear-gradient(to right,var(--tech),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.tech-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:2rem;box-shadow:0 8px 32px var(--glass-shadow);padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--glass-border)}.tech-card:hover{background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translateY(-8px);box-shadow:0 24px 48px #0000001f}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 8px 32px var(--glass-shadow)}.glass-navbar{background:#ffffff14;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 24px #00000014}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:2rem;box-shadow:0 8px 32px var(--glass-shadow);transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translateY(-8px);box-shadow:0 24px 48px #0000001f}.section-padding{padding:4rem 0}@media (min-width: 768px){.section-padding{padding:6rem 0}}.container-custom{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.container-custom{padding:0 1.5rem}}@media (min-width: 1024px){.container-custom{padding:0 2rem}}.btn-primary{padding:.75rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);color:#0077b5;font-weight:600;border-radius:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none;box-shadow:0 8px 32px var(--glass-shadow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translateY(-3px);box-shadow:0 16px 48px #00000026}.btn-secondary{padding:.75rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);color:var(--accent);font-weight:500;border-radius:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none;box-shadow:0 8px 32px var(--glass-shadow)}.btn-secondary:hover{background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translateY(-3px);box-shadow:0 16px 48px #00000026}.btn-outline{padding:.75rem 2rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);color:#ffffffe6;font-weight:500;border-radius:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none;box-shadow:0 8px 32px var(--glass-shadow)}.btn-outline:hover{background:#ffffff26;border:1px solid rgba(255,255,255,.3);transform:translateY(-3px);box-shadow:0 16px 48px #00000026;color:#fff}.hero-gradient{background:linear-gradient(135deg,#1a202c,#2d3748)}.feature-icon{font-size:2.5rem;color:var(--tech);margin-bottom:1rem}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.grid-pattern{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}