
*{box-sizing:border-box}body{margin:0;background:#09090c;color:#f8f7f2;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100svh;display:grid;place-items:center;overflow-x:hidden}.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 15%,#67400e35,transparent 45%),radial-gradient(ellipse at 15% 85%,#30323b77,transparent 50%)}.ribbon{position:absolute;width:150vw;height:150px;left:-25vw;top:40%;transform:rotate(-32deg);background:linear-gradient(180deg,transparent,#b8862722 42%,#edb74a66 46%,#07070a 49%,#c6923933 52%,transparent 60%);filter:blur(.5px);animation:drift 16s ease-in-out infinite alternate}.ribbon.two{top:5%;transform:rotate(32deg);opacity:.45;animation-delay:-8s}.ribbon.three{top:85%;opacity:.3}header{position:absolute;top:30px;left:40px;display:flex;gap:12px;align-items:center;font-size:20px;font-weight:700;letter-spacing:-.6px}.brand{width:35px;height:35px;border:1px solid #d5b75780;border-radius:11px;display:grid;place-items:center;color:#ffe15a}.shell{width:min(490px,calc(100% - 32px));margin:105px 0 60px;position:relative}.panel{padding:38px;border:1px solid #ffffff26;border-radius:28px;background:linear-gradient(135deg,#ffffff0e,#111115b0);box-shadow:0 30px 100px #0009,inset 0 1px #ffffff12;backdrop-filter:blur(26px)}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#c4ad68;font-weight:600;margin-bottom:15px}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.15;margin:0 0 12px}h1 span{color:#ffe15a}.intro{color:#a7a5ad;font-size:13px;margin:0 0 28px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;color:#d5d2d9;margin-bottom:7px}.field{margin-bottom:17px}input{width:100%;border-radius:11px;background:#ffffff06;border:1px solid #ffffff1c;padding:13px 14px;color:#fff;font:inherit;outline:none;transition:.2s}input:focus{border-color:#e3c650;box-shadow:0 0 0 3px #ffe15a12}input::placeholder{color:#696771}button{font:inherit;cursor:pointer}.primary{width:100%;border:1px solid #ffea88;border-radius:11px;padding:14px;background:linear-gradient(#ffeb5b,#ffd829);font-weight:700;color:#29200a;box-shadow:0 6px 30px #ffda3024;transition:.2s}.primary:hover{box-shadow:0 8px 35px #ffda3045;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:wait;transform:none}.foot{font-size:12px;text-align:center;color:#918e99;margin:23px 0 0}.link{background:none;border:none;color:#ffe15a;padding:0;font-size:inherit}.note{display:flex;gap:10px;font-size:11px;color:#93909b;margin:0 0 23px;line-height:1.7}.note svg{flex:none;color:#c1ad68;margin-top:3px}.bottom{color:#797681;text-align:center;font-size:11px;margin-top:22px}.code{font-size:28px;text-align:center;letter-spacing:14px;padding-left:26px;font-variant-numeric:tabular-nums}.message{font-size:12px;color:#ffd986;margin:12px 0;min-height:18px}.hidden{display:none!important}.steps{display:flex;gap:5px;margin-bottom:23px}.steps i{height:3px;background:#ffffff15;border-radius:4px;flex:1}.steps i.active{background:#ffe15a}.success{text-align:center;padding:15px 0}.success .seal{width:66px;height:66px;background:#ffe15a0d;border:1px solid #ffe15a55;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#ffe15a;margin:0 auto 22px}@keyframes drift{to{translate:0 25px;opacity:.7}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:480px){header{left:24px;top:24px}.panel{padding:28px 24px}.row{grid-template-columns:1fr}h1{font-size:29px}}
.shell::before{content:'';position:absolute;inset:12% -14%;z-index:-1;background:radial-gradient(ellipse,#e2ad2720,transparent 68%);filter:blur(35px);animation:halo 9s ease-in-out infinite alternate}.panel{animation:appear .65s ease-out both}.primary:focus-visible{outline:3px solid #fff5a8;outline-offset:4px}input:focus-visible{outline:none}@keyframes halo{to{opacity:.35;transform:translateY(25px) scale(.85)}}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.shell::before,.panel{animation:none!important}}
.shell{width:min(1200px,calc(100% - 64px));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);gap:64px;align-items:center;margin:115px auto 44px}.panel{padding:38px;background:linear-gradient(135deg,#ffffff09,#15151bea)}.bottom{grid-column:1/-1;margin:0}.showcase{min-width:0}.showcase h2{font-size:clamp(36px,4vw,58px);letter-spacing:-2px;line-height:1.08;margin:0 0 20px}.showcase em{font-style:normal;color:#e3c17d}.showcase-intro{color:#b5b3ba;max-width:470px;line-height:1.8;font-size:14px}.landscape{margin:26px 0 0;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#27252a,#14151c);border:1px solid #ffffff12}.landscape svg{display:block;width:100%;height:auto}.landscape-caption{position:absolute;bottom:14px;left:20px;font-size:10px;color:#ddd0b8;letter-spacing:.12em;text-transform:uppercase}.preview-card{position:relative;margin:-14px 16px 0;padding:22px;display:flex;gap:16px;border:1px solid #b29a6444;background:#222127ed;backdrop-filter:blur(16px);border-radius:14px;box-shadow:0 18px 35px #0003}.preview-icon{font-size:25px;color:#e3c17d}.preview-card small{display:block;font-size:9px;letter-spacing:.12em;color:#afa99d;margin-bottom:9px}.preview-card strong{font-size:18px;line-height:1.5;font-weight:600}.preview-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.preview-tags span{padding:5px 8px;border:1px solid #ffffff16;border-radius:6px;font-size:10px;color:#c3bdaf}.benefits{display:flex;gap:20px;justify-content:space-between;margin-top:32px}.benefits>div{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#aaa7b0}.benefits b{font-size:11px;color:#d6b775;font-weight:500}h1 span{color:#e6c77e}.primary{background:linear-gradient(#e8ca82,#d8b66a);border-color:#e8ca82;box-shadow:0 6px 24px #d8b66a15}.primary:hover{box-shadow:0 8px 28px #d8b66a22}.link{color:#e6c77e}.steps i.active{background:#e6c77e}.link{min-height:44px}.panel input{font-size:16px}.ribbon{opacity:.25}.shell:before{animation:none}.panel{min-width:0}@media(max-width:900px){.shell{gap:28px;width:calc(100% - 40px);grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.panel{padding:28px}.showcase h2{font-size:38px}.benefits{flex-wrap:wrap;gap:14px}}@media(max-width:700px){.shell{display:flex;flex-direction:column;width:min(480px,calc(100% - 32px));margin-top:96px;gap:24px}.showcase{width:100%}.showcase h2{font-size:36px}.showcase-intro{font-size:13px}.landscape,.preview-card,.benefits{display:none}.showcase .eyebrow{font-size:9px;letter-spacing:1.5px}.panel{width:100%;padding:26px 22px}.bottom{margin-top:4px}.showcase h2 br{display:none}header{position:absolute;left:24px;top:24px}}
.shell::before{inset:12% 0;filter:none}header{z-index:1}
