:root{--login-cyan:#40efff;--login-violet:#8064ff;--login-pink:#ff49bd}
body{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),radial-gradient(900px 680px at -5% -5%,rgba(0,240,255,.33),transparent 58%),radial-gradient(840px 680px at 108% 10%,rgba(255,46,174,.28),transparent 60%),radial-gradient(760px 600px at 45% 110%,rgba(109,78,255,.34),transparent 64%),linear-gradient(145deg,#04101e,#0a1230 45%,#140a2b)!important;background-size:52px 52px,52px 52px,auto,auto,auto,auto}
.wrapper{filter:drop-shadow(0 32px 70px rgba(0,0,0,.22))}
.wrapper::before{content:"QUICKOTP / SECURE ACCESS";display:block;margin:0 auto 14px;text-align:center;color:rgba(210,247,255,.58);font:800 10px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.22em}
.owner-card,.card{border-color:rgba(180,239,255,.26)!important;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.035))!important;box-shadow:0 35px 100px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.22),0 0 0 1px rgba(92,227,255,.04)!important}
.owner-card{isolation:isolate}.owner-card::after{content:"";position:absolute;z-index:-1;inset:auto -25% -55% 20%;height:170px;background:radial-gradient(circle,var(--login-violet),transparent 65%);opacity:.18;filter:blur(10px)}
.owner-title{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:17px!important}.owner-name{font-size:17px!important;letter-spacing:.04em}.owner-avatar{position:relative;transform:translateZ(0)}
.contact-btn{font-size:13px;padding:10px 22px!important}.services-btn{width:max-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin:12px auto 0;padding:8px 14px;border:1px solid rgba(255,80,194,.45);border-radius:999px;background:linear-gradient(110deg,rgba(255,68,188,.16),rgba(88,224,255,.12));color:#f8dfff;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 22px rgba(255,65,183,.16),inset 0 1px rgba(255,255,255,.12);transition:.2s transform,.2s border-color,.2s box-shadow}.services-btn span{color:var(--login-cyan)}.services-btn:hover{transform:translateY(-2px);border-color:var(--login-cyan);box-shadow:0 0 28px rgba(57,231,255,.24)}
.card h2::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#5dffb2;box-shadow:0 0 14px #5dffb2;vertical-align:4px}.input-box input{letter-spacing:.02em}.card button[type=submit]{position:relative;overflow:hidden;font-weight:850;letter-spacing:.03em;background:linear-gradient(110deg,#1578f4,#655eff 62%,#8f59ff)!important}.card button[type=submit]::after{content:"→";position:absolute;right:23px;font-size:19px;transition:.2s transform}.card button[type=submit]:hover::after{transform:translateX(4px)}
.login-scene{position:fixed;z-index:0;inset:0;pointer-events:none;overflow:hidden}.scene-orbit{position:absolute;border:1px solid rgba(93,231,255,.16);border-radius:50%;box-shadow:inset 0 0 55px rgba(70,103,255,.06),0 0 55px rgba(61,223,255,.05);animation:sceneSpin 22s linear infinite}.orbit-one{width:460px;height:460px;left:calc(50% - 680px);top:18%}.orbit-two{width:380px;height:380px;right:calc(50% - 620px);bottom:12%;border-color:rgba(255,73,189,.14);animation-direction:reverse}.scene-orbit::before,.scene-orbit::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--login-cyan);box-shadow:0 0 22px var(--login-cyan)}.scene-orbit::before{left:48px;top:48px}.scene-orbit::after{right:38px;bottom:75px;background:var(--login-pink);box-shadow:0 0 22px var(--login-pink)}
.scene-chip{position:absolute;min-width:145px;padding:13px 15px 13px 37px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(8,15,41,.48);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.25);animation:sceneFloat 6s ease-in-out infinite}.scene-chip i{position:absolute;left:15px;top:17px;width:8px;height:8px;border-radius:50%;background:#59ffb0;box-shadow:0 0 12px #59ffb0}.scene-chip b,.scene-chip small{display:block}.scene-chip b{font-size:10px;letter-spacing:.15em}.scene-chip small{margin-top:4px;color:#858ba7;font-size:9px}.chip-one{left:6%;top:21%}.chip-two{right:6%;top:30%;animation-delay:-2s}.chip-three{right:9%;bottom:17%;animation-delay:-4s}.chip-two i{background:var(--login-violet);box-shadow:0 0 12px var(--login-violet)}.chip-three i{background:var(--login-pink);box-shadow:0 0 12px var(--login-pink)}
@keyframes sceneFloat{50%{transform:translateY(-15px)}}@keyframes sceneSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.scene-chip,.scene-orbit{opacity:.42}.chip-one{left:-35px}.chip-two{right:-40px}.chip-three{display:none}}
@media(max-width:650px){.login-scene{display:none}.wrapper::before{margin-top:4px}.services-btn{font-size:9px}.owner-card,.card{box-shadow:0 24px 65px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.18)!important}}
@media(prefers-reduced-motion:reduce){.scene-orbit,.scene-chip{animation:none!important}}