.space{z-index:0;pointer-events:none;background:var(--raven-bg);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.space:before{content:"";filter:blur(10px);background:radial-gradient(rgba(124,92,255,.5) 0%,rgba(76,29,149,.32) 35%,transparent 70%);width:120vw;height:90vh;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.space-grid{background-image:linear-gradient(rgba(167,139,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,250,.05) 1px,transparent 1px);background-size:14px 14px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 0%,transparent 65%);mask-image:radial-gradient(at 50% 20%,#000 0%,transparent 65%)}.space canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.space-planet{background:radial-gradient(circle at 50% 0%,#120a2a 0%,#07040f 10%,var(--raven-bg)28%);border-radius:50%;width:300vw;height:300vw;position:absolute;top:42vh;left:50%;transform:translate(-50%);box-shadow:0 -2px rgba(216,200,255,.9),0 -10px 30px rgba(167,139,250,.9),0 -40px 120px rgba(124,92,255,.8),0 -120px 260px rgba(124,92,255,.45)}.space.subtle .space-planet{opacity:.45;top:70vh}.space.subtle:before{opacity:.55}.float-star{z-index:1;filter:drop-shadow(0 0 14px rgba(94,231,240,.55));pointer-events:none;width:46px;height:46px;animation:6s ease-in-out infinite raven-float;position:fixed}.float-star.s1{animation-delay:-1s;top:36%;left:13%}.float-star.s2{width:40px;height:40px;animation-delay:-3s;top:20%;right:17%}.float-star.s3{opacity:.7;width:28px;height:28px;animation-delay:-4.5s;bottom:14%;right:9%}@keyframes raven-float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-16px)rotate(8deg)}}.app-icon{background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.6),transparent 45%),linear-gradient(150deg,#a5f3fc 0%,#5ee7f0 28%,#38bdf8 60%,#6366f1 100%);border-radius:28%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 -6px 18px rgba(255,255,255,.28),0 18px 50px rgba(99,102,241,.55),0 0 60px rgba(94,231,240,.35)}.login-wrap{z-index:2;width:100%;max-width:400px;margin-top:56px;position:relative}.login-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(rgba(40,22,85,.55) 0%,rgba(12,8,28,.78) 45%,rgba(8,6,18,.88) 100%);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:80px 32px 30px;animation:.8s cubic-bezier(.2,.8,.2,1) both raven-rise;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px rgba(255,255,255,.06)}@keyframes raven-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.login-card .app-icon{width:104px;height:104px;position:absolute;top:-52px;left:50%;transform:translate(-50%)}.login-field{margin-bottom:14px;position:relative}.login-field input{background:var(--raven-field);border:1px solid var(--raven-field-border);width:100%;height:46px;color:var(--raven-text);border-radius:10px;outline:none;padding:0 44px 0 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:var(--raven-text-dim)}.login-field input:focus{border-color:var(--raven-violet-soft);box-shadow:0 0 0 3px rgba(124,92,255,.22)}.login-field .field-icon{color:var(--raven-text-dim);display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-field button.field-icon{cursor:pointer;background:0 0;border:0}.login-field button.field-icon:hover{color:var(--raven-text-muted)}.login-submit{letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(at 15% 20%,rgba(255,255,255,.5),transparent 50%),linear-gradient(90deg,#c4b5fd 0%,#7c5cff 60%,#6d4dff 100%);border:0;width:100%;height:46px}.social-btn{background:rgba(20,16,40,.9);border:1px solid rgba(255,255,255,.08);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:border-color .2s,transform .15s;display:flex;position:relative}.social-btn:not(:disabled):hover{border-color:var(--raven-violet-soft);transform:translateY(-1px)}.social-btn:disabled{cursor:not-allowed;opacity:.5}.social-btn[data-tip]:hover:after{content:attr(data-tip);white-space:nowrap;color:var(--raven-text);background:#1b1535;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@media (max-width:640px){.float-star{display:none}.login-card{padding:76px 22px 26px}}.login-art-item{--tilt:0deg;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6));animation:7s ease-in-out infinite art-float;position:absolute}@keyframes art-float{0%,to{transform:translateY(0)rotate(var(--tilt))}50%{transform:translateY(-14px)rotate(calc(var(--tilt) + 1.5deg))}}.login-car-bg{-webkit-mask-composite:source-in;animation:14s ease-in-out infinite car-breathe;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%),linear-gradient(transparent 0%,#000 14%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%),linear-gradient(transparent 0%,#000 14%,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@keyframes car-breathe{0%,to{filter:brightness(1.05);transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.025)}}.login-art-screen{mix-blend-mode:screen}.login-chess{animation-name:art-float,chess-shine;animation-duration:8s,3.2s;-webkit-mask-image:radial-gradient(64% 70% at 50% 48%,#000 60%,transparent 100%);mask-image:radial-gradient(64% 70% at 50% 48%,#000 60%,transparent 100%)}@keyframes chess-shine{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.glint{opacity:0;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 0,transparent 46%,#fff 50%,transparent 54%,transparent 100%),linear-gradient(0deg,transparent 0,transparent 46%,#fff 50%,transparent 54%,transparent 100%),radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(255,255,255,.95) 6%,rgba(200,215,255,.35) 18%,transparent 45%);width:34px;height:34px;margin:-17px 0 0 -17px;animation:2.4s ease-in-out infinite glint;position:absolute}.glint.small{width:20px;height:20px;margin:-10px 0 0 -10px}@keyframes glint{0%,to{opacity:0;transform:scale(.3)rotate(0)}45%{opacity:1;transform:scale(1)rotate(20deg)}60%{opacity:.6;transform:scale(.8)rotate(35deg)}}