*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--amber:#FFB300;--gray:#A0AEC0;--dark-text:#111827;--indigo:#4F46E5;--obsidian:#0F172A;--panel-bg:rgba(0,0,0,0.92)}html,body{height:100%;width:100%;overflow:hidden}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(15deg,#4F46E5 0,#2D1B69 45%,#0F172A 100%);background-size:200% 200%;animation:gradDrift 240s linear infinite;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;-webkit-tap-highlight-color:transparent}@keyframes gradDrift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media(prefers-reduced-motion:reduce){body{animation:none;background:linear-gradient(15deg,#4F46E5,#0F172A)}}@media(max-width:600px){body{background:#4F46E5;animation:none}}.glass-panel{background:var(--panel-bg);border-radius:20px;padding:clamp(28px,5vw,48px) clamp(24px,4vw,44px);max-width:720px;width:90%;position:relative;border:1px solid rgba(255,255,255,0.08);box-shadow:0 25px 60px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.04);opacity:0;animation:fadeInPanel .1s ease-out forwards;transition:box-shadow .15s ease;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}@keyframes fadeInPanel{to{opacity:1}}.glass-panel::before{content:'';position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,0.06) 0,transparent 40%,transparent 60%,rgba(255,255,255,0.03) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.logo-wrap{margin-bottom:clamp(16px,3vw,24px)}.logo-wrap img{height:clamp(36px,5vw,48px);width:auto;display:block}h1{font-size:clamp(1.5rem,3.5vw,2.35rem);font-weight:700;color:#fff;line-height:1.2;letter-spacing:-0.02em;max-width:580px;margin:0 auto clamp(10px,1.5vw,14px)}.subtitle{font-size:clamp(0.9rem,1.6vw,1.1rem);font-weight:400;color:var(--gray);letter-spacing:-0.01em;max-width:480px;margin:0 auto clamp(24px,3.5vw,32px);line-height:1.5}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;padding:16px 32px;background:var(--amber);color:var(--dark-text);font-weight:700;font-size:clamp(1rem,1.5vw,1.15rem);border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;outline:none;letter-spacing:.01em;line-height:1;min-height:48px}.cta-btn:focus-visible{box-shadow:0 0 0 1px #FFB300,0 0 0 3px rgba(255,179,0,0.35),0 0 18px rgba(255,179,0,0.25)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,179,0,0.3),0 0 0 1px rgba(255,179,0,0.2)}.cta-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,179,0,0.25)}.cta-btn svg{transition:transform .2s ease;flex-shrink:0}.cta-btn:hover svg{transform:translateX(8px)}@media(max-width:360px){.cta-btn{min-width:100%;width:100%;padding:15px 20px}}.trust-row{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,16px);justify-content:center;margin-top:clamp(16px,2.5vw,22px)}.trust-badge{font-size:clamp(0.72rem,1vw,0.8rem);color:var(--gray);display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);padding:8px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.06);letter-spacing:.01em}.trust-badge .dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;flex-shrink:0}.tags-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:clamp(14px,2vw,18px)}.tag{font-size:.75rem;color:var(--gray);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);padding:6px 12px;border-radius:14px;letter-spacing:.02em;opacity:0;transform:translateY(10px);animation:fadeUpTag .35s ease-out forwards}.tag:nth-child(1){animation-delay:.15s}.tag:nth-child(2){animation-delay:.25s}@keyframes fadeUpTag{to{opacity:1;transform:translateY(0)}}.preview-card{position:relative;width:clamp(200px,28vw,260px);height:clamp(130px,16vw,155px);margin-top:clamp(20px,3vw,28px);border-radius:12px;overflow:hidden;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);transition:transform .35s ease;cursor:default}.preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.preview-mobile{opacity:1;z-index:2}.preview-desktop{opacity:0;z-index:1}.preview-card:hover .preview-mobile{opacity:0}.preview-card:hover .preview-desktop{opacity:1}.preview-mock{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px}.preview-mock .bar{background:rgba(255,255,255,0.15);border-radius:3px}.preview-mock .bar.wide{width:80%;height:8px}.preview-mock .bar.med{width:60%;height:6px}.preview-mock .bar.short{width:40%;height:6px}.preview-mock .circle{width:28px;height:28px;border-radius:50%;background:rgba(255,179,0,0.25);border:2px solid rgba(255,179,0,0.4)}.preview-mock.mobile-mode{max-width:100px;margin:0 auto;border:1.5px solid rgba(255,255,255,0.12);border-radius:10px;padding:10px 8px;aspect-ratio:9/16;max-height:110px}.preview-mock.desktop-mode{max-width:180px;margin:0 auto;border:1.5px solid rgba(255,255,255,0.12);border-radius:8px;padding:10px 12px;aspect-ratio:16/10;max-height:100px}@media(hover:hover){.preview-card:hover{transform:perspective(400px) rotateY(-2deg) rotateX(1deg)}}@media(hover:none){.preview-card:active{background:rgba(255,255,255,0.05)}}@media(max-width:600px){.preview-card{width:clamp(160px,45vw,200px);height:clamp(100px,20vw,120px);margin-top:18px}.preview-mock.mobile-mode{max-height:80px}.preview-mock.desktop-mode{max-height:75px}}@media(max-width:380px){.glass-panel{padding:24px 18px;border-radius:16px;width:94%}.preview-card{width:140px;height:90px}}