*{box-sizing:border-box}
:root{
    --navy:#0a214f;
    --navy-2:#112d63;
    --navy-3:#183b79;
    --brick:#5b3538;
    --brick-2:#47272b;
    --panel:#eeedf0;
    --panel-2:#f8f8f9;
    --text:#202431;
    --muted:#8a8f9c;
    --red:#c65d58;
    --red-2:#b44c48;
    --red-soft:#f0d4d2;
    --green:#56c77f;
    --line:#d2d3d8;
    --shadow:0 38px 90px rgba(0,0,0,.30)
}
html{min-height:100%;background:var(--navy)}
body.street-rp-page{margin:0;min-height:100vh;overflow-x:hidden;color:#fff;background:linear-gradient(180deg,#081b43 0%,#0e2859 54%,#15366f 100%);font-family:"Inter",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input{font:inherit}button{border:0}.street-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#081d4a 0%,#10295b 58%,#173773 100%)}
.night-glow{position:absolute;left:50%;bottom:120px;width:880px;height:280px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(96,129,205,.22),rgba(96,129,205,0) 70%);filter:blur(8px)}
.cloud{position:absolute;height:13px;border-radius:999px;background:#59698c;opacity:.82;box-shadow:inset 0 -2px 0 rgba(0,0,0,.22)}
.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:#59698c}.cloud:before{width:17px;height:17px;left:5px;bottom:3px}.cloud:after{width:22px;height:22px;right:5px;bottom:2px}.cloud-1{top:94px;left:22%;width:42px}.cloud-2{top:103px;left:26%;width:18px;transform:scale(.65)}.cloud-3{top:162px;right:5%;width:48px}.cloud-4{top:205px;left:-7px;width:52px}
.far-city{position:absolute;left:0;right:0;bottom:164px;height:90px;opacity:.48;background:repeating-linear-gradient(90deg,#102657 0 18px,#16306a 18px 32px,#0d234e 32px 48px,#1a3a78 48px 64px);clip-path:polygon(0 100%,0 78%,3% 78%,3% 61%,5% 61%,5% 75%,9% 75%,9% 57%,11% 57%,11% 72%,15% 72%,15% 63%,19% 63%,19% 80%,23% 80%,23% 54%,27% 54%,27% 72%,32% 72%,32% 61%,36% 61%,36% 78%,42% 78%,42% 55%,45% 55%,45% 72%,51% 72%,51% 58%,55% 58%,55% 80%,62% 80%,62% 63%,66% 63%,66% 77%,71% 77%,71% 56%,75% 56%,75% 72%,81% 72%,81% 62%,86% 62%,86% 79%,91% 79%,91% 57%,95% 57%,95% 74%,100% 74%,100% 100%)}
.city-fence{position:absolute;left:0;right:0;bottom:94px;height:72px;border-top:2px solid #858a9b;border-bottom:2px solid #6f7382;background:repeating-linear-gradient(90deg,transparent 0 79px,#999cab 79px 82px),repeating-linear-gradient(45deg,rgba(198,201,211,.32) 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,rgba(198,201,211,.32) 0 2px,transparent 2px 8px),linear-gradient(180deg,transparent 0 52px,#76727b 52px 100%);background-position:0 0,0 16px,0 16px,0 0;background-size:auto,20px 20px,20px 20px,auto}
.street-building{position:absolute;bottom:94px;background:repeating-linear-gradient(0deg,transparent 0 16px,rgba(255,255,255,.05) 16px 17px),repeating-linear-gradient(90deg,var(--brick) 0 18px,var(--brick-2) 18px 36px);box-shadow:inset 0 0 0 2px rgba(0,0,0,.28),inset 0 -8px 0 rgba(0,0,0,.12)}
.street-building:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:#777882;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}.left-main{left:0;width:130px;height:168px}.left-low{left:150px;width:250px;height:116px}.right-low{right:188px;width:210px;height:106px}.right-main{right:7px;width:145px;height:176px}.roof-detail{position:absolute;top:-17px;left:32px;width:44px;height:8px;background:#5f616a;border:2px solid #393a42}.wall-window{position:absolute;width:24px;height:30px;top:31px;left:30px;background:#2f365e;border:2px solid #1f233d;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06)}.wall-window.w2{left:73px}.shop-awning{position:absolute;left:0;bottom:34px;width:72px;height:18px;background:repeating-linear-gradient(90deg,#c25e57 0 12px,#e89b91 12px 24px)}.shop-door{position:absolute;left:49px;bottom:0;width:27px;height:48px;background:#4a5268;border:2px solid #303646}.garage-door{position:absolute;left:78px;bottom:0;width:46px;height:50px;background:repeating-linear-gradient(0deg,#45484f 0 8px,#565961 8px 10px)}.wall-lamp{position:absolute;left:65px;top:-19px;width:2px;height:39px;background:#252932;box-shadow:14px 10px 0 -1px #252932}.wall-lamp:after{content:"";position:absolute;left:10px;top:20px;width:9px;height:9px;border-radius:50%;background:#f7d36d;box-shadow:0 0 16px rgba(247,211,109,.5)}.street-bench{position:absolute;left:57px;bottom:13px;width:52px;height:9px;background:#75562f;box-shadow:0 -7px 0 #8e693a,-14px 3px 0 -5px #4b3a29,30px 3px 0 -5px #4b3a29}.wall-plant{position:absolute;width:26px;height:36px;border-radius:50%;background:#2c7435;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}.p1{right:-7px;top:19px}.p2{right:-8px;top:27px}.graffiti-mark{position:absolute;left:50px;top:35px;width:95px;height:32px;opacity:.78;background:radial-gradient(circle at 18% 52%,#df8c39 0 11px,transparent 12px),radial-gradient(circle at 42% 43%,#a83f69 0 14px,transparent 15px),radial-gradient(circle at 66% 56%,#d0af32 0 11px,transparent 12px),radial-gradient(circle at 85% 48%,#50985a 0 10px,transparent 11px)}
.street-tree{position:absolute;bottom:94px;width:28px;height:110px;clip-path:polygon(50% 0,87% 18%,100% 45%,88% 100%,12% 100%,0 48%,15% 18%);background:linear-gradient(180deg,#2f813b,#205f2a);box-shadow:0 0 0 4px rgba(0,0,0,.04)}.street-tree:after{content:"";position:absolute;left:50%;bottom:-15px;width:5px;height:18px;transform:translateX(-50%);background:#5a4224}.tree-left{left:162px}.tree-right{right:330px}.sidewalk{position:absolute;left:0;right:0;bottom:50px;height:44px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 52px),linear-gradient(180deg,#bbb6bb,#a8a2a7);box-shadow:inset 0 2px 0 rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.15)}.sidewalk:after{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:rgba(0,0,0,.12)}.road{position:absolute;left:0;right:0;bottom:0;height:50px;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(255,255,255,.25) 26px 54px,transparent 54px 110px),linear-gradient(180deg,#25283a,#161a27);box-shadow:inset 0 3px 0 rgba(255,255,255,.07)}
.street-avatar{position:absolute;bottom:44px;z-index:2;filter:drop-shadow(0 4px 3px rgba(0,0,0,.35))}.street-avatar img{height:66px;width:auto}.avatar-left{left:205px}.avatar-right{right:230px}
.landing-layer{position:relative;z-index:3;min-height:100vh;display:flex;flex-direction:column}.minimal-topbar{height:86px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mini-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important}.mini-logo{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(180deg,#d06a63,#b84d47);box-shadow:inset 0 -2px 0 rgba(0,0,0,.17);font-family:"Nunito",sans-serif;font-size:20px;font-weight:900}.mini-brand>span:last-child{display:flex;flex-direction:column;line-height:1}.mini-brand strong{font-family:"Nunito",sans-serif;font-size:18px;font-weight:900;letter-spacing:.07em}.mini-brand small{margin-top:4px;color:#9caccc;font-size:8px;font-weight:800;letter-spacing:.22em}.server-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px);color:#d6deef;font-size:10px}.server-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(86,199,127,.12)}.login-stage{flex:1;display:grid;place-items:center;padding:15px 24px 100px}.device-shell{position:relative;width:min(900px,calc(100% - 20px));padding:17px;border:4px solid #cb6660;border-radius:43px;background:#ecebef;box-shadow:var(--shadow)}.device-shell:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.65);border-radius:35px;pointer-events:none}.device-top-speaker{position:absolute;top:-7px;left:50%;width:64px;height:5px;transform:translateX(-50%);border-radius:4px 4px 0 0;background:#c65d58}.device-side{position:absolute;right:-7px;width:7px;border-radius:0 5px 5px 0;background:#c65d58}.side-a{top:82px;height:26px}.side-b{top:116px;height:42px}.side-c{bottom:88px;height:31px}.device-notch{position:absolute;left:10px;top:50%;width:20px;height:66px;transform:translateY(-50%);border-radius:999px;background:#0c0d11;box-shadow:inset 0 0 0 2px #1c1e25}.device-home{position:absolute;left:50%;bottom:8px;width:88px;height:5px;transform:translateX(-50%);border-radius:999px;background:#111216}.device-screen{min-height:360px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;align-items:center;padding:34px 32px 31px 48px;border-radius:28px;background:linear-gradient(180deg,#f1f0f4,#e9e8ed);color:var(--text)}.brand-zone{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-emblem{position:relative;width:140px;height:68px;margin-bottom:10px}.emblem-city{position:absolute;left:8px;right:8px;bottom:7px;height:44px;border-radius:23px;background:linear-gradient(180deg,#d47069,#bd514c);box-shadow:inset 0 -5px 0 rgba(0,0,0,.1),0 4px 0 #a43e3a}.emblem-city:before,.emblem-city:after{content:"";position:absolute;bottom:4px;border-radius:50%;background:#9fa7b7}.emblem-city:before{left:68px;width:46px;height:46px}.emblem-city:after{right:4px;width:30px;height:30px;background:#696f7e}.emblem-label{position:absolute;right:0;bottom:0;padding:4px 7px;border-radius:7px;color:#fff;background:#2c3444;font-size:10px;font-weight:900}.brand-title{font-family:"Nunito",sans-serif;font-size:27px;font-weight:900;letter-spacing:.03em}.brand-subtitle{margin-top:2px;color:#8b909b;font-size:9px;font-weight:800;letter-spacing:.18em}.online-badge{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 11px;border:1px solid #9d403d;border-radius:8px;color:#fff;background:linear-gradient(180deg,#cf6661,#b94d49);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 0 #903936;font-size:9px}.online-light{width:7px;height:7px;border-radius:50%;background:#9befa8}.brand-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.brand-stats div{padding:9px 6px;border:1px solid #d4d4d9;border-radius:9px;background:#f6f6f7}.brand-stats strong,.brand-stats span{display:block}.brand-stats strong{font-family:"Nunito",sans-serif;font-size:15px;font-weight:900}.brand-stats span{margin-top:2px;color:#989da8;font-size:7px;font-weight:800;letter-spacing:.08em}.brand-pitch{margin:13px 0 0;max-width:260px;color:#797f8b;font-size:10px;line-height:1.6}.auth-zone{width:100%;max-width:430px;justify-self:center}.auth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.auth-eyebrow{display:block;color:#9b9fab;font-size:8px;font-weight:800;letter-spacing:.14em}.auth-head h1{margin:4px 0 0;font-family:"Nunito",sans-serif;font-size:24px;font-weight:900}.secure-state{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;color:#5d6b66;background:#dde5e1;font-size:8px;font-weight:800}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px;padding:4px;border-radius:10px;background:#d8d8dc}.auth-tab{height:35px;border-radius:7px;color:#696f7b;background:transparent;cursor:pointer;font-size:10px;font-weight:800}.auth-tab.active{color:#fff;background:linear-gradient(180deg,#cf6761,#b94d49);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}.auth-view{display:none}.auth-view.active{display:block}.auth-alert{display:flex;align-items:flex-start;gap:8px;margin-bottom:9px;padding:9px 10px;border-radius:8px;font-size:10px;font-weight:700}.auth-alert.error{color:#9f3f3c;background:#f9dddd;border:1px solid #edbdbc}.auth-alert.success{color:#2f7750;background:#e1f3e8;border:1px solid #bedfc9}.field-label{display:block;margin:8px 0 5px;color:#7e838e;font-size:9px;font-weight:800}.field-wrap{position:relative;height:41px;display:flex;align-items:center;border:1px solid #cfcfd5;border-radius:7px;background:#f8f8f9;box-shadow:inset 0 1px 0 #fff}.field-wrap>i{width:37px;text-align:center;color:#7d8390;font-size:12px}.field-wrap input{width:100%;height:100%;padding:0 11px 0 0;border:0;outline:0;color:#2c313c;background:transparent;font-size:11px}.field-wrap input::placeholder{color:#a3a6ae}.password-toggle{width:37px;height:100%;background:transparent;color:#858b96;cursor:pointer}.register-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rules-line{display:flex!important;align-items:flex-start;gap:8px;margin:11px 0!important;color:#717783;font-size:9px!important;line-height:1.45;font-weight:600!important}.rules-line input{margin-top:2px}.auth-primary,.auth-secondary{width:100%;height:39px;border-radius:6px;cursor:pointer;font-size:10px;font-weight:800}.auth-primary{margin-top:12px;color:#fff;background:linear-gradient(180deg,#cf6660,#b94d48);box-shadow:inset 0 -2px 0 rgba(0,0,0,.13)}.register-primary{margin-top:10px}.auth-secondary{margin-top:8px;color:#444a56;background:linear-gradient(180deg,#dddddf,#cfcfd2)}.auth-primary:hover,.auth-secondary:hover,.auth-tab:hover{filter:brightness(1.03)}.auth-primary.loading,.auth-secondary.loading{opacity:.7;cursor:wait}.street-footer{height:52px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border-top:1px solid rgba(255,255,255,.12);color:#f0d8da;background:rgba(186,76,73,.92);font-size:9px;font-weight:800;letter-spacing:.04em}.footer-divider{opacity:.55}
@media(max-width:980px){.device-screen{grid-template-columns:1fr;gap:22px;padding:34px 38px 33px}.brand-zone{display:none}.auth-zone{max-width:520px}.device-shell{width:min(650px,calc(100% - 20px))}.login-stage{padding-bottom:110px}}
@media(max-width:720px){.minimal-topbar{height:72px;padding:0 16px}.mini-brand small{display:none}.server-pill span:last-child{display:none}.device-shell{width:calc(100% - 10px);padding:12px;border-radius:30px}.device-shell:before{border-radius:24px}.device-screen{padding:27px 18px 31px;border-radius:21px}.device-notch{display:none}.register-columns{grid-template-columns:1fr}.street-avatar.avatar-left{left:50px}.street-avatar.avatar-right{right:70px}.left-low,.right-low{display:none}}
@media(max-width:520px){.mini-brand strong{font-size:15px}.server-pill{padding:7px 9px}.auth-head h1{font-size:21px}.device-screen{min-height:390px}.street-footer{font-size:8px}.footer-divider{display:none}.street-footer span:last-child{display:none}.right-main{opacity:.78}.left-main{opacity:.78}}

/* Blue retro-CMS landing redesign. The original IDs/classes are preserved so
   login and registration continue to use the existing JavaScript unchanged. */
body.street-rp-page{color:#17375e;background:#e6f1f7;font-family:Ubuntu,Arial,sans-serif}
.street-scene{background:linear-gradient(180deg,#e7f3fa 0%,#c9e5f2 100%)}
.night-glow{top:-180px;bottom:auto;width:100%;height:420px;background:radial-gradient(ellipse,rgba(0,129,202,.23),transparent 67%)}
.cloud,.cloud:before,.cloud:after{background:#fff;opacity:.62}.far-city{bottom:0;height:260px;opacity:.1;background:#0a5f9f}.city-fence,.street-building,.street-tree,.sidewalk,.road,.street-avatar{display:none}
.minimal-topbar{height:112px;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(255,255,255,.35);background:linear-gradient(112deg,rgba(2,55,96,.97),rgba(9,115,175,.9)),url('../../img/backgrounds/header-l_v2.png') center/cover;box-shadow:0 2px 9px rgba(6,55,97,.3)}
.mini-brand{gap:12px}.mini-logo{display:block;width:185px;height:88px;object-fit:contain;border-radius:0;background:none;box-shadow:none}.mini-brand>span:last-child{display:none}
.server-pill{padding:10px 15px;border-color:rgba(255,255,255,.28);background:rgba(2,41,79,.32);color:#fff;font-size:12px}.server-dot{background:#64dd78;box-shadow:0 0 0 4px rgba(100,221,120,.15)}
.login-stage{padding:34px 24px 42px}.device-shell{width:min(1160px,calc(100% - 24px));padding:5px;border:4px solid rgba(255,255,255,.92);border-radius:10px;background:linear-gradient(135deg,#087ebb,#38b4df);box-shadow:0 10px 30px rgba(11,77,125,.22)}
.device-shell:before,.device-top-speaker,.device-side,.device-notch,.device-home{display:none}
.device-screen{min-height:420px;grid-template-columns:1.13fr .87fr;gap:0;padding:0;border-radius:5px;background:#fff;color:#18395f;overflow:hidden}
.brand-zone{min-height:420px;align-items:flex-start;justify-content:center;padding:42px 48px;text-align:left;color:#fff;background:linear-gradient(110deg,rgba(1,65,117,.96),rgba(11,134,188,.72)),url('../../img/backgrounds/index3.png') center/cover}
.brand-emblem{width:110px;height:50px;margin:0 0 16px}.emblem-city{background:linear-gradient(180deg,#2dc1df,#1479bb);box-shadow:inset 0 -5px 0 rgba(0,0,0,.1),0 4px 0 #07528b}.emblem-label{background:#0a3564}.brand-title{font-size:38px;letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.15)}.brand-subtitle{color:#d8f3ff;font-size:11px}.online-badge{margin-top:20px;border-color:#2da866;background:linear-gradient(180deg,#42c95f,#229f49);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 0 #137e36}.brand-stats{max-width:390px;gap:9px;margin-top:24px}.brand-stats div{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.93);box-shadow:0 2px 4px rgba(0,0,0,.1)}.brand-stats strong{color:#0b5792;font-size:17px}.brand-stats span{color:#65809a;font-size:8px}.brand-pitch{max-width:410px;margin-top:20px;color:#e6f7ff;font-size:13px;line-height:1.6}
.auth-zone{max-width:none;padding:40px 44px}.auth-head{margin-bottom:18px}.auth-eyebrow{color:#5880a5;font-size:10px}.auth-head h1{color:#0b4d83;font-size:29px}.secure-state{color:#217a48;background:#e1f7e8;font-size:10px}.auth-tabs{margin-bottom:18px;padding:4px;border:1px solid #d7e3ee;background:#eef5fa}.auth-tab{height:39px;color:#55718c;font-size:12px}.auth-tab.active{background:linear-gradient(180deg,#138ac8,#0873b1);box-shadow:inset 0 -2px 0 rgba(0,0,0,.15)}.field-label{margin:11px 0 6px;color:#365d82;font-size:11px}.field-wrap{height:45px;border-color:#c8d9e7;background:#f8fbfd}.field-wrap>i{color:#1687c3;font-size:13px}.field-wrap input{font-size:12px}.register-columns{gap:10px}.rules-line{color:#58718b;font-size:10px!important}.auth-primary,.auth-secondary{height:43px;font-size:12px}.auth-primary{background:linear-gradient(180deg,#16a24f,#16853f);box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}.auth-secondary{color:#0a619c;background:linear-gradient(180deg,#e9f6fc,#d7ebf6);border:1px solid #bed8e8}.street-footer{height:58px;color:#d8efff;background:linear-gradient(90deg,#063c70,#0874ad);font-size:10px}
@media(max-width:800px){.minimal-topbar{height:91px;padding:0 18px}.mini-logo{width:145px;height:70px}.login-stage{padding:20px 12px 32px}.device-screen{grid-template-columns:1fr}.brand-zone{display:flex;min-height:250px;padding:28px 28px}.brand-title{font-size:30px}.auth-zone{padding:28px 24px}.device-shell{width:100%}.brand-pitch{font-size:12px}}
@media(max-width:520px){.server-pill{font-size:10px}.mini-logo{width:122px}.brand-stats{width:100%}.brand-stats div{padding:7px 3px}.auth-zone{padding:24px 16px}.register-columns{grid-template-columns:1fr}.street-footer{height:50px}.brand-zone{min-height:235px}.brand-pitch{display:none}}

/* Dark version of the authentication surfaces: the existing blue landing
   composition, controls and JavaScript behaviour are intentionally unchanged. */
body.street-rp-page{background:#101a26;color:#d7e7f5}.street-scene{background:linear-gradient(180deg,#0e1c2b 0%,#162b3d 100%)}
.device-shell{border-color:#31546d;background:linear-gradient(135deg,#075d91,#1b91bd);box-shadow:0 12px 34px rgba(0,0,0,.38)}
.device-screen{background:#172534;color:#d9e9f5}.brand-zone{background:linear-gradient(110deg,rgba(2,43,80,.98),rgba(6,112,160,.78)),url('../../img/backgrounds/index3.png') center/cover}
.auth-zone{background:#172534}.auth-eyebrow{color:#8fb9d7}.auth-head h1{color:#f0f8ff}.secure-state{color:#9ee4b4;background:#1c3c30}
.auth-tabs{background:#101d2a;border-color:#304d64}.auth-tab{color:#a7c2d7}.auth-tab.active{background:linear-gradient(180deg,#1594d1,#0872af)}
.field-label{color:#bdd4e5}.field-wrap{background:#101e2c;border-color:#38566d;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.field-wrap>i{color:#55bde9}.field-wrap input{color:#e8f4fc}.field-wrap input::placeholder{color:#7896ae}
.rules-line{color:#b1c8d8!important}.auth-secondary{color:#c5e7fb;background:linear-gradient(180deg,#29455a,#20384c);border-color:#41627a}.brand-stats div{border-color:#31506a;background:#1c3041;box-shadow:0 2px 4px rgba(0,0,0,.22)}.brand-stats strong{color:#76cffa}.brand-stats span{color:#a6bfd0}

/* HabNet public/auth skin. Existing form IDs, AJAX actions and page routes are
   deliberately left intact; this only aligns index/register with the CMS. */
body.street-rp-page{background:#061521;color:#eef8ff}.street-scene{background:radial-gradient(ellipse at 50% -15%,#126295 0%,#071c2e 53%,#040d16 100%)}
.street-scene:after{content:'';position:absolute;inset:0;background:url('../../img/habnet/header/topbg.png') top center/cover no-repeat;opacity:.28;mix-blend-mode:screen}.night-glow{background:radial-gradient(ellipse,rgba(58,164,222,.25),transparent 70%)}
.minimal-topbar{position:relative;z-index:2;height:104px;border-bottom:1px solid rgba(159,213,243,.16);background:rgba(5,20,35,.62);backdrop-filter:blur(14px)}
.mini-logo{width:180px;height:82px;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(0,0,0,.22))}.server-pill{background:rgba(255,255,255,.08);border-color:rgba(177,226,250,.23);font-size:12px}
.device-shell{border:1px solid rgba(147,213,245,.28);padding:1px;border-radius:18px;background:rgba(7,31,49,.75);box-shadow:0 26px 70px rgba(0,0,0,.42);backdrop-filter:blur(19px)}
.device-screen{min-height:455px;border-radius:17px;background:rgba(10,29,46,.89);color:#e7f5ff}.brand-zone{background:linear-gradient(110deg,rgba(5,29,52,.92),rgba(19,112,164,.54)),url('../../img/habnet/header/topbg.png') center/cover}.brand-title{color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.22)}.brand-subtitle{color:#8ed6f7}.brand-pitch{color:#cae8f6}.online-badge{border-color:rgba(115,232,158,.5);background:linear-gradient(180deg,#43c876,#1e9650)}
.auth-zone{background:rgba(10,27,43,.6)}.auth-head h1{color:#fff}.auth-eyebrow{color:#87cae9}.secure-state{background:rgba(45,152,90,.22);color:#a8edbf}.auth-tabs{background:rgba(255,255,255,.06);border-color:rgba(143,207,239,.18)}.auth-tab{color:#b6d1e1}.auth-tab.active{background:linear-gradient(180deg,#2aa9dc,#147eaf)}.field-wrap{background:rgba(1,12,22,.48);border-color:rgba(143,207,239,.25)}.field-wrap input{color:#f1f9ff}.auth-primary{background:linear-gradient(180deg,#43cb74,#209b53)}.auth-secondary{color:#d9effb;background:rgba(255,255,255,.07);border-color:rgba(143,207,239,.21)}
.street-footer{background:rgba(3,14,25,.88);border-top-color:rgba(143,207,239,.17);color:#b9d7e7}

/* The landing screen keeps its previous composition; the top navigation bar
   is intentionally removed at the user's request. */
.minimal-topbar{display:none}
.login-stage{min-height:calc(100vh - 58px);padding-top:34px}

/* Refined RP landing ------------------------------------------------------
   The markup and every existing input/button ID are preserved: only the
   presentation below changes. */
body.street-rp-page{background:#06121f}
.street-scene{background:radial-gradient(900px 620px at 15% 8%,rgba(19,115,168,.32),transparent 62%),radial-gradient(780px 460px at 85% 82%,rgba(35,158,102,.16),transparent 64%),linear-gradient(145deg,#06192a 0%,#09263d 48%,#050e18 100%)}
.street-scene:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(229,248,255,.72) 1px,transparent 1.5px),radial-gradient(rgba(229,248,255,.38) 1px,transparent 1.5px);background-size:130px 130px,83px 83px;background-position:12px 30px,46px 75px;opacity:.44}.street-scene:after{opacity:.16;filter:saturate(.86) contrast(1.08)}
.landing-layer{min-height:100vh;background:linear-gradient(180deg,rgba(3,12,22,.05),rgba(3,12,22,.32))}
.login-stage{position:relative;z-index:2;align-items:center;padding:54px 24px 72px}
.device-shell{width:min(1080px,calc(100% - 28px));padding:1px;border:1px solid rgba(133,211,249,.29);border-radius:22px;background:linear-gradient(135deg,rgba(119,211,255,.48),rgba(77,235,164,.13) 55%,rgba(119,211,255,.25));box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 0 7px rgba(255,255,255,.025);overflow:hidden}
.device-screen{min-height:510px;grid-template-columns:1.06fr .94fr;border-radius:21px;background:rgba(9,27,44,.93);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.brand-zone{position:relative;min-height:510px;overflow:hidden;padding:54px 54px 46px;background:linear-gradient(115deg,rgba(5,22,41,.97),rgba(9,77,117,.72)),url('../../img/habnet/header/topbg.png') center/cover}.brand-zone:after{content:'';position:absolute;inset:auto -15% -38% auto;width:290px;height:290px;border:1px solid rgba(141,224,255,.28);border-radius:50%;box-shadow:0 0 0 30px rgba(141,224,255,.05),0 0 0 60px rgba(141,224,255,.035);pointer-events:none}
.brand-emblem{width:210px;height:92px;margin-bottom:25px;background:url('../../img/logos/hv_logo_p.png') left center/contain no-repeat;filter:drop-shadow(0 5px 0 rgba(0,0,0,.22))}.brand-emblem>*{display:none}
.brand-title{font-size:38px;letter-spacing:.025em}.brand-subtitle{margin-top:6px;color:#91d9f6;font-size:11px;letter-spacing:.23em}.online-badge{position:relative;z-index:1;margin-top:23px;padding:10px 13px;border-radius:9px;font-size:10px;letter-spacing:.03em}.brand-stats{position:relative;z-index:1;margin-top:31px;max-width:400px;gap:10px}.brand-stats div{padding:12px 7px;border-color:rgba(156,220,248,.2);background:rgba(3,19,34,.49);backdrop-filter:blur(8px)}.brand-stats strong{color:#fff;font-size:20px}.brand-stats span{color:#b7d7e7;font-size:8px}.brand-pitch{position:relative;z-index:1;margin-top:24px;max-width:390px;color:#e0f2fb;font-size:13px;line-height:1.7}
.auth-zone{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:48px 48px;background:linear-gradient(160deg,rgba(14,37,57,.96),rgba(8,22,37,.94))}.auth-head{margin-bottom:21px}.auth-eyebrow{color:#77ceee;font-size:10px;letter-spacing:.16em}.auth-head h1{font-size:31px;letter-spacing:-.03em}.secure-state{padding:7px 10px;border:1px solid rgba(98,226,143,.22);font-size:10px}.auth-tabs{padding:5px;margin-bottom:21px;border-radius:11px}.auth-tab{height:42px;border-radius:8px;font-size:12px}.field-label{margin:12px 0 7px;font-size:11px}.field-wrap{height:48px;border-radius:9px}.field-wrap>i{width:42px}.auth-primary,.auth-secondary{height:46px;border-radius:9px;font-size:12px}.auth-primary{margin-top:17px;box-shadow:0 5px 0 rgba(5,75,39,.85),inset 0 1px rgba(255,255,255,.22)}.auth-secondary{margin-top:11px}.rules-line{margin:14px 0!important}.street-footer{height:58px;background:rgba(3,13,23,.68);backdrop-filter:blur(10px)}
@media(max-width:800px){.login-stage{padding:26px 13px 42px}.device-screen{grid-template-columns:1fr;min-height:0}.brand-zone{display:flex;min-height:275px;padding:34px 31px}.brand-title{font-size:30px}.brand-stats{margin-top:18px}.brand-pitch{display:none}.auth-zone{padding:33px 26px}.brand-emblem{width:175px;height:72px;margin-bottom:12px}}
@media(max-width:500px){.device-shell{width:100%;border-radius:15px}.device-screen{border-radius:14px}.brand-zone{min-height:235px;padding:27px 23px}.brand-stats{gap:6px}.brand-stats div{padding:8px 3px}.brand-stats strong{font-size:16px}.auth-zone{padding:28px 18px}.auth-head h1{font-size:27px}}

/* Quiet moving clouds: CSS-only, so the existing login/register flow stays
   untouched and the page has no additional network or JavaScript work. */
@keyframes habnet-cloud-one{from{transform:translateX(-12vw)}to{transform:translateX(118vw)}}
@keyframes habnet-cloud-two{from{transform:translateX(-13vw) scale(.65)}to{transform:translateX(119vw) scale(.65)}}
@keyframes habnet-cloud-three{from{transform:translateX(10vw)}to{transform:translateX(-118vw)}}
@keyframes habnet-cloud-four{from{transform:translateX(-10vw)}to{transform:translateX(116vw)}}
.cloud-1{left:-8%;animation:habnet-cloud-one 72s linear infinite}
.cloud-2{left:-9%;animation:habnet-cloud-two 96s linear infinite 14s}
.cloud-3{left:100%;right:auto;animation:habnet-cloud-three 86s linear infinite 8s}
.cloud-4{left:-12%;animation:habnet-cloud-four 110s linear infinite 24s}
@media(prefers-reduced-motion:reduce){.cloud-1,.cloud-2,.cloud-3,.cloud-4{animation:none}}

/* Compact avatar inside the username input. */
.field-wrap.login-identity-field{padding-left:7px}.login-avatar-preview{position:relative;flex:0 0 34px;width:34px;height:31px;overflow:hidden;color:#76cbed}.login-avatar-preview i{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;opacity:.75}.login-avatar-preview img{position:absolute;top:-11px;left:50%;width:42px;height:auto;max-width:none;transform:translateX(-50%)}.login-avatar-preview.ready{background:transparent}.field-wrap.login-identity-field input{padding-left:9px}@media(max-width:500px){.login-avatar-preview{flex-basis:31px;width:31px;height:29px}.login-avatar-preview img{top:-10px;width:38px}}

/* Larger, head-only portrait inside the username field. */
.field-wrap.login-identity-field{padding-left:8px}.login-avatar-preview{flex-basis:42px;width:42px;height:36px}.login-avatar-preview img{top:-6px;width:48px}@media(max-width:500px){.login-avatar-preview{flex-basis:38px;width:38px;height:33px}.login-avatar-preview img{top:-5px;width:43px}}

/* Chrome/Google saved-account autofill must keep the dark input surface. */
.field-wrap input:-webkit-autofill,.field-wrap input:-webkit-autofill:hover,.field-wrap input:-webkit-autofill:focus,.field-wrap input:-webkit-autofill:active{-webkit-text-fill-color:#e8f4fc!important;caret-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #0a1c2c inset!important;box-shadow:0 0 0 1000px #0a1c2c inset!important;transition:background-color 99999s ease-out 0s!important}