*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;overflow-x:hidden;color:#eef5ff;background:#06101d}.grid-bg{position:fixed;inset:0;background:linear-gradient(#4b91d912 1px,transparent 1px),linear-gradient(90deg,#4b91d912 1px,transparent 1px),radial-gradient(circle at 18% 20%,#127f9b20,transparent 30%),radial-gradient(circle at 82% 72%,#7043d623,transparent 32%);background-size:48px 48px,48px 48px,auto,auto}.orb{position:fixed;border-radius:50%;filter:blur(8px);pointer-events:none}.orb.one{width:430px;height:430px;left:-200px;top:-180px;background:#168db62b}.orb.two{width:520px;height:520px;right:-230px;bottom:-230px;background:#7545dc2b}.login-shell{position:relative;z-index:1;width:min(1240px,calc(100% - 64px));min-height:100vh;margin:0 auto;padding:48px 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);align-items:center;gap:clamp(52px,7vw,110px)}.visual{position:relative;min-width:0;padding:44px 0 28px}.terminal-tag{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #38e0bf42;border-radius:10px;color:#62e7cd;background:#14c6a615;box-shadow:inset 0 0 20px #28d9bb0b;font-size:11px;font-weight:850;letter-spacing:.16em}.terminal-tag i,.persistent i{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#2addbb;box-shadow:0 0 15px #2addbb}.visual h1{position:relative;z-index:2;max-width:780px;margin:32px 0 20px;font-size:clamp(50px,5.1vw,76px);line-height:.98;letter-spacing:-.055em}.visual h1 span{display:inline-block;padding-right:.06em;background:linear-gradient(90deg,#2ddcba,#49a4f2 52%,#a36ff0);background-clip:text;-webkit-background-clip:text;color:transparent}.visual>p{position:relative;z-index:2;max-width:580px;margin:0;color:#91a4bf;font-size:16px;line-height:1.65}.robot{position:absolute;z-index:3;width:140px;right:-8px;top:82px;filter:drop-shadow(0 24px 34px #29d3b525)}.antenna{width:3px;height:28px;margin:auto;background:#54759d}.antenna i{display:block;width:11px;height:11px;transform:translate(-4px,-5px);border-radius:50%;background:#29d9b7;box-shadow:0 0 18px #29d9b7}.robot-head{position:relative;height:96px;display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #426a9a;border-radius:34px;background:linear-gradient(145deg,#172e4b,#0a182a)}.eye{width:27px;height:20px;display:grid;place-items:center;border-radius:50%;background:#174256}.eye i{width:9px;height:9px;border-radius:50%;background:#39e0c0;box-shadow:0 0 14px #39e0c0}.scanner{position:absolute;left:25px;right:25px;bottom:17px;height:2px;background:linear-gradient(90deg,transparent,#42e2c2,transparent)}.robot-body{width:100px;height:56px;margin:8px auto 0;border:1px solid #426a9a;border-radius:12px 12px 24px 24px;background:#0d1d30;text-align:center}.robot-body span{display:block;width:32px;height:4px;margin:14px auto 8px;border-radius:4px;background:#805dec;box-shadow:0 0 13px #805dec}.robot-body b{color:#8498b3;font-size:6px}.chart{display:block;width:100%;height:145px;margin-top:58px;overflow:visible}.chart .area{fill:url(#area)}.chart .line{fill:none;stroke:#31ddbb;stroke-width:3;filter:drop-shadow(0 0 6px #31ddbbbb)}.login-card{position:relative;width:100%;padding:38px;border:1px solid #6f95c73d;border-radius:26px;background:linear-gradient(145deg,#12253cf7,#091525f7);box-shadow:0 30px 80px #0008,inset 0 1px #ffffff08}.login-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#39dbbb0b,transparent 45%,#815ce910)}.shield{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#287be9,#7546df 60%,#15af91);box-shadow:0 12px 28px #503fd34a;font-size:20px;font-weight:900}.access-label{display:block;margin-top:24px;color:#35daba;font-size:10px;font-weight:850;letter-spacing:.16em}.login-card h2{margin:8px 0 5px;font-size:32px;letter-spacing:-.035em}.login-card>p{margin:0 0 26px;color:#879ab5;font-size:13px}.login-card label{position:relative;z-index:1;display:block;margin-top:17px;color:#96a8c0;font-size:10px;font-weight:800;letter-spacing:.1em}.login-input{display:flex;align-items:center;margin-top:8px;border:1px solid #2b4362;border-radius:12px;background:#071321d9;transition:border-color .2s,box-shadow .2s,transform .2s}.login-input:focus-within{border-color:#35cdb0;box-shadow:0 0 0 4px #35cdb014;transform:translateY(-1px)}.login-input>span{padding-left:14px;color:#3bcdb2;font-size:10px}.login-input input{width:100%;height:50px;padding:0 13px;border:0;outline:0;color:#eef5ff;background:transparent;font-size:14px}.login-input button{height:34px;margin-right:8px;padding:0 10px;border:0;border-radius:8px;color:#91a5c0;background:#ffffff0f;cursor:pointer;font-size:9px;font-weight:800}.login-button{position:relative;z-index:1;width:100%;height:52px;margin-top:25px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;color:#fff;background:linear-gradient(110deg,#19a98a,#267cdc 55%,#7548df);box-shadow:0 14px 28px #215ca334;cursor:pointer;font-weight:850;letter-spacing:.025em;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #215ca34d}.persistent{position:relative;z-index:1;margin-top:19px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7f92ad;font-size:10px;line-height:1.45;text-align:center}.persistent i{width:6px;height:6px}.login-error{position:relative;z-index:1;padding:11px 13px;border:1px solid #8d4056;border-radius:10px;color:#ffabc0;background:#dc3e571a;font-size:12px}
@media(max-width:1050px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:44px}.visual h1{font-size:clamp(46px,6vw,64px)}.robot{width:118px;right:-10px;top:115px}}
@media(max-width:820px){.login-shell{width:min(600px,calc(100% - 32px));grid-template-columns:1fr;gap:26px;padding:40px 0}.visual{padding:20px 0 0;text-align:center}.visual h1,.visual>p{margin-left:auto;margin-right:auto}.robot{position:relative;width:125px;inset:auto;margin:28px auto -8px}.chart{height:105px;margin-top:10px}.login-card{width:min(440px,100%);margin:0 auto}}
@media(max-width:480px){.login-shell{width:calc(100% - 24px);padding:22px 0 30px}.visual h1{margin-top:24px;font-size:clamp(40px,12vw,50px)}.visual>p{font-size:14px}.robot{width:108px}.chart{height:80px}.login-card{padding:28px 20px;border-radius:21px}}