:root{--bg:#0A0D12;--surface:#0E131B;--surface2:#0c1016;--border:#141A26;--border2:#232C3B;--tx:#F3F6FA;--tx2:#8B96A5;--tx3:#5B6675;--tx4:#4d5765;--ac:#EF9F27;--ac-dim:#BA7517;--err:#E24B4A;--sans:'Inter',system-ui,-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;}
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--tx);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5;min-height:100vh}
  .wrap{max-width:1040px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border);width:100%;box-sizing:border-box;padding:0}
  .mono{font-family:var(--mono)}
  .sec{padding:24px 12px}
  .bd{border-top:1px solid var(--border)}
  .lbl{font-family:var(--mono);font-size:11px;color:var(--tx3);letter-spacing:1.5px}
  .eye{font-family:var(--mono);font-size:11px;color:var(--ac);letter-spacing:2px}
  h1{font-size:clamp(22px,3.6vw,30px);font-weight:500;line-height:1.22;margin:0 0 16px;max-width:20ch;color:var(--tx)}
  .sub{font-size:clamp(14px,2.4vw,16px);color:var(--tx2);line-height:1.8;max-width:54ch}
  .t{color:#e6ebf2;font-size:15px;font-weight:500}
  .d{color:#7c8797;font-size:12.5px;line-height:1.55;margin-top:6px}
  header{display:flex;justify-content:space-between;align-items:center;padding:14px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:20;width:100%;box-sizing:border-box}
  .brand{font-family:var(--mono);font-weight:500;letter-spacing:2px;color:#eef2f7;font-size:15px}
  .hgroup{display:flex;align-items:center;gap:14px}
  .status{font-family:var(--mono);font-size:11px;color:var(--tx3)}
  .lang{display:flex;border:1px solid var(--border2);border-radius:6px;overflow:hidden}
  .lang button{background:transparent;border:0;color:var(--tx3);font-family:var(--mono);font-size:11px;padding:5px 9px;cursor:pointer;transition:color .15s,background .15s}
  .lang button.on{background:var(--ac);color:#1a1205}
  .hero{padding:28px 12px 32px;position:relative}
  .wordwrap{margin:20px 0 32px}
  .wordcanvas{display:block;width:100%;height:clamp(160px,26vw,240px)}
  
  
  .form{margin-top:26px;max-width:480px}
  .row{display:flex;gap:8px;flex-wrap:wrap}
  input[type=email]{flex:1;min-width:210px;background:var(--surface);border:1px solid var(--border2);color:#dde3ec;font-size:14px;height:44px;border-radius:6px;padding:0 13px;font-family:var(--mono)}
  input:focus{outline:none;border-color:var(--ac)}
  .btn{background:var(--ac);color:#1a1205;border:0;font-weight:500;font-size:14px;height:44px;padding:0 20px;border-radius:6px;cursor:pointer;font-family:var(--sans);transition:background .15s}
  .btn:hover{background:#f4ab3f}
  .err{color:var(--err);font-size:13px;margin-top:8px;display:none}
  .err a{color:var(--ac)}
  
  .resend{display:none;margin-top:9px;background:transparent;border:1px solid var(--ac);color:var(--ac);
    font-family:var(--sans);font-size:13px;height:34px;padding:0 14px;border-radius:6px;cursor:pointer}
  .resend:hover{background:rgba(239,159,39,.1)}
  .resend[disabled]{opacity:.55;cursor:default}
  .note{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-top:11px}
  .confirm{display:none;margin-top:26px;max-width:480px;background:var(--surface);border:1px solid rgba(239,159,39,.3);border-radius:8px;padding:18px}
  .confirm .h{color:var(--ac);font-size:15px;font-weight:500}
  #cmail{transition:color 1.2s ease,text-shadow 1.2s ease}
  #cmail.cglow{color:#3ddc84!important;text-shadow:0 0 12px rgba(61,220,132,.55)}
  .cother{display:none;margin-top:12px;font-family:var(--mono);font-size:11px;color:var(--tx3);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0}
  .band{padding:18px 12px;background:var(--surface2)}
  .band .big{font-size:clamp(15px,2.6vw,17px);color:#e6ebf2;font-weight:500;line-height:1.5;max-width:64ch}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
  .card{background:var(--bg);padding:18px 12px}
  .card .ic{font-size:20px;color:var(--ac);line-height:1;font-family:var(--mono)}
  .card .t{margin-top:13px}
  .holo{position:relative;width:100%;height:clamp(360px,46vw,500px);overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(ellipse at 50% 80%, rgba(239,159,39,0.05), transparent 60%)}
  .holo canvas{display:block}
  
  .holo::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;
    background:linear-gradient(180deg,transparent 0%,rgba(239,159,39,0.025) 48%,rgba(239,159,39,0.05) 50%,rgba(239,159,39,0.025) 52%,transparent 100%);
    animation:scan 6s linear infinite}
  @keyframes scan{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}
  @media (prefers-reduced-motion: reduce){.holo::after{animation:none}}
  .reg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:10px 12px 20px}
  .reg .r{display:flex;gap:11px}
  .reg .k{font-family:var(--mono);color:var(--ac);font-size:12px;white-space:nowrap}
  .reg .v{color:var(--tx2);font-size:12.5px;line-height:1.5}
  .chips{display:flex;flex-wrap:wrap;gap:9px;padding:6px 12px 18px}
  .chip{font-family:var(--mono);font-size:12px;color:#e6ebf2;border:1px solid rgba(239,159,39,.38);background:rgba(239,159,39,.06);border-radius:6px;padding:7px 12px}
  .never{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px 12px}
  .never .x{font-family:var(--mono);font-size:12px;color:#9aa5b4}
  .never .x b{color:var(--ac-dim);font-weight:400;margin-right:2px}
  footer{padding:12px 12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:var(--mono);font-size:11px;color:var(--tx4)}
  footer a{color:var(--tx3);text-decoration:none}
  footer a:hover{color:var(--ac)}
  @media(max-width:768px){
  html,body{width:100%;overflow-x:hidden}
  .wrap{border-left:0;border-right:0;width:100%;max-width:100%;box-sizing:border-box}
  header{padding:10px 8px;box-sizing:border-box;width:100%}
  .hero{padding:20px 8px 24px;box-sizing:border-box}
  .sec{padding:16px 8px;box-sizing:border-box}
  .band{padding:14px 8px;box-sizing:border-box}
  .reg{padding:8px 8px 16px;box-sizing:border-box}
  .chips{padding:4px 8px 14px;box-sizing:border-box}
  .never{padding:12px 8px;box-sizing:border-box}
  .card{padding:18px 16px}
  .split .txt{padding:16px 10px}
  h1{font-size:clamp(22px,6.5vw,30px);max-width:100%}
  .sub{font-size:14px;max-width:100%}
  .form{max-width:100%;box-sizing:border-box}
  input[type=email]{min-width:0;width:100%;box-sizing:border-box}
  .btn{width:100%;margin-top:8px;box-sizing:border-box}
  .row{flex-direction:column}
  .holo{height:300px}
  .grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .split .txt{border-right:0;border-bottom:1px solid var(--border)}
  .reg{grid-template-columns:1fr}
  .chips{flex-wrap:wrap}
  .never{flex-wrap:wrap}
  .hgroup{gap:8px}
  .lang button{padding:4px 7px}
}

.u1{display:flex;align-items:center;text-decoration:none;flex-shrink:0;padding:0;margin:0}
.u2{display:block}
.u3{display:flex;gap:9px;align-items:flex-start;margin-top:12px;cursor:pointer;max-width:460px}
.u4{margin-top:3px;accent-color:var(--ac);width:15px;height:15px;flex:0 0 auto;cursor:pointer}
.u5{font-family:var(--mono);font-size:11px;color:var(--tx3);line-height:1.5}
.u6{font-size:14px;margin-top:8px}
.u7{color:#dde3ec}
.u8{display:none;font-size:14px;margin-top:8px}
.u9{padding-bottom:10px}
.u10{padding-bottom:8px}
.u11{font-size:16px;margin-top:13px}
.u12{font-size:13px;line-height:1.6;margin-top:8px;max-width:60ch}
.u13{position:absolute;inset:0}
.u14{padding-top:6px;padding-bottom:8px}
.u15{font-size:16px}
.u16{padding-bottom:4px}