*{box-sizing:border-box}:root{--font-sans: "Outfit", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--color-bg-start: #0f0c29;--color-bg-end: #302b63;--color-bg-accent: #24243e;--color-card: rgba(255, 255, 255, .97);--color-text: #1a1a2e;--color-text-muted: #5a5a7a;--shadow-card: 0 25px 50px -12px rgba(0, 0, 0, .35);--shadow-card-hover: 0 32px 64px -12px rgba(0, 0, 0, .45);--radius-card: 20px;--radius-btn: 12px}body{font-family:var(--font-sans);margin:0;min-height:100vh;background:linear-gradient(135deg,var(--color-bg-start) 0%,var(--color-bg-accent) 50%,var(--color-bg-end) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(120,80,200,.2),transparent);pointer-events:none}.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);padding:40px 36px;border-radius:var(--radius-card);text-align:center;max-width:400px;box-shadow:var(--shadow-card);animation:cardIn .5s cubic-bezier(.16,1,.3,1)}.fallback-box .fallback-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:600}.fallback-box h1{font-size:22px;font-weight:600;margin:0 0 10px;color:var(--color-text)}.fallback-box p{color:var(--color-text-muted);font-size:15px;line-height:1.5;margin:0}.fallback-spinner{width:40px;height:40px;margin:0 auto 20px;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.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:440px;width:100%;background:var(--color-card);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);animation:cardIn .5s cubic-bezier(.16,1,.3,1);transition:box-shadow .3s ease,transform .3s ease}.landing-container:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.landing-container .landing-image-wrap{position:relative;overflow:hidden}.landing-container .landing-image-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(255,255,255,.5),transparent);pointer-events:none}.landing-container img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover}.landing-content{padding:28px 24px;text-align:center}.landing-content h1{font-size:22px;font-weight:600;margin:0 0 12px;color:var(--color-text);line-height:1.35}.landing-content p{color:var(--color-text-muted);font-size:15px;line-height:1.6;margin:0 0 24px}.landing-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;color:#fff;text-decoration:none;border-radius:var(--radius-btn);font-weight:600;font-size:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;border:none;cursor:pointer}.landing-content .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040;opacity:1}.landing-content .btn:active{transform:translateY(0)}.landing-content .btn-arrow{font-size:18px;transition:transform .2s ease}.landing-content .btn:hover .btn-arrow{transform:translate(4px)}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}