.c3d-sec{background:radial-gradient(70% 60% at 70% 50%, #ffd60a14, transparent 70%), var(--night);padding:110px 0 60px;position:relative;overflow:hidden}.c3d-head{z-index:3;margin-bottom:10px;position:relative}.c3d-head h2{margin-top:12px;font-size:clamp(54px,7.5vw,124px)}.c3d-head h2 span{color:var(--yellow)}.c3d{--rx:0deg;--ry:0deg;align-items:center;min-height:700px;display:flex;position:relative}.c3d-canvas{z-index:0;width:100%;height:calc(100% + 200px);display:block;position:absolute;top:-140px;left:0}.c3d.no-webgl .c3d-canvas{display:none}.c3d-hint{z-index:2;font-family:var(--hand);color:var(--yellow);opacity:.85;font-size:24px;position:absolute;bottom:30px;right:max(20px,50vw - 640px);transform:rotate(-3deg)}.c3d-form{z-index:2;perspective:1700px;width:min(580px,100% - 40px);margin-left:max(20px,50vw - 640px);position:relative}.c3d-progress{align-items:center;gap:16px;margin-bottom:18px;transition:opacity .4s;display:flex}.c3d-count{font-family:var(--display);color:var(--muted);letter-spacing:.08em;font-size:18px;font-weight:800}.c3d-count b{color:var(--yellow);margin-right:2px;font-size:34px}.c3d-bar{background:#f6f1e41f;border-radius:4px;flex:1;height:4px;overflow:hidden}.c3d-bar i{background:linear-gradient(90deg, var(--lime), var(--yellow));transform-origin:0;height:100%;transition:transform .8s var(--ease);display:block}.c3d-flip{--h:470px;height:var(--h);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform 1.2s cubic-bezier(.7,0,.2,1);position:relative}.c3d.is-sent .c3d-flip{transform:rotateY(180deg)}.drum{transform-style:preserve-3d;transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg));transition:transform 1s cubic-bezier(.75,0,.2,1);position:absolute;inset:0}.drum.wob-0{animation:.5s c3dWobA}.drum.wob-1{animation:.5s c3dWobB}@keyframes c3dWobA{25%{transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg)) rotateY(-9deg)}50%{transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg)) rotateY(7deg)}75%{transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg)) rotateY(-4deg)}}@keyframes c3dWobB{25%{transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg)) rotateY(-9deg)}50%{transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg)) rotateY(7deg)}75%{transform:translateZ(calc(var(--h) / -2)) rotateX(calc(var(--step) * 90deg)) rotateY(-4deg)}}.face{transform:rotateX(calc(var(--i) * -90deg)) translateZ(calc(var(--h) / 2));backface-visibility:hidden;background:radial-gradient(120% 80% at 0 0,#6cc41729,#0000 55%),radial-gradient(90% 70% at 100% 100%,#ffd60a1f,#0000 60%),linear-gradient(160deg,#16341ef5,#07140bf7);border:1px solid #f6f1e424;border-radius:32px;flex-direction:column;gap:16px;padding:40px 40px 36px;display:flex;position:absolute;inset:0;box-shadow:0 50px 100px #0000008c,inset 0 1px #ffffff14}.face:after{content:"";background:linear-gradient(90deg,#0000,#ffd60ab3,#0000);border-radius:2px;height:2px;position:absolute;top:0;left:30px;right:30px}.face-tag{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow);background:#ffd60a24;border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:14px;font-weight:800}.face-q{font-family:var(--display);text-transform:uppercase;color:var(--paper);font-size:clamp(38px,4.2vw,58px);font-weight:900;line-height:.9}.big-in,.big-area,.small-in{width:100%;color:var(--paper);caret-color:var(--yellow);font-family:var(--body);background:0 0;border:0;outline:none}.big-in{font-family:var(--display);letter-spacing:.01em;border-bottom:3px solid #f6f1e433;margin-top:auto;padding:10px 0 12px;font-size:clamp(34px,3.6vw,48px);font-weight:800;transition:border-color .3s}.big-in:focus{border-color:var(--yellow)}.big-in::placeholder,.big-area::placeholder,.small-in::placeholder{color:#f6f1e447}.phone-row{align-items:flex-end;gap:14px;margin-top:auto;display:flex}.phone-row .big-in{margin-top:0}.phone-row .cc{font-family:var(--display);color:var(--muted);padding-bottom:16px;font-size:28px;font-weight:800}.small-in{background:#f6f1e40f;border:1px solid #f6f1e41f;border-radius:14px;padding:14px 16px;font-size:17px}.small-in:focus{border-color:var(--yellow)}.big-area{resize:none;background:#f6f1e40d;border:1px solid #f6f1e41f;border-radius:18px;flex:1;padding:16px 18px;font-size:19px;line-height:1.6}.big-area:focus{border-color:var(--yellow);box-shadow:0 0 0 4px #ffd60a1f}.msg-count{color:var(--muted);text-align:right;margin-top:-8px;font-size:12px}.orbs{perspective:700px;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;display:grid}.orb{text-align:left;color:var(--paper);transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .25s, color .25s;background:linear-gradient(#f6f1e41a,#f6f1e40a);border:1px solid #f6f1e424;border-radius:16px;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:0 6px #00000059,0 12px 24px #00000040}.orb:hover{border-color:#ffd60a80;transform:translateY(-4px)translateZ(30px)rotateX(8deg);box-shadow:0 10px #00000059,0 24px 40px #00000059}.orb:active{transform:translateY(4px);box-shadow:0 2px #00000059}.orb.on{background:var(--yellow);color:var(--forest);border-color:var(--yellow)}.orb-e{background:#06110a66;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.c3d-nav{align-items:center;gap:14px;margin-top:26px;transition:opacity .4s;display:flex}.c3d-back{width:58px;height:58px;color:var(--paper);transition:transform .3s var(--ease), background .3s;background:#f6f1e40f;border:1px solid #f6f1e429;border-radius:50%;font-size:22px}.c3d-back:hover:not(:disabled){background:#f6f1e41f;transform:translateY(-3px)}.c3d-back:disabled{opacity:.3}.c3d-next{height:58px;padding:0 30px}.c3d-enter{color:var(--muted);font-size:13px}.c3d-enter kbd{font-family:var(--body);color:var(--paper);border:1px solid #f6f1e440;border-radius:6px;margin-left:4px;padding:3px 8px;font-size:12px}.c3d-error{color:#ff9a85;min-height:24px;margin-top:12px;font-size:15px;font-weight:600}.c3d.is-sent .c3d-nav,.c3d.is-sent .c3d-progress{opacity:0;pointer-events:none}.c3d-done{backface-visibility:hidden;text-align:center;background:radial-gradient(80% 70% at 50% 30%,#6cc41740,#0000 70%),linear-gradient(160deg,#13361c,#07140b);border:1px solid #6cc41766;border-radius:32px;place-content:center;justify-items:center;gap:16px;padding:40px;display:grid;position:absolute;inset:0;transform:rotateY(180deg)translateZ(2px);box-shadow:0 50px 100px #0000008c}.done-ring{width:120px;height:120px;color:var(--forest);background:var(--lime);border-radius:50%;place-items:center;font-size:58px;font-weight:800;display:grid;box-shadow:0 0 0 12px #6cc4172e,0 0 60px #6cc41780}.c3d.is-sent .done-ring{animation:.7s cubic-bezier(.2,1.6,.4,1) .9s both c3dPop}@keyframes c3dPop{0%{transform:scale(0)rotate(-40deg)}}.c3d-done h3{font-family:var(--display);text-transform:uppercase;color:var(--paper);font-size:clamp(44px,5vw,68px);font-weight:900;line-height:.9}.c3d-done p{color:var(--muted);max-width:360px}@media (max-width:900px){.c3d{min-height:0;padding:20px 0 40px}.c3d-form{margin:0 auto}.c3d-flip{--h:520px}.c3d-canvas{opacity:.55;height:calc(100% + 80px);top:-80px}.face{padding:30px 24px 26px}.orbs{gap:8px}.orb{padding:9px 10px;font-size:13px}.c3d-hint,.c3d-enter{display:none}}@media (prefers-reduced-motion:reduce){.drum,.c3d-flip{transition-duration:10ms}.drum.wob-0,.drum.wob-1,.c3d.is-sent .done-ring{animation:none}}