*{box-sizing:border-box}:root{--font-sans: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--color-bg-start: #0a0118;--color-bg-mid: #1a0a3e;--color-bg-end: #0d1b3e;--color-card: rgba(255, 255, 255, .06);--color-card-border: rgba(255, 255, 255, .12);--color-card-inner: rgba(255, 255, 255, .95);--color-text: #f0eef5;--color-text-muted: #a8a3b8;--color-accent: #8b5cf6;--color-accent-light: #a78bfa;--shadow-glow: 0 0 80px -20px rgba(139, 92, 246, .4);--shadow-card: 0 25px 60px -12px rgba(0, 0, 0, .5), 0 0 40px -10px rgba(139, 92, 246, .15);--shadow-card-hover: 0 35px 80px -12px rgba(0, 0, 0, .6), 0 0 60px -10px rgba(139, 92, 246, .25);--radius-card: 28px;--radius-btn: 16px}body{font-family:var(--font-sans);margin:0;min-height:100vh;background:linear-gradient(160deg,var(--color-bg-start) 0%,var(--color-bg-mid) 40%,var(--color-bg-end) 100%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 20%,rgba(139,92,246,.15),transparent 60%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(59,130,246,.1),transparent 60%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(236,72,153,.08),transparent 50%);pointer-events:none;animation:bgShift 12s ease-in-out infinite alternate}@keyframes bgShift{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat linear infinite}.particle:nth-child(1){width:6px;height:6px;background:#8b5cf699;left:10%;top:20%;animation-duration:8s;animation-delay:0s}.particle:nth-child(2){width:4px;height:4px;background:#3b82f680;left:80%;top:60%;animation-duration:10s;animation-delay:1s}.particle:nth-child(3){width:8px;height:8px;background:#ec489966;left:50%;top:80%;animation-duration:12s;animation-delay:2s}.particle:nth-child(4){width:3px;height:3px;background:#a78bfab3;left:30%;top:50%;animation-duration:9s;animation-delay:3s}.particle:nth-child(5){width:5px;height:5px;background:#6366f180;left:70%;top:30%;animation-duration:11s;animation-delay:.5s}.particle:nth-child(6){width:4px;height:4px;background:#8b5cf666;left:90%;top:10%;animation-duration:7s;animation-delay:4s}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1.2)}}.fallback-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;position:relative;z-index:1}.fallback-box{background:var(--color-card-inner);padding:48px 40px;border-radius:var(--radius-card);text-align:center;max-width:420px;box-shadow:var(--shadow-card);animation:cardIn .6s cubic-bezier(.16,1,.3,1)}.fallback-box .fallback-icon{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:600;animation:iconPulse 2s ease-in-out infinite}.fallback-box h1{font-size:24px;font-weight:700;margin:0 0 12px;color:#1a1a2e}.fallback-box p{color:#6b6b8a;font-size:15px;line-height:1.6;margin:0}.fallback-spinner{width:44px;height:44px;margin:0 auto 24px;border:3px solid rgba(139,92,246,.15);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 #8b5cf666}50%{transform:scale(1.05);box-shadow:0 0 20px 8px #8b5cf61a}}.landing-page{padding:48px 24px;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.landing-container{max-width:420px;width:100%;background:var(--color-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-card-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);animation:cardIn .7s cubic-bezier(.16,1,.3,1);transition:box-shadow .4s ease,transform .4s ease,border-color .4s ease;position:relative}.landing-container:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:var(--radius-card);padding:1px;background:linear-gradient(135deg,#8b5cf64d,#3b82f61a,#ec489933);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:opacity .4s ease}.landing-container:hover:before{opacity:1}.landing-container:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px);border-color:#fff3}.landing-image-wrap{position:relative;overflow:hidden;background:linear-gradient(135deg,#1a0a3e,#0d1b3e)}.landing-image-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(10,1,24,.8),transparent);pointer-events:none}.landing-image-wrap img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover;animation:imgReveal .9s cubic-bezier(.16,1,.3,1) .2s both;transition:transform .6s cubic-bezier(.16,1,.3,1)}.landing-container:hover .landing-image-wrap img{transform:scale(1.03)}@keyframes imgReveal{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.landing-content{padding:32px 28px 36px;text-align:center;position:relative}.landing-content h1{font-size:22px;font-weight:700;margin:0 0 10px;color:var(--color-text);line-height:1.4;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .3s both}.landing-content .description{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin:0 0 8px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .4s both}.landing-content .brand-name{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-accent-light);font-weight:500;margin:0 0 24px;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .45s both}.brand-name .verified-icon{display:inline-flex;width:16px;height:16px}.landing-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px 32px;color:#fff;text-decoration:none;border-radius:var(--radius-btn);font-weight:600;font-size:16px;text-align:center;transition:transform .25s ease,box-shadow .25s ease;border:none;cursor:pointer;position:relative;overflow:hidden;animation:fadeUp .6s cubic-bezier(.16,1,.3,1) .5s both}.landing-content .btn: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}.landing-content .btn:hover:before{left:100%}.landing-content .btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000059}.landing-content .btn:active{transform:translateY(0) scale(.98)}.landing-content .btn-arrow{display:inline-flex;transition:transform .3s cubic-bezier(.16,1,.3,1)}.landing-content .btn:hover .btn-arrow{transform:translate(4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.landing-page{padding:24px 16px}.landing-container{border-radius:22px}.landing-content{padding:24px 20px 28px}.landing-content .btn{padding:16px 24px;font-size:15px}}