/* PRIZRAK AI authentication pages. Loaded in <head> to prevent unstyled flashes. */
body.auth-page{--pa-cyan:#35ddff;--pa-violet:#8a63ff;max-width:100%;overflow-x:hidden;overflow-x:clip;background:#050817;color:#f7f9ff}
body.auth-page #root{min-height:100vh;background:#050817}
body.auth-page header{position:relative;z-index:1000;background:radial-gradient(circle at 18% 0%,rgba(36,221,255,.08),transparent 34%),linear-gradient(180deg,rgba(5,8,22,.98),rgba(3,6,17,.98))!important;border-bottom:1px solid rgba(71,221,255,.34)!important;box-shadow:0 12px 38px rgba(0,0,0,.3),inset 0 -1px 0 rgba(112,236,255,.1)!important}
body.auth-page header::after{height:2px!important;background:linear-gradient(90deg,rgba(36,221,255,.18),#24ddff 42%,#8b5cff 70%,rgba(139,92,255,.12))!important;box-shadow:0 0 18px rgba(36,221,255,.34)!important}
body.auth-page header .container{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;place-items:center stretch!important;align-items:center!important;min-height:106px!important;max-width:1440px!important;padding:10px clamp(18px,4vw,64px)!important;gap:22px!important}
body.auth-page header .container>a:first-child{justify-self:start!important;display:flex!important;align-items:center!important;width:auto!important;height:auto!important;min-width:0!important;gap:18px!important;color:#77e9ff!important;text-decoration:none!important}
body.auth-page header .container>a:first-child img.site-brand__mark{position:static!important;left:auto!important;width:82px!important;height:82px!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 8px 22px rgba(0,0,0,.28))!important}
body.auth-page button.nav-toggle{display:block!important;position:relative!important;right:auto!important;top:auto!important;justify-self:end!important;width:44px!important;height:44px!important;padding:5px 2px!important;border-radius:0!important;background:transparent!important;z-index:9999!important}
body.auth-page button.nav-toggle .bar1,body.auth-page button.nav-toggle .bar2,body.auth-page button.nav-toggle .bar3{display:block!important;width:100%!important;height:2px!important;margin:9px 0!important;background:#fff!important;box-shadow:0 0 10px rgba(106,238,255,.24)!important;transition:transform .28s ease,opacity .22s ease!important}
body.auth-page header nav#navbar{position:fixed!important;inset:0 0 0 auto!important;width:min(420px,92vw)!important;height:100vh!important;height:100dvh!important;padding:132px 34px 40px!important;background:radial-gradient(circle at 50% 0%,rgba(36,221,255,.12),transparent 30%),linear-gradient(180deg,rgba(6,10,27,.99),rgba(3,6,17,.995))!important;border-left:1px solid rgba(88,224,255,.2)!important;box-shadow:-28px 0 80px rgba(0,0,0,.48)!important;transform:translateX(105%)!important;transition:transform .32s cubic-bezier(.2,.7,.25,1)!important;overflow-y:auto!important;z-index:9998!important}
body.auth-page header nav#navbar[data-visible="true"]{transform:translateX(0)!important}
body.auth-page header nav#navbar>ul{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
body.auth-page header nav#navbar>ul>li{width:100%!important;text-align:left!important}
body.auth-page header nav#navbar>ul>li>a{display:block!important;width:100%!important;padding:12px 14px!important;border-radius:12px!important;font-size:16px!important;line-height:1.35!important}
body.auth-page main{position:relative;isolation:isolate;min-height:760px;padding:0!important;overflow:hidden;background:radial-gradient(circle at 8% 10%,rgba(32,208,246,.18),transparent 26%),radial-gradient(circle at 90% 18%,rgba(128,86,255,.19),transparent 30%),linear-gradient(180deg,#050817,#070b1c 72%,#040713)}
body.auth-page main::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(91,221,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,221,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(5,8,23,.88),rgba(5,8,23,.52)),url('/images/photos/shares/fon/r.png');background-size:72px 72px,72px 72px,cover,cover;background-position:center,center,center,center;mask-image:linear-gradient(to bottom,black 82%,transparent)}
body.auth-page main>.container{position:relative;z-index:1;width:min(1180px,calc(100% - 48px))!important;max-width:1180px!important;min-height:760px!important;display:grid!important;grid-template-columns:minmax(0,590px) minmax(300px,1fr)!important;align-items:center!important;gap:64px!important;margin:0 auto!important;padding:64px 0 76px!important}
body.auth-page main>.container::after{content:"";grid-column:2;grid-row:1;align-self:stretch;min-height:560px;border:1px solid rgba(106,225,255,.17);border-radius:36px;background:radial-gradient(circle at 50% 36%,rgba(48,216,249,.27),transparent 23%),radial-gradient(circle at 50% 50%,rgba(131,86,255,.25),transparent 47%),url('/html/static/media/logo.png') center/310px auto no-repeat,linear-gradient(145deg,rgba(10,24,52,.74),rgba(21,14,60,.72));box-shadow:0 35px 100px rgba(0,0,0,.3),inset 0 0 80px rgba(55,213,247,.04)}
body.auth-page main>.container>.row{grid-column:1;grid-row:1;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.auth-page main>.container>.row>.col-md-8{width:100%!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important}
body.auth-page main>.container>br{display:none!important}
body.auth-page main .card{position:relative;width:100%!important;margin:0!important;padding:36px!important;overflow:hidden;border:1px solid rgba(108,225,255,.19)!important;border-radius:30px!important;background:linear-gradient(145deg,rgba(12,21,48,.94),rgba(8,12,31,.92))!important;box-shadow:0 28px 90px rgba(0,0,0,.38),0 0 65px rgba(37,205,241,.08)!important;color:#f7f9ff!important}
body.auth-page main .card::after{content:"";position:absolute;width:230px;height:230px;right:-130px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(93,217,255,.15),transparent 68%);pointer-events:none}
body.auth-page main .card-header{position:relative;margin:0 0 28px!important;padding:26px 0 0!important;border:0!important;background:transparent!important;color:#fff!important;font-size:clamp(34px,3.2vw,47px)!important;font-weight:850!important;line-height:1.05!important;letter-spacing:-1.4px!important}
body.auth-page main .card-header::before{content:"PRIZRAK AI";position:absolute;left:0;top:0;color:#72eaff;font-size:11px;font-weight:850;line-height:1;letter-spacing:2.2px;text-transform:uppercase;text-shadow:0 0 16px rgba(53,221,255,.32)}
body.auth-page main .card-body{margin:0!important;padding:0!important;background:transparent!important}
body.auth-page main .card form>br{display:none!important}
body.auth-page main .card .form-group.row{display:block!important;width:100%!important;height:auto!important;margin:0 0 18px!important;padding:0!important}
body.auth-page main .card .form-group.row.mb-0{margin-top:24px!important;margin-bottom:0!important}
body.auth-page main .card .form-group>[class*="col-md-"]{position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;flex:none!important;margin:0!important;padding:0!important}
body.auth-page main .card label{display:block!important;width:100%!important;margin:0 0 8px!important;padding:0!important;color:#9eacc2!important;font-size:12px!important;font-weight:750!important;line-height:1.3!important;letter-spacing:1.25px!important;text-align:left!important;text-transform:uppercase!important}
body.auth-page main .card input.form-control{width:100%!important;height:56px!important;margin:0!important;padding:0 17px!important;border:1px solid rgba(123,210,255,.2)!important;border-radius:15px!important;outline:none!important;background:rgba(5,10,27,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;color:#fff!important;font-size:16px!important;line-height:56px!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
body.auth-page main .card input.form-control:focus{border-color:rgba(65,220,255,.7)!important;background:rgba(8,16,38,.9)!important;box-shadow:0 0 0 4px rgba(53,221,255,.1),0 0 28px rgba(53,221,255,.08)!important}
body.auth-page main .card input.form-control:-webkit-autofill,body.auth-page main .card input.form-control:-webkit-autofill:hover,body.auth-page main .card input.form-control:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;box-shadow:0 0 0 1000px #081126 inset,0 0 0 4px rgba(53,221,255,.08)!important;transition:background-color 9999s ease-out 0s!important}
body.auth-page main .card .invalid-feedback{display:block;margin:7px 0 0;color:#ff91a7;font-size:12px;line-height:1.45}
body.auth-page main .card .pointer{right:16px!important;left:auto!important;top:50%!important;margin:0!important;transform:translateY(-50%)!important;color:#89a0bc!important}
body.auth-page main .card .btn{display:flex!important;width:100%!important;min-height:54px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:14px 20px!important;border-radius:15px!important;font-size:15px!important;font-weight:850!important;line-height:1.2!important;letter-spacing:.35px!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
body.auth-page main .card .btn:hover{transform:translateY(-2px)!important}
body.auth-page main .card .btn-primary{border:0!important;background:linear-gradient(105deg,#19ccee,#7e5eff)!important;box-shadow:0 16px 42px rgba(25,204,238,.22)!important;color:#fff!important}
body.auth-page main .card .btn-link{margin-top:11px!important;border:1px solid rgba(120,220,255,.18)!important;background:rgba(5,11,29,.6)!important;color:#9defff!important}
body.auth-page .auth-status-icon{display:grid;width:62px;height:62px;place-items:center;margin:0 0 20px;border:1px solid rgba(92,225,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(37,211,244,.15),rgba(126,94,255,.14));color:#68e8ff;font-size:26px;box-shadow:0 14px 36px rgba(30,208,242,.1)}
body.auth-page .auth-status-copy{margin:0 0 20px;color:#aebbd0;font-size:16px;line-height:1.7}
body.auth-page .auth-status-email{display:block;margin:18px 0;padding:14px 16px;border:1px solid rgba(88,221,255,.18);border-radius:14px;background:rgba(4,10,27,.62);color:#eaf9ff;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
body.auth-page .auth-status-note{margin:16px 0 0;color:#7f8ca4;font-size:13px;line-height:1.65}
body.auth-page .auth-status-success{margin:15px 0;padding:12px 14px;border:1px solid rgba(81,230,184,.22);border-radius:12px;background:rgba(22,147,113,.12);color:#9ff0d3;font-size:13px;line-height:1.5}
body.auth-page .auth-status-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:26px}
body.auth-page .auth-status-actions form{margin:0}
body.auth-page .auth-status-actions .btn{height:100%}
body.auth-page .auth-status-actions--single{grid-template-columns:1fr}
body.auth-page .accent-end{display:none!important}
body.auth-page footer{position:relative;z-index:2;padding-top:0!important;background:#040713!important}
body.auth-page footer .txt-center{max-width:1180px;margin:0 auto!important;padding:24px 18px!important;border-top:1px solid rgba(105,224,255,.16)!important;color:#73829a!important;font-size:12px!important;line-height:1.7!important}
body.auth-page footer .txt-center a{color:#8ddff0!important}
@media(min-width:1200px){
body.auth-page header .container{grid-template-columns:auto minmax(0,1fr)!important;max-width:1800px!important;padding-inline:clamp(24px,3vw,56px)!important;gap:clamp(18px,2vw,38px)!important}
body.auth-page button.nav-toggle{display:none!important}
body.auth-page header nav#navbar{position:static!important;inset:auto!important;justify-self:stretch!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important;z-index:auto!important}
body.auth-page header nav#navbar[data-visible="true"],body.auth-page header nav#navbar[data-visible="false"]{transform:none!important}
body.auth-page header nav#navbar>ul{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:clamp(4px,.65vw,13px)!important}
body.auth-page header nav#navbar>ul>li{width:auto!important;flex:0 0 auto!important;text-align:center!important}
body.auth-page header nav#navbar>ul>li>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;padding:8px clamp(5px,.55vw,11px)!important;font-size:clamp(12px,.9vw,16px)!important;line-height:1.25!important;white-space:nowrap!important}
}
@media(min-width:1200px) and (max-width:1499px){
body.auth-page header .container>a:first-child img.site-brand__mark{width:62px!important;height:62px!important}
body.auth-page header nav#navbar>ul{gap:3px!important}
body.auth-page header nav#navbar>ul>li>a{padding-inline:5px!important;font-size:12px!important}
}
@media(max-width:1000px){
body.auth-page main>.container{grid-template-columns:1fr!important;width:min(680px,calc(100% - 40px))!important;gap:0!important;padding:52px 0 70px!important}
body.auth-page main>.container::after{display:none!important}
body.auth-page main>.container>.row{grid-column:1!important}
}
@media(max-width:720px){
body.auth-page header .container{min-height:90px!important;padding:8px 12px!important;gap:9px!important}
body.auth-page header .container>a:first-child{gap:9px!important}
body.auth-page header .container>a:first-child img.site-brand__mark{width:56px!important;height:56px!important}
body.auth-page button.nav-toggle{width:34px!important;height:40px!important}
body.auth-page button.nav-toggle .bar1,body.auth-page button.nav-toggle .bar2,body.auth-page button.nav-toggle .bar3{margin:8px 0!important}
body.auth-page header nav#navbar{width:min(360px,92vw)!important;padding:108px 22px 32px!important}
body.auth-page main{min-height:calc(100vh - 90px)!important}
body.auth-page main>.container{width:calc(100% - 28px)!important;min-height:calc(100vh - 90px)!important;padding:34px 0 50px!important}
body.auth-page main .card{padding:25px 20px!important;border-radius:23px!important}
body.auth-page main .card-header{margin-bottom:24px!important;font-size:32px!important;letter-spacing:-.8px!important}
body.auth-page main .card .form-group.row{margin-bottom:16px!important}
body.auth-page main .card input.form-control{height:54px!important;font-size:16px!important;line-height:54px!important}
body.auth-page .auth-status-actions{grid-template-columns:1fr}
}
@media(max-width:360px){
body.auth-page header .container>a:first-child img.site-brand__mark{width:50px!important;height:50px!important}
body.auth-page main .card{padding:23px 16px!important}
}
@media(prefers-reduced-motion:reduce){
body.auth-page *{scroll-behavior:auto!important}
}
