.cp-login{--bg:#04121c;--bg2:#020a10;--card:#0a2233;--border-l:#1b3d54;--border-soft:#12293a;--fg:#f8fafc;--muted:#a8bcc7;--soft:#5f7a8a;--cyan:#2fb9e6;--cyan-deep:#0891b2;--blue:#2e8bff;--violet:#8a62ff;--magenta:#f45af0;--green:#34d399;--grad:linear-gradient(100deg,#f45af0,#8a62ff 30%,#2e8bff 62%,#2fb9e6);--grad-ui:linear-gradient(135deg,#8a62ff,#0891b2 52%,#2fb9e6);--beat:4200ms;display:flex;min-height:100vh;min-height:100dvh;background:var(--bg2);color:var(--fg)}.cp-login .hero{position:relative;width:54%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:56px;background:radial-gradient(120% 130% at 20% 15%,rgba(4,18,28,.25) 0,rgba(2,10,16,.72) 68%),var(--grad-ui)}.cp-login .orb{position:absolute;border-radius:50%;filter:blur(58px);opacity:.55;pointer-events:none}.cp-login .orb.a{width:420px;height:420px;left:-120px;top:-80px;background:var(--magenta);animation:cpDriftA 19s ease-in-out infinite}.cp-login .orb.b{width:360px;height:360px;right:-80px;top:22%;background:var(--blue);animation:cpDriftB 23s ease-in-out infinite}.cp-login .orb.c{width:300px;height:300px;left:30%;bottom:-110px;background:var(--cyan);animation:cpDriftC 17s ease-in-out infinite}@keyframes cpDriftA{50%{transform:translate(70px,50px) scale(1.08)}}@keyframes cpDriftB{50%{transform:translate(-60px,40px) scale(.94)}}@keyframes cpDriftC{50%{transform:translate(40px,-55px) scale(1.1)}}.cp-login .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:radial-gradient(75% 65% at 42% 42%,#000 0,transparent 78%);mask-image:radial-gradient(75% 65% at 42% 42%,#000 0,transparent 78%);pointer-events:none}.cp-login .claim{position:relative;z-index:2;max-width:480px}.cp-login .brandrow{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cp-login .brandrow .brand{font-size:44px;font-weight:800;letter-spacing:-.02em;color:#fff}.cp-login .verbstack{position:relative;display:inline-block;min-width:210px;height:58px;overflow:hidden}.cp-login .verb{position:absolute;inset:0;font-size:44px;font-weight:800;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(26px);filter:blur(8px);transition:opacity .6s ease,transform .6s ease,filter .6s ease}.cp-login .verb.on{opacity:1;transform:translateY(0);filter:blur(0)}.cp-login .claim .sub{margin-top:14px;min-height:52px;font-size:17px;line-height:1.5;color:rgba(255,255,255,.82)}.cp-login .beats{display:flex;gap:8px;margin-top:22px}.cp-login .beats i{display:block;width:52px;height:4px;border-radius:999px;background:rgba(255,255,255,.22);overflow:hidden}.cp-login .beats i:before{content:"";display:block;height:100%;width:0;border-radius:inherit;background:#fff}.cp-login .beats i.on:before{animation:cpFill var(--beat) linear forwards}.cp-login .beats i.done:before{width:100%}@keyframes cpFill{to{width:100%}}.cp-login .uicard{position:absolute;z-index:1;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(8,26,40,.72);backdrop-filter:blur(14px);padding:14px 16px;min-width:190px;opacity:.34;transition:opacity .7s ease,box-shadow .7s ease;animation:cpFloaty var(--fd,10s) ease-in-out infinite;pointer-events:none}.cp-login .uicard.hot{opacity:1;box-shadow:0 18px 50px rgba(8,145,178,.35)}@keyframes cpFloaty{50%{transform:translateY(-12px)}}.cp-login .uicard .k{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:rgba(255,255,255,.92)}.cp-login .uicard .k svg{width:14px;height:14px;color:var(--cyan)}.cp-login .uicard .v{margin-top:6px;font-size:11px;color:rgba(255,255,255,.6)}.cp-login .uicard .big{margin-top:4px;font-size:26px;font-weight:800;color:#fff}.cp-login .uicard .pbar{margin-top:8px;height:5px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.cp-login .uicard .pbar i{display:block;height:100%;width:72%;border-radius:inherit;background:var(--grad)}.cp-login .uicard .minibars{display:flex;align-items:flex-end;gap:4px;margin-top:8px;height:26px}.cp-login .uicard .minibars i{display:block;width:9px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--cyan),var(--cyan-deep))}.cp-login .hero .foot{position:absolute;left:56px;bottom:28px;z-index:2;display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(255,255,255,.55)}.cp-login .hero .foot .rollpix{height:13px;width:auto;opacity:.55;filter:brightness(0) invert(1)}.cp-login .panel{width:46%;display:flex;flex-direction:column;justify-content:center;padding:56px clamp(32px,7vw,96px);background:var(--bg2)}.cp-login .panel .logo{height:96px;width:auto;max-width:min(440px,100%);-o-object-fit:contain;object-fit:contain;align-self:flex-start;margin-bottom:28px}.cp-login h1{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px;color:var(--fg)}.cp-login .lead{margin:0 0 24px;font-size:14px;line-height:1.55;color:var(--muted)}.cp-login .gbtn{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:10px;border:1px solid var(--border-l);background:var(--card);color:var(--fg);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cp-login .gbtn:hover{border-color:var(--cyan-deep);background:#0c2a3f}.cp-login .gbtn:disabled{opacity:.5;cursor:not-allowed}.cp-login .divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--soft)}.cp-login .divider:after,.cp-login .divider:before{content:"";flex:1;height:1px;background:var(--border-soft)}.cp-login .field{margin-bottom:14px}.cp-login .field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--muted)}.cp-login .inwrap{position:relative}.cp-login .inwrap .lic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--soft);display:flex}.cp-login .inwrap input{width:100%;padding:12px 14px 12px 38px;border-radius:10px;border:1px solid var(--border-l);background:var(--card);color:var(--fg);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.cp-login .inwrap input::-moz-placeholder{color:var(--soft)}.cp-login .inwrap input::placeholder{color:var(--soft)}.cp-login .inwrap input:focus{border-color:var(--cyan-deep);box-shadow:0 0 0 3px rgba(8,145,178,.25)}.cp-login .btn{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;border:none;background:var(--grad-ui);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s ease}.cp-login .btn:hover{filter:brightness(1.12)}.cp-login .btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.cp-login .btn.ghost{background:var(--card);border:1px solid var(--border-l);color:var(--fg);font-weight:600}.cp-login .btn.ghost:hover{border-color:var(--cyan-deep);filter:none;background:#0c2a3f}.cp-login .linkbtn{display:inline-block;margin-top:14px;background:none;border:none;padding:0;font-size:13px;color:var(--cyan);cursor:pointer;text-decoration:none}.cp-login .linkbtn:hover{text-decoration:underline}.cp-login .links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.cp-login .error,.cp-login .info{margin:0 0 14px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.45}.cp-login .error{border:1px solid rgba(244,63,94,.4);background:rgba(244,63,94,.12);color:#fda4af}.cp-login .info{border:1px solid rgba(47,185,230,.4);background:rgba(47,185,230,.1);color:#7dd3fc}.cp-login .otp{display:flex;gap:10px;width:-moz-fit-content;width:fit-content;margin-bottom:16px}.cp-login .otp input:nth-child(3){margin-right:10px}.cp-login .otp input{width:46px;height:54px;border-radius:10px;border:1px solid var(--border-l);background:var(--card);color:var(--fg);font-size:24px;font-weight:700;text-align:center;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.cp-login .otp input:focus{border-color:var(--cyan-deep);box-shadow:0 0 0 3px rgba(8,145,178,.25)}.cp-login .terms{margin-top:22px;font-size:11.5px;line-height:1.55;color:var(--soft)}.cp-login .terms a{color:var(--muted);text-decoration:underline}@media (max-width:900px){.cp-login .hero{display:none}.cp-login .panel{width:100%}}@media (prefers-reduced-motion:reduce){.cp-login .beats i.on:before,.cp-login .orb,.cp-login .uicard{animation:none!important}.cp-login .verb{transition:none}}