:root{font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#273349;font-synthesis:none;font-weight:400;background:#10345b;font-size:14px}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wallpaper{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 68% 12%,#95c9e3 0%,#4e92ba 30%,#28658b 56%,#153855 86%)}.glow{position:absolute;left:29%;top:9%;width:72%;height:80%;background:linear-gradient(130deg,transparent,#bfdce455 35%,transparent 62%);filter:blur(40px);transform:rotate(-14deg)}.ridge{position:absolute;bottom:0;width:130%;left:-10%;height:71%;clip-path:polygon(0 56%,13% 35%,23% 43%,39% 7%,48% 24%,55% 20%,73% 61%,82% 53%,100% 86%,100% 100%,0 100%)}.ridge-back{background:linear-gradient(130deg,#4b8ca7 0%,#76a5b8 42%,#31718e 72%);bottom:2%;opacity:.85}.ridge-middle{height:57%;left:-28%;background:linear-gradient(120deg,#2a6582,#244f6b 44%,#1c3e5c 83%);clip-path:polygon(0 61%,20% 17%,29% 33%,38% 21%,54% 68%,68% 48%,85% 74%,100% 48%,100% 100%,0 100%)}.ridge-front{height:36%;width:140%;left:-10%;background:linear-gradient(135deg,#153b5a,#0b233b 73%);clip-path:polygon(0 4%,16% 56%,31% 41%,50% 83%,71% 45%,91% 70%,100% 60%,100% 100%,0 100%)}.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.2' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.17;mix-blend-mode:soft-light;pointer-events:none}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#09273e54;border-bottom:1px solid #ffffff15;color:#fff;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:.25px}.brand>svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.65}.brand-label{font-size:14px;font-weight:450;margin-left:4px;letter-spacing:1px}.topbar-right{display:flex;align-items:center;gap:18px;font-size:12px;color:#e2eef7}.topbar-divider{width:1px;height:14px;background:#ffffff32}#clock{font-variant-numeric:tabular-nums;min-width:35px}main{min-height:calc(100svh - 106px);padding:44px 20px;display:flex;align-items:center;justify-content:center}.window{width:460px;background:#fff;border:1px solid #ffffffb3;border-radius:10px;box-shadow:0 26px 70px #00162d50,0 4px 15px #001b3429;overflow:hidden;animation:appear .5s ease both}.window-bar{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:linear-gradient(#fafbfc,#f0f2f5);border-bottom:1px solid #e0e4ea;font-size:11px;color:#687688}.window-title{display:flex;align-items:center;gap:7px}.mini-grid{display:grid;grid-template-columns:repeat(2,4px);gap:2px}.mini-grid i{width:4px;height:4px;background:#438ce6;border-radius:1px}.window-mark{display:flex;gap:5px}.window-mark i{width:3px;height:3px;background:#aeb8c4;border-radius:50%}.window-body{padding:34px 46px 36px}.form-heading{text-align:center;margin-bottom:29px}.account-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;border-radius:16px;background:linear-gradient(150deg,#69b1ff,#1977e7 72%);box-shadow:0 5px 12px #2382ee24,inset 0 1px 0 #ffffff60}.account-icon svg{width:40px;height:40px;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:12px;color:#6a798c;letter-spacing:1px;margin:0 0 8px}h1{font-size:24px;font-weight:600;letter-spacing:.6px;margin:0;color:#243145}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:500;color:#4a5769;margin-bottom:8px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap input{width:100%;height:46px;border:1px solid #dbe1e8;border-radius:5px;background:#fff;color:#243145;padding:0 42px;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:#99a3b0}.input-wrap input:hover{border-color:#adbccc}.input-wrap input:focus{border-color:#2b86ed;box-shadow:0 0 0 3px #2581eb12}.field-icon{position:absolute;left:14px;width:17px;height:17px;stroke:#8493a5;stroke-width:1.5;pointer-events:none;stroke-linecap:round;stroke-linejoin:round}.toggle-password{position:absolute;right:3px;width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:#8291a3;border-radius:4px}.toggle-password:hover{color:#237ee4;background:#f3f7fc}.toggle-password[aria-pressed=true]{color:#1478e4}.toggle-password svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5}.primary-button{width:100%;height:46px;padding:0 17px;border:1px solid #1b78df;border-radius:5px;color:#fff;background:linear-gradient(#348df1,#207ce5);box-shadow:0 2px 3px #1374de13;display:flex;justify-content:center;align-items:center;gap:12px;font-weight:500;letter-spacing:1px;margin-top:28px;transition:background .15s,box-shadow .15s}.primary-button:hover{background:linear-gradient(#2683ed,#116ddd);box-shadow:0 3px 10px #1374de30}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{opacity:.65}.primary-button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.window-footer{height:40px;border-top:1px solid #edf0f4;background:#fafbfd;color:#8994a3;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px}.status-dot{width:5px;height:5px;background:#77a88e;border-radius:50%}.footer-separator{color:#c7cfd7;margin:0 3px}.desktop-footer{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:#b9cddc;font-size:10px;letter-spacing:2px}.desktop-footer span:last-child{letter-spacing:3px;color:#a5bece}.form-error{font-size:12px;color:#bd3535;line-height:1.65;background:#fff5f4;border:1px solid #f3d8d5;padding:9px 11px;border-radius:5px;margin:0}.success{text-align:center;padding:18px 0 35px;outline:none}.success-check{height:64px;width:64px;background:#edf8f2;color:#309265;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px}.success-check svg{height:30px;width:30px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.success h2{font-size:22px;font-weight:600;margin:0 0 16px}.success p{font-size:13px;color:#69788a;line-height:1.8;overflow-wrap:anywhere}.success strong{font-weight:500;color:#33465e}.success .receipt{font-size:11px;color:#8c98a7}.receipt span{font-variant-numeric:tabular-nums}.secondary-button{margin-top:24px;height:42px;padding:0 22px;border:1px solid #d5dfeb;border-radius:5px;color:#267ddc;background:#fff}.secondary-button:hover{background:#f4f8fe}button:focus-visible,a:focus-visible{outline:3px solid #74b5ff;outline-offset:3px}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.window{width:480px}.window-body{padding:39px 51px 40px}}@media(max-width:520px){.topbar{padding:0 19px;height:50px}.topbar-right{gap:12px}.site-label,.topbar-divider{display:none}main{min-height:calc(100svh - 96px);padding:28px 18px}.window{width:100%;max-width:410px}.window-body{padding:28px 27px 30px}.form-heading{margin-bottom:26px}.account-icon{width:57px;height:57px;border-radius:14px;margin-bottom:16px}.account-icon svg{width:36px;height:36px}h1{font-size:22px}.input-wrap input{font-size:16px;height:48px}.desktop-footer{padding:0 20px;height:46px;font-size:9px}.desktop-footer span:last-child{letter-spacing:1.5px}.ridge-back{height:85%;width:200%;left:-56%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}