@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #00d4ff;--color-primary-light: #5ce1ff;--color-primary-dark: #00a8cc;--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-pink: #ec4899;--color-secondary: #10b981;--color-dark-bg: #0a0a0f;--color-dark-card: #12121a;--color-dark-elevated: #1a1a24;--color-dark-border: #2a2a3a;--color-light-bg: #f8fafc;--color-light-card: #ffffff;--gradient-primary: linear-gradient( 135deg, #00d4ff 0%, #0099ff 50%, #7c3aed 100% );--gradient-accent: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-dark: linear-gradient(135deg, #0a0a0f 0%, #1a1a2e 100%);--gradient-glow: linear-gradient( 135deg, rgba(0, 212, 255, .15) 0%, rgba(124, 58, 237, .15) 100% )}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans SC,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-light-bg);color:#0f172a;line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a24}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#7c3aed);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ce1ff,#a78bfa)}::selection{background-color:#00d4ff4d;color:#0f172a}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(0)}75%{transform:translateY(-15px) rotate(-1deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d,0 0 40px #00d4ff1a}50%{box-shadow:0 0 30px #00d4ff80,0 0 60px #00d4ff33}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#00d4ff4d}50%{border-color:#00d4ff99}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morphBackground{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-slide-left{animation:slideInLeft .8s ease-out forwards}.animate-slide-right{animation:slideInRight .8s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 3s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff1a,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-primary{box-shadow:0 0 20px #00d4ff4d,0 0 40px #00d4ff1a}.glow-accent{box-shadow:0 0 20px #7c3aed4d,0 0 40px #7c3aed1a}.glow-text{text-shadow:0 0 20px rgba(0,212,255,.5),0 0 40px rgba(0,212,255,.2)}.glass{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0a0a0fcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.tech-border{position:relative;border:1px solid transparent;background:linear-gradient(var(--color-light-card),var(--color-light-card)) padding-box,var(--gradient-primary) border-box;border-radius:16px}.tech-border-dark{position:relative;border:1px solid transparent;background:linear-gradient(var(--color-dark-card),var(--color-dark-card)) padding-box,var(--gradient-primary) border-box;border-radius:16px}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f,0 0 30px #00d4ff1a}.card-hover-glow{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover-glow:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026,0 0 40px #00d4ff33;border-color:#00d4ff4d}.icon-container{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--gradient-glow);border:1px solid rgba(0,212,255,.2);transition:all .3s ease}.icon-container:hover{background:var(--gradient-primary);border-color:transparent;box-shadow:0 0 30px #00d4ff66}.icon-container svg{font-size:32px;color:var(--color-primary);transition:color .3s ease}.icon-container:hover svg{color:#0a0a0f}.tech-pattern{position:relative}.tech-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(0,212,255,.03) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(124,58,237,.03) 0%,transparent 50%);pointer-events:none}.grid-pattern{background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px}.section{padding:100px 0}@media (max-width: 900px){.section{padding:80px 0}}@media (max-width: 600px){.section{padding:60px 0}}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 600px){.responsive-container{padding:0 16px}}.phone-mockup{position:relative;width:280px;height:560px;background:linear-gradient(145deg,#1a1a24,#0a0a0f);border-radius:40px;padding:12px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #00d4ff1a,inset 0 1px 1px #ffffff1a;border:1px solid rgba(255,255,255,.1)}.phone-mockup:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:28px;background:#0a0a0f;border-radius:0 0 16px 16px;z-index:10}.phone-screen{width:100%;height:100%;background:linear-gradient(180deg,#12121a,#1a1a24);border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.qr-container{display:flex;flex-direction:column;align-items:center;padding:32px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,212,255,.2);box-shadow:0 4px 30px #0000001a;transition:all .3s ease}.qr-container:hover{border-color:#00d4ff66;box-shadow:0 8px 40px #00000026,0 0 30px #00d4ff1a}.tech-tag{display:inline-flex;align-items:center;padding:8px 16px;background:var(--gradient-glow);border:1px solid rgba(0,212,255,.2);border-radius:100px;font-size:.875rem;font-weight:500;color:var(--color-primary)}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,212,255,.3) 50%,transparent 100%)}.btn-tech{position:relative;overflow:hidden;background:var(--gradient-primary);border:none;border-radius:12px;padding:14px 32px;font-weight:600;color:#0a0a0f;cursor:pointer;transition:all .3s ease}.btn-tech:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-tech:hover:before{left:100%}.btn-tech:hover{transform:translateY(-2px);box-shadow:0 0 30px #00d4ff80,0 10px 30px #00d4ff4d}.input-tech{background:#ffffff0d;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:14px 18px;color:#f8fafc;font-size:1rem;transition:all .3s ease}.input-tech:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 20px #00d4ff33}.input-tech::placeholder{color:#64748b}.tooltip-tech{position:relative}.tooltip-tech:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:8px 16px;background:var(--color-dark-card);border:1px solid rgba(0,212,255,.2);border-radius:8px;font-size:.875rem;color:#f8fafc;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease}.tooltip-tech:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}