html,body,#root{margin:0;min-height:100%}body{background:#000}.ua{--o:#ff5a14;--g:#3dff6a;color:#fff;background:#02030f;font-family:Helvetica Neue,Arial,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;overflow:hidden}.ua *{box-sizing:border-box}.ua-hero{position:relative;padding:36px 20px 40px;min-height:440px;background:radial-gradient(120% 60% at 50% 100%,#1a2a6a,#02030f 70%)}.ua-tag{font-size:12px;letter-spacing:.28em;color:#9db0ff;display:flex;justify-content:space-between;gap:12px}.ua-tag b{color:var(--g);font-weight:600}.ua-h1{margin:36px 0 0;font-size:clamp(64px,20vw,190px);line-height:.82;font-weight:900;letter-spacing:-.04em}.ua-h1 span{display:block}.ua-h1 .out{color:transparent;-webkit-text-stroke:1.5px #fff}.ua-sub{margin-top:28px;font-size:clamp(22px,5vw,38px);font-weight:800}.ua-sub small{display:block;margin-top:8px;font-size:14px;font-weight:400;color:#aab6e8;letter-spacing:.04em;max-width:520px;line-height:1.6}.ua-hero .dot{position:absolute;right:20px;top:96px;width:10px;height:10px;border-radius:50%;background:var(--g);box-shadow:0 0 18px 4px var(--g);animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.25}}.ua-hangar{position:relative;padding:28px 0 40px;background:linear-gradient(#02030f,#0d1448 38%,#3a4a8f 70%,#99a0c8)}.ua-lab{padding:0 20px;font-size:12px;letter-spacing:.28em;color:#9db0ff}.ua-stage{position:relative;height:min(430px,96vw);margin-top:8px;perspective:1100px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.ua-stage:active{cursor:grabbing}.ua-ring{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.ua-face{position:absolute;width:var(--w);height:var(--w);left:calc(var(--w) / -2);top:calc(var(--w) / -2);border-radius:22px;overflow:hidden;background:#000;box-shadow:0 30px 60px #00000080;backface-visibility:hidden;transition:filter .3s}.ua-face img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.ua-face .code{position:absolute;left:12px;top:10px;font-size:11px;letter-spacing:.2em;color:#fff;opacity:.85}.ua-hint{text-align:center;font-size:12px;color:#c9d1ff;letter-spacing:.2em;margin-top:4px}.ua-chips{display:flex;gap:8px;justify-content:center;margin:18px 12px 0;flex-wrap:wrap}.ua-chip{appearance:none;border:1px solid rgba(255,255,255,.45);background:#00000040;color:#fff;padding:0 16px;min-height:44px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.ua-chip[aria-pressed=true]{background:var(--o);border-color:var(--o);color:#000}.ua-info{margin:20px 16px 0;padding:22px 20px;border-radius:22px;background:#ffffffeb;color:#000}.ua-info .k{font-size:12px;letter-spacing:.24em;color:var(--o);font-weight:800}.ua-info .n{font-size:clamp(44px,12vw,84px);font-weight:900;line-height:1;margin-top:8px;letter-spacing:-.02em}.ua-info .r{margin-top:8px;font-size:18px;font-weight:700;color:#666}.ua-info p{margin:14px 0 0;font-size:15px;line-height:1.6;color:#333}.ua-info .meters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.ua-info .meters div{border-top:2px solid #000;padding-top:6px;font-size:11px;letter-spacing:.14em;color:#555}.ua-info .meters b{display:block;font-size:18px;color:#000;letter-spacing:0;margin-top:2px}.ua-pass{padding:40px 16px 44px;background:linear-gradient(#99a0c8,#dedff0 22%,#f7f8fc 60%);color:#000}.ua-pass .ua-lab{color:#3a4a8f;padding:0 4px}.ua-pass h2{margin:10px 4px 6px;font-size:clamp(36px,9vw,64px);line-height:1;font-weight:900;letter-spacing:-.03em}.ua-pass h2 em{font-style:normal;color:var(--o)}.ua-pass .lead{margin:0 4px 20px;font-size:15px;line-height:1.6;color:#333;max-width:560px}.ua-grid{display:grid;gap:20px}@media(min-width:820px){.ua-grid{grid-template-columns:1fr 1fr;align-items:start}.ua-hero{padding:56px 56px 64px}.ua-pass{padding:56px}.ua-lab{padding-left:56px}.ua-pass .ua-lab{padding-left:4px}.ua-info{max-width:640px;margin:24px auto 0}}.ua-form label{display:block;font-size:12px;letter-spacing:.2em;color:#444;margin:14px 0 6px;font-weight:700}.ua-form input[type=text]{width:100%;min-height:48px;padding:0 14px;border:2px solid #000;border-radius:12px;background:#fff;font-size:18px;font-weight:700;font-family:inherit;color:#000}.ua-form input:focus-visible,.ua-chip:focus-visible,.ua-btn:focus-visible{outline:3px solid var(--o);outline-offset:2px}.ua-form .ua-chip{border-color:#000;background:#fff;color:#000}.ua-form .ua-chip[aria-pressed=true]{background:#000;color:#fff;border-color:#000}.ua-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;margin-top:18px;border-radius:999px;background:var(--o);color:#000;font-weight:900;font-size:16px;border:0;text-decoration:none;cursor:pointer;font-family:inherit}.ua-out{background:#02030f;border-radius:22px;padding:10px}.ua-out img{width:100%;height:auto;display:block;border-radius:14px}.ua-out p{margin:8px 4px 2px;font-size:12px;color:#aab6e8;text-align:center}.ua-foot{padding:22px 20px 34px;background:#f7f8fc;color:#555;font-size:13px;line-height:1.7;border-top:1px solid #dcdcec}.ua-foot b{color:#000}@media(prefers-reduced-motion:reduce){.ua-hero .dot{animation:none}}.ua-viewer{position:relative;margin:6px auto 0;width:100%;max-width:720px;height:min(480px,112vw)}.ua-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.ua-canvas:active{cursor:grabbing}.ua-note{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#c9d1ff;font-size:14px;letter-spacing:.12em;pointer-events:none;text-align:center}.ua-note img{width:55%;border-radius:18px}.ua-hint{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:12px;letter-spacing:.2em;color:#c9d1ff;pointer-events:none}.ua-ctl{position:absolute;right:12px;top:8px;display:flex;flex-direction:column;gap:8px}.ua-ib{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#0006;color:#fff;font-size:18px;cursor:pointer;font-family:inherit}.ua-ib:focus-visible{outline:3px solid var(--o);outline-offset:2px}.ua-ib[aria-pressed=true]{border-color:var(--g)}.ua-spin{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:var(--g);animation:ua-rot 1s linear infinite}@keyframes ua-rot{to{transform:rotate(360deg)}}.ua-note-sub{font-size:12px;letter-spacing:.04em;opacity:.7}@media(prefers-reduced-motion:reduce){.ua-spin{animation-duration:3s}}