:root{--front:#161D26;--yellow:#FDD20E;--ink:#161D26;--bg:#f5f6f8;--line:#e2e6ea;--muted:#6b7480;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overflow-x:hidden}button,input{font:inherit}
.top{height:66px;padding:0 18px;background:#fff;border-bottom:1px solid #eceff2;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{width:150px}.step{font-size:10px;letter-spacing:.08em;font-weight:800;color:#747c86}
.screen{display:none;min-height:calc(100vh - 66px)}.screen.active{display:block}.wrap{width:min(1180px,100%);margin:auto;padding:28px 18px 54px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:900;color:#747d88}
h1{font-size:55px;line-height:.93;letter-spacing:-.055em;margin:10px 0 18px}h2{font-size:34px;letter-spacing:-.04em;margin:8px 0}.sub{font-size:14px;color:var(--muted);line-height:1.55}
.primary,.secondary{min-height:50px;border-radius:13px;padding:0 18px;font-weight:800;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.full{width:100%}
.hero{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.hero p{font-size:17px;line-height:1.55;color:var(--muted);max-width:520px}.stage{min-height:430px;display:grid;place-items:center;perspective:1100px}.flip{width:210px;aspect-ratio:51/89;position:relative;transform-style:preserve-3d;animation:spin 7s ease-in-out infinite}.face{position:absolute;inset:0;border-radius:15px;overflow:hidden;backface-visibility:hidden;box-shadow:0 28px 64px rgba(0,0,0,.22)}.face.front{background:var(--front)}.face.back{transform:rotateY(180deg);background:var(--yellow);display:grid;place-items:center;padding:10%}.face.back img{width:80%}@keyframes spin{0%,20%{transform:rotateY(-8deg)}47%,62%{transform:rotateY(188deg)}88%,100%{transform:rotateY(352deg)}}
.grid{display:grid;grid-template-columns:1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(20,29,38,.06)}
label{display:block;font-size:12px;font-weight:800;margin:14px 0}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number]{width:100%;border:1px solid #d7dce2;border-radius:11px;padding:14px 13px;margin-top:7px;background:#fff;outline:none}input:focus{border-color:#1c2735;box-shadow:0 0 0 3px rgba(253,210,14,.35)}.two{display:grid;grid-template-columns:1fr;gap:0}.filebox{border:1px dashed #bac1ca;background:#fafbfc;border-radius:11px;padding:13px;margin-top:7px;overflow:hidden}.filebox input{max-width:100%}
.card{width:min(285px,78vw);aspect-ratio:51/89;background:var(--front);position:relative;border-radius:14px;overflow:hidden;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.22);margin:12px auto}.photo{position:absolute;left:9.485%;top:8.477%;width:38.195%;height:21.887%;border-radius:5px;background:#26313e;overflow:hidden;display:grid;place-items:center;color:#9aa4af;font-size:10px}.photo img{width:100%;height:100%;object-fit:cover;object-position:center}.name{position:absolute;left:10.3%;top:35.4%;right:8%;font-size:25px;line-height:1;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name-line{position:absolute;left:10.3%;top:41.8%;width:37.4%;height:2px;background:var(--yellow)}.role{position:absolute;left:10.3%;top:43.8%;right:8%;font-size:10px;letter-spacing:.13em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts{position:absolute;left:10.3%;top:51.5%;right:8%;height:18%;overflow:hidden}.contact{height:33.333%;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.055em}.contact img{width:15px;height:15px;object-fit:contain;flex:0 0 15px}.contact b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qr{position:absolute;left:31.96%;top:72.30%;width:34.90%;aspect-ratio:1;background:#fff;border:2px solid var(--yellow);padding:3px;overflow:hidden;display:grid;place-items:center;color:#9aa1a9;font-size:10px}.qr img{width:100%;height:100%;object-fit:contain}
.review-row{padding:13px 0;border-bottom:1px solid #edf0f2}.review-row span{display:block;font-size:11px;font-weight:900;color:#7a828c;margin-bottom:4px}.review-row b{font-size:14px;word-break:break-word}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.success{text-align:center;max-width:520px;margin:0 auto;padding:48px 22px}.tick{width:72px;height:72px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;margin:0 auto 20px;font-size:31px;font-weight:900}
@media(min-width:760px){.top{height:76px;padding:0 5vw}.brand{width:172px}.screen{min-height:calc(100vh - 76px)}.wrap{padding:48px 5vw 70px}.hero{grid-template-columns:1fr 1fr;min-height:650px}.hero h1{font-size:clamp(70px,8vw,104px)}.stage{min-height:580px}.flip{width:270px}.grid{grid-template-columns:.92fr 1.08fr;gap:26px}.two{grid-template-columns:1fr 1fr;gap:13px}.panel{padding:30px}.card{width:min(305px,32vw)}}