:root{color-scheme:dark;--gold:#ffce53;--gold2:#f59315;--ink:#07080e;--muted:#aeb1bc;--border:rgba(255,205,78,.38)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;background:#08090c;color:white;font:400 15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.scene,.shade,.particles{position:fixed;inset:0;pointer-events:none}.scene{background:#090a10 url(robot-bg.webp) center 45% / cover no-repeat;transform:scale(1.045);animation:camera 18s ease-in-out infinite alternate}.shade{background:linear-gradient(180deg,rgba(4,5,10,.96) 0%,rgba(4,5,10,.93) 18%,rgba(4,6,12,.63) 33%,rgba(4,5,10,.34) 62%,rgba(4,5,9,.85) 100%),linear-gradient(90deg,rgba(3,4,9,.5),transparent 25%,transparent 75%,rgba(3,4,9,.5))}.particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffd16b;box-shadow:0 0 14px 4px #e9a82c;left:calc(10% + var(--n,1)*10%);top:100%;animation:float 9s linear infinite}.particles i:nth-child(2){--n:2;animation-delay:-2s}.particles i:nth-child(3){--n:3;animation-delay:-6s}.particles i:nth-child(4){--n:4;animation-delay:-4s}.particles i:nth-child(5){--n:5;animation-delay:-8s}.particles i:nth-child(6){--n:6;animation-delay:-1s}.particles i:nth-child(7){--n:7;animation-delay:-5s}.particles i:nth-child(8){--n:8;animation-delay:-7s}.shell{position:relative;min-height:100svh;max-width:1200px;margin:auto;padding:30px 20px 22px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:22px}.brand{text-align:center;filter:drop-shadow(0 5px 20px rgba(0,0,0,.8));width:min(600px,100%)}.brand-sign{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 22px;border:2px solid rgba(255,189,55,.9);border-radius:17px;background:linear-gradient(140deg,#0a0d17 0%,#15100b 56%,#06090e 100%);box-shadow:inset 0 0 0 3px #151a20,0 0 0 4px rgba(0,0,0,.8),0 0 25px #db8a2580,inset 0 0 20px #a75e1e60;transform:skewX(-3deg)}.brand-mark{font-size:clamp(22px,4vw,37px);color:#ffe08a;text-shadow:0 0 12px var(--gold)}.brand-name{white-space:nowrap;font-weight:1000;letter-spacing:-.065em;line-height:1;font-size:clamp(30px,7vw,64px);color:#fff0b3;text-shadow:0 2px 0 #9c5307,0 5px 0 #512605,0 0 22px #fcb82e}.brand-name>span{color:#ffbc30}.brand-name small{font-size:.49em;letter-spacing:-.04em;color:#ebecf2}.strap{margin:12px 0 0;font-weight:800;letter-spacing:.35em;color:#f7e2b0;font-size:clamp(9px,1.6vw,12px);text-shadow:0 1px 8px #000}.login-card{position:relative;isolation:isolate;width:min(440px,100%);padding:32px 32px 25px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(140deg,rgba(20,21,30,.93),rgba(11,12,19,.91) 58%,rgba(43,24,12,.93));box-shadow:0 25px 90px #000b,0 0 50px #eda42b30,inset 0 1px #fff4;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:rise .75s both}.card-glow{position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:radial-gradient(ellipse at top,rgba(255,194,50,.13),transparent 70%)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;letter-spacing:.19em;font-size:10px;color:var(--gold)}.dot{width:7px;height:7px;border-radius:50%;background:#65ffb7;box-shadow:0 0 11px #65ffb7}.login-card h1{margin:14px 0 4px;font-size:clamp(23px,4vw,29px);line-height:1.2;letter-spacing:-.04em;text-align:center}.login-card h1 span{color:var(--gold)}.intro{text-align:center;color:#bfc2cc;font-size:13px;margin:0 0 26px}.login-card form>label{display:block;font-weight:650;font-size:12px;margin:15px 0 8px;color:#e4e2de}.field{display:flex;align-items:center;gap:11px;height:53px;border:1px solid #7a6d5d;border-radius:12px;background:#12131bd9;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #ffc84924}.field-icon{margin-left:15px;color:var(--gold);font-size:20px;width:19px;text-align:center}.field input{font:inherit;color:white;background:none;border:0;outline:0;min-width:0;width:100%;height:100%;font-size:14px}.field input::placeholder{color:#8f919d}.eye{background:none;border:0;margin-right:10px;color:#c4c4c5;padding:7px;cursor:pointer}.eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.eye:hover{color:var(--gold)}.form-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 22px;font-size:12px}.remember{display:flex;gap:7px;align-items:center;cursor:pointer}.remember input{accent-color:#ffbe3d;width:16px;height:16px}.forgot{font-size:11px;color:#c1bec2;text-align:right}.submit{display:flex;align-items:center;justify-content:center;gap:17px;width:100%;min-height:55px;border:1px solid #ffe19c;border-radius:13px;color:#291600;font:850 15px system-ui;letter-spacing:.03em;cursor:pointer;background:linear-gradient(110deg,#f49817 0%,#fff184 48%,#f7ae20 100%);box-shadow:0 8px 24px #ce8f2c43,inset 0 2px 0 #fff9;transition:transform .2s,box-shadow .2s}.submit:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ffc34d80}.submit:active{transform:translateY(0)}.card-bottom{display:flex;align-items:center;gap:11px;margin:22px 0 0;justify-content:center;font-size:9px;color:#999da6;letter-spacing:.18em}.tiny-line{height:1px;flex:1;background:linear-gradient(90deg,transparent,#ba8c37)}.tiny-line:last-child{transform:rotate(180deg)}.alert{padding:10px 12px;color:#ffd2cf;border:1px solid #fc817b60;background:#802d2b45;border-radius:9px;font-size:12px}.footer{text-align:center}.features{display:flex;justify-content:center;gap:clamp(13px,4vw,32px);flex-wrap:wrap;color:#ffe7ad;font-size:11px;font-weight:700;text-shadow:0 2px 9px #000}.footer p{font-size:11px;color:#d1c8bf;margin:14px 0 0}.footer strong{color:var(--gold)}@keyframes camera{from{transform:scale(1.045)}to{transform:scale(1.1)}}@keyframes float{to{transform:translateY(-115vh) translateX(35px);opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media(min-height:850px){.shell{justify-content:space-around}.brand{margin-top:10px}}@media(max-width:640px){.scene{background-image:url(robot-bg-mobile.webp)}.shell{padding:25px 14px 19px;gap:20px}.scene{background-position:center center}.brand-sign{padding:12px 10px;gap:5px}.brand-name{font-size:clamp(30px,8vw,45px)}.login-card{padding:27px 22px 23px;border-radius:18px}.strap{letter-spacing:.2em}.footer{margin-top:auto}}@media(max-width:360px){.brand-name{font-size:27px}.brand-mark{display:none}.login-card{padding:23px 17px}.forgot{max-width:135px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:640px){.login-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-data:reduce){.scene{animation:none}.particles{display:none}}