:root{--color-background: #0D1B2A;--color-background-light: #1B2838;--color-background-lighter: #243447;--color-primary: #4A90D9;--color-primary-dark: #3A7BC8;--color-secondary: #64B5F6;--color-accent: #FFD54F;--color-text-primary: #FFFFFF;--color-text-secondary: #8B9DC3;--color-tile: #E8E4DC;--color-tile-text: #1A1A1A;--color-border: #2C3E50;--color-error: #E91E63;--color-warning: #FFC107;--color-success: #4CAF50;--color-triple-word: #E91E63;--color-double-word: #FF7043;--color-triple-letter: #29B6F6;--color-double-letter: #66BB6A}*{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html{scroll-behavior:smooth}body{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-background-light)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--color-background-light)}body::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::selection{background:#4a90d94d;color:var(--color-text-primary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4a90d94d}50%{box-shadow:0 0 40px #4a90d999}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes tile-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes global-gradient-shift{0%,to{background-position:0% 0%,100% 50%,0% 100%,100% 100%;opacity:1}25%{background-position:50% 25%,50% 0%,100% 50%,0% 50%;opacity:.9}50%{background-position:100% 50%,0% 50%,50% 0%,50% 100%;opacity:1}75%{background-position:50% 75%,50% 100%,0% 50%,100% 50%;opacity:.9}}@keyframes orb-drift-1{0%,to{transform:translateZ(0) translate(0)}25%{transform:translateZ(0) translate(-30px,40px)}50%{transform:translateZ(0) translate(20px,60px)}75%{transform:translateZ(0) translate(-20px,25px)}}@keyframes orb-drift-2{0%,to{transform:translateZ(0) translate(0)}25%{transform:translateZ(0) translate(40px,-25px)}50%{transform:translateZ(0) translate(60px,20px)}75%{transform:translateZ(0) translate(25px,-15px)}}@keyframes orb-drift-3{0%,to{transform:translateZ(0) translate(0)}33%{transform:translateZ(0) translate(-35px,-40px)}66%{transform:translateZ(0) translate(25px,-25px)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 3s ease-in-out infinite .5s}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-fade-in{animation:fade-in .8s ease-out forwards}.animate-tile-bounce{animation:tile-bounce 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.global-gradient{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 30%,rgba(74,144,217,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(ellipse 70% 40% at 30% 70%,rgba(74,144,217,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 70% 90%,rgba(100,181,246,.08) 0%,transparent 50%);z-index:0;pointer-events:none;animation:global-gradient-shift 25s ease-in-out infinite}.global-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);-webkit-filter:blur(100px);will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);transition:background 1.5s ease}.global-orb-1{width:500px;height:500px;top:-150px;right:-100px;background:#4a90d966;animation:orb-drift-1 40s ease-in-out infinite}.global-orb-2{width:400px;height:400px;top:35%;left:-120px;background:#22c55e40;animation:orb-drift-2 45s ease-in-out infinite}.global-orb-3{width:450px;height:450px;bottom:-100px;right:10%;background:#64b5f659;animation:orb-drift-3 35s ease-in-out infinite}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transition:all .3s cubic-bezier(.4,0,.2,1);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 ease}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #4a90d966,0 0 20px #4a90d94d}.btn-primary:hover:before{left:100%}.btn-secondary{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #0003;background:#fffffffa}.phone-mockup{position:relative;padding:10px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:28px;box-shadow:0 0 0 2px #3a3a3a,0 25px 50px -12px #00000080,0 0 80px #4a90d926;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.phone-mockup:hover{transform:scale(1.05);box-shadow:0 0 0 2px #3a3a3a,0 35px 60px -12px #0009,0 0 100px #4a90d940}.phone-mockup .phone-screen{border-radius:20px;overflow:hidden}@media(min-width:1024px){.phone-overlap{position:absolute;bottom:-60px;left:-80px;z-index:2}}.tablet-mockup-landscape{position:relative;padding:10px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:20px;box-shadow:0 0 0 2px #3a3a3a,0 25px 50px -12px #00000080,0 0 80px #4a90d926;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.tablet-mockup-landscape:hover{transform:scale(1.03);box-shadow:0 0 0 2px #3a3a3a,0 35px 60px -12px #0009,0 0 100px #4a90d940}.tablet-mockup-landscape .tablet-screen-landscape{border-radius:14px;overflow:hidden}.device-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,rgba(74,144,217,.3) 0%,transparent 70%);filter:blur(40px);z-index:-1;animation:glow-pulse 4s ease-in-out infinite}.screenshot-carousel{position:relative}.screenshot-carousel img{position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out}.screenshot-carousel img.active{opacity:1;position:relative}.glass{background:#1b2838b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,144,217,.2)}.premium-card{background:linear-gradient(135deg,#1b2838cc,#1b283899);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -5px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.premium-card:hover{transform:translateY(-8px) scale(1.02);border-color:#4a90d94d;box-shadow:0 20px 40px -15px #0006,0 0 60px #4a90d926,inset 0 1px #ffffff26}.tile{transition:all .2s ease}.tile:hover{transform:translateY(-2px) rotate(-2deg)}.scroll-animate{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.scroll-animate.visible{opacity:1;transform:translateY(0)}.scroll-animate-delay-1{transition-delay:.1s}.scroll-animate-delay-2{transition-delay:.2s}.scroll-animate-delay-3{transition-delay:.3s}.scroll-animate-delay-4{transition-delay:.4s}.scroll-animate-delay-5{transition-delay:.5s}.scroll-animate-delay-6{transition-delay:.6s}.parallax-bg{transition:transform .1s ease-out;will-change:transform}.free-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#4caf5033,#4caf501a);border:1px solid rgba(76,175,80,.3);border-radius:20px;font-size:.75rem;font-weight:600;color:#81c784;text-transform:uppercase;letter-spacing:.5px}.rule-card{background:linear-gradient(180deg,#4a90d914,#4a90d905);border:1px solid rgba(74,144,217,.15)}.rule-icon{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 8px 24px #4a90d94d}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}