:root{--bg:#030306;--panel:#0b0a10;--line:rgba(177,139,255,.18);--purple:#8852ff;--purple2:#c4a3ff;--cyan:#5fffe4;--text:#f7f4ff;--muted:#9992a7;--danger:#ff657c;--mx:50vw;--my:50vh}*{box-sizing:border-box}html{background:#030306}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at var(--mx) var(--my),rgba(115,55,232,.12),transparent 24%),radial-gradient(circle at 12% 20%,rgba(139,92,246,.17),transparent 30%),radial-gradient(circle at 88% 76%,rgba(79,255,222,.07),transparent 25%),#030306;color:var(--text);font-family:Inter,Tahoma,Arial,sans-serif;display:grid;place-items:center;padding:34px;transition:background .18s ease}.ambient-grid{position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.orb{position:fixed;width:340px;height:340px;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.18;animation:float 9s ease-in-out infinite}.orb-a{left:-100px;top:10%;background:#7c3cff}.orb-b{right:-120px;bottom:3%;background:#19d9c5;animation-delay:-4s}@keyframes float{50%{transform:translate3d(35px,-25px,0) scale(1.1)}}.lang{position:fixed;z-index:20;top:24px;left:24px;border:1px solid var(--line);background:rgba(12,10,18,.72);backdrop-filter:blur(14px);color:#dbcaff;border-radius:999px;padding:11px 18px;font-weight:800;letter-spacing:.06em;transition:.25s}html[dir=rtl] .lang{left:auto;right:24px}.lang:hover{border-color:#9d6dff;box-shadow:0 0 28px rgba(139,92,246,.18);transform:translateY(-2px)}.login-shell{position:relative;z-index:2;width:min(1120px,100%);display:grid;grid-template-columns:1.08fr .92fr;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,10,18,.91),rgba(4,4,7,.88));backdrop-filter:blur(26px);border-radius:34px;overflow:hidden;box-shadow:0 55px 160px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.02) inset;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.login-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(179,137,255,.06),transparent 64%);transform:translateX(-100%);animation:sweep 7s ease-in-out infinite;pointer-events:none}@keyframes sweep{55%,100%{transform:translateX(100%)}}.brand-side{position:relative;padding:66px;background:radial-gradient(circle at 20% 10%,rgba(139,92,246,.18),transparent 38%),linear-gradient(145deg,rgba(139,92,246,.08),rgba(3,3,5,.18));border-right:1px solid rgba(255,255,255,.055)}html[dir=rtl] .brand-side{border-right:0;border-left:1px solid rgba(255,255,255,.055)}.brand-side:after{content:"CN2";position:absolute;right:28px;bottom:-24px;font:900 150px/1 Arial;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.025);pointer-events:none}.logo{width:88px;height:88px;border-radius:24px;object-fit:cover;filter:drop-shadow(0 0 34px rgba(139,92,246,.42));animation:logoPulse 4s ease-in-out infinite}@keyframes logoPulse{50%{filter:drop-shadow(0 0 48px rgba(95,255,228,.3));transform:translateY(-4px)}}.kicker{display:block;margin-top:30px;color:#ad8aff;font-size:10px;font-weight:900;letter-spacing:.25em}.brand-side h1{font-family:Georgia,serif;font-style:italic;font-size:52px;line-height:1.06;max-width:570px;margin:18px 0;background:linear-gradient(110deg,#fff 20%,#c6adff 64%,#76ffe8);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-side p{color:#aaa2b5;line-height:1.9;max-width:530px;font-size:14px}.steps{margin-top:36px;display:grid;gap:12px}.steps div{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:15px;padding:15px;transition:.25s}.steps div:hover{transform:translateX(5px);border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.06)}html[dir=rtl] .steps div:hover{transform:translateX(-5px)}.steps b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:rgba(139,92,246,.12);color:#bd9cff;font-family:monospace}.steps span{font-size:12px;font-weight:700}.card{position:relative;padding:64px;display:flex;flex-direction:column;justify-content:center}.card:before{content:"";position:absolute;inset:34px;border:1px solid rgba(255,255,255,.035);border-radius:24px;pointer-events:none}.card-head,.card form,.card>.error,.card>.hint{position:relative;z-index:1}.card-head{display:flex;align-items:center;gap:15px;margin-bottom:28px}.mini-logo{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#1a112a,#0a0910);display:grid;place-items:center;border:1px solid rgba(169,123,255,.25);box-shadow:0 14px 34px rgba(0,0,0,.35)}.mini-logo img{width:36px;height:36px;border-radius:10px}.card h2{font-family:Georgia,serif;font-style:italic;font-size:32px;margin:0 0 5px}.card-head p{margin:0;color:#777081;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.card label{display:block;color:#8f879a;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin:17px 0 8px}.card input{width:100%;height:54px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#fff;border-radius:14px;padding:0 16px;outline:none;transition:.25s}.card input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.1),0 14px 30px rgba(0,0,0,.18);transform:translateY(-1px)}.primary{position:relative;width:100%;height:54px;border:0;border-radius:14px;margin-top:23px;overflow:hidden;background:linear-gradient(100deg,#7135e9,#a879ff 60%,#77fce3);background-size:180% 100%;font-weight:950;letter-spacing:.08em;color:#09050f;box-shadow:0 14px 40px rgba(116,54,232,.28);transition:.28s;animation:gradientMove 5s ease infinite}@keyframes gradientMove{50%{background-position:100% 0}}.primary:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgba(116,54,232,.4)}.primary:disabled{opacity:.55;transform:none}.error{color:var(--danger);min-height:20px;font-size:11px}.hint{color:#625c6b;font-size:10px;line-height:1.7;text-align:center}.cursor-dot,.cursor-ring{display:none;position:fixed;left:0;top:0;z-index:99999;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%)}.cn2-cursor,.cn2-cursor *{cursor:none!important}.cn2-cursor .cursor-dot{display:block;width:5px;height:5px;background:#fff;margin:-2.5px 0 0 -2.5px;box-shadow:0 0 14px #a26eff}.cn2-cursor .cursor-ring{display:block;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid rgba(172,132,255,.65);transition:width .18s,height .18s,margin .18s,background .18s}.cn2-cursor .cursor-ring.active{width:44px;height:44px;margin:-22px 0 0 -22px;background:rgba(139,92,246,.12)}@media(max-width:820px){body{padding:18px}.login-shell{grid-template-columns:1fr}.brand-side{display:none}.card{padding:54px 28px;min-height:620px}.card:before{inset:20px}.lang{top:14px;left:14px}html[dir=rtl] .lang{right:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.login-shell{transform:none!important}}