.portal:has(.login-scene){background:radial-gradient(circle at 13% 18%,#fff8f9 0,transparent 32%),radial-gradient(circle at 88% 73%,#f1f2f6 0,transparent 35%),#fafafb}
.portal:has(.login-scene) .portal-main{display:grid;align-items:center;padding-block:30px 66px}
.login-scene{position:relative;isolation:isolate;overflow:hidden;border:1px solid #e7e7eb;border-radius:30px;background:linear-gradient(135deg,#fff 3%,#fbfbfd 53%,#f6f6f9);box-shadow:0 30px 75px #1e1e3020,0 3px 10px #1e1e3008;min-height:620px}
.login-scene:before{content:'';position:absolute;inset:auto -15% -65% 10%;height:85%;border-radius:50%;background:radial-gradient(ellipse,#d9002e18,transparent 65%);pointer-events:none}
.login-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.78fr);gap:7%;align-items:center;max-width:none;margin:0;padding:42px clamp(30px,6vw,86px)}
.login-intro{position:relative}.login-intro h1{font-size:clamp(35px,3.5vw,48px);line-height:1.13;max-width:15ch;letter-spacing:-1.8px}.portal[dir=rtl] .login-intro h1{letter-spacing:0;line-height:1.45;max-width:16ch}.login-intro>p{font-size:15px;max-width:46ch}.login-intro .eyebrow{color:var(--idb-red-dark)}.login-built{display:none}
.login-visual{position:relative;height:145px;margin-top:18px;perspective:750px;transform-style:preserve-3d;pointer-events:none}.login-plane{position:absolute;left:17%;top:6%;width:min(65%,310px);height:130px;border-radius:19px;box-shadow:0 20px 35px #20202f22;transform:rotateX(48deg) rotateZ(-26deg);animation:login-float 7s ease-in-out infinite}.plane-back{background:#34343e;transform:translate(65px,-26px) rotateX(48deg) rotateZ(-26deg);opacity:.82;animation-delay:-2s}.plane-mid{background:linear-gradient(135deg,#b50a29,#ed2146);transform:translate(32px,12px) rotateX(48deg) rotateZ(-26deg);animation-delay:-1s}.plane-front{background:linear-gradient(140deg,#fff,#fff9fb);border:1px solid #eee3e7;transform:translate(0,48px) rotateX(48deg) rotateZ(-26deg)}.visual-mark{position:absolute;top:29px;left:28px;width:40px;height:8px;border-radius:10px;background:var(--idb-red);box-shadow:13px 17px 0 #24242c}.visual-line{position:absolute;left:28px;bottom:43px;width:48%;height:9px;border-radius:10px;background:#e6e6ea}.visual-line.long{bottom:64px;width:70%;background:#d4d4da}.visual-dot{position:absolute;right:28px;top:25px;width:24px;height:24px;border-radius:50%;background:#ffe6eb;border:5px solid #fff;box-shadow:0 0 0 1px #ffd6de}.login-orbit{position:absolute;border:1px solid #d9acb65e;border-radius:50%;transform:rotateX(67deg) rotateZ(-26deg);animation:login-orbit 12s ease-in-out infinite}.orbit-one{inset:15px 10% 0 8%}.orbit-two{inset:50px 0 20px 0;animation-delay:-5s}
.login-card{position:relative;padding:34px 42px;border-radius:22px;border:1px solid #e8e8ed;background:#fffffff0;box-shadow:0 20px 65px #29293a16,0 4px 9px #29293a09;transform:translateZ(0);animation:login-enter .65s ease-out both}.login-card:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#9d1731,#ee3754);border-radius:22px 22px 0 0}.login-card h2{font-size:27px;margin:0}.login-card-lead{color:var(--muted);font-size:14px;margin:7px 0 25px}.login-card .field{margin-block:18px}.login-card .btn{margin-top:15px;box-shadow:0 10px 20px #9d17312b;transition:transform .2s,box-shadow .2s}.login-card .btn:hover{transform:translateY(-2px);box-shadow:0 14px 25px #9d17313a}.login-security{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.login-card .hint{margin-bottom:0}
@keyframes login-float{50%{translate:0 -11px}}@keyframes login-orbit{50%{opacity:.35;scale:1.04}}@keyframes login-enter{from{opacity:0;transform:translateY(20px) rotateX(5deg)}to{opacity:1;transform:none}}
@media(max-width:900px){.login-layout{gap:30px;padding:48px 35px;grid-template-columns:1fr minmax(310px,.9fr)}.login-visual{height:160px}.login-intro h1{font-size:38px}}
@media(max-width:700px){.login-scene{min-height:0}.login-layout{display:block;padding:34px 24px}.login-intro h1{max-width:22ch!important;font-size:35px}.login-intro>p{margin-bottom:0}.login-visual,.login-built{display:none}.login-card{margin-top:30px;padding:30px 24px}}
@media(prefers-reduced-motion:reduce){.login-plane,.login-orbit,.login-card{animation:none}.login-card .btn{transition:none}.login-card .btn:hover{transform:none}}