:root{--m-bg:#080c1d;--m-card:rgba(15,22,48,.94);--m-line:rgba(152,174,231,.2);--m-text:#f7f8ff;--m-muted:#9faccc;--m-blue:#4ba7ff;--m-violet:#8b5cf6;--m-green:#42d69b;--m-red:#ff7182}*{box-sizing:border-box}body.mobile-app-page{margin:0;min-width:320px;min-height:100vh;color:var(--m-text);background:linear-gradient(90deg,rgba(6,10,28,.48),rgba(6,10,28,.9)),url("../images/naos-hero.jpg") 43% center/cover fixed no-repeat;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}.app-auth-shell{min-height:100vh;padding:32px 5vw;display:flex;align-items:center;justify-content:center;gap:7vw}.app-brand{min-width:270px!important;margin:0!important;text-align:left!important;filter:none!important}.app-logo{color:#fff!important;font:950 clamp(42px,7vw,70px)/.9 Inter,system-ui,sans-serif!important;letter-spacing:-.065em!important;text-shadow:none!important;-webkit-text-stroke:0!important}.app-logo small{display:block;margin-top:11px;color:#81c6ff!important;font:850 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:.18em!important}.app-sublogo{margin-top:12px!important;padding:0!important;border:0!important;color:#f5c85e!important;background:none!important;box-shadow:none!important;font:800 12px/1 Inter,system-ui,sans-serif!important;letter-spacing:.2em!important}.app-card{position:relative;width:min(470px,94vw)!important;padding:30px!important;border:1px solid var(--m-line)!important;border-radius:23px!important;background:linear-gradient(145deg,var(--m-card),rgba(8,13,33,.94))!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important;backdrop-filter:blur(20px);overflow:hidden}.card-glow{position:absolute!important;right:-80px!important;top:-100px!important;width:220px!important;height:220px!important;border-radius:50%!important;background:rgba(75,167,255,.15)!important;filter:blur(14px)!important}.app-card h1{position:relative;margin:0 0 8px!important;color:#fff!important;font-size:30px!important;letter-spacing:-.04em!important;text-shadow:none!important}.lead{margin:0 0 22px!important;color:var(--m-muted)!important;font-size:14px!important;line-height:1.55!important}.app-form{display:grid;gap:11px}.app-form label{color:#d9e1f5!important;font-size:12px!important;font-weight:750!important}.app-form input,.app-form select{width:100%!important;min-height:48px!important;padding:0 13px!important;border:1px solid var(--m-line)!important;border-radius:12px!important;outline:0;color:#fff!important;background:rgba(3,8,23,.6)!important;box-shadow:none!important;font:500 14px/1 Inter,system-ui,sans-serif!important}.app-form input:focus,.app-form select:focus{border-color:var(--m-blue)!important;box-shadow:0 0 0 4px rgba(75,167,255,.11)!important}.app-button{min-height:49px!important;border:1px solid var(--m-line)!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important;text-decoration:none!important;font-size:14px!important;font-weight:850!important;transition:.16s}.app-button.primary,.app-button.play{margin-top:8px!important;border:0!important;background:linear-gradient(135deg,var(--m-blue),var(--m-violet))!important;box-shadow:0 11px 25px rgba(76,106,255,.22)!important}.app-button:hover{transform:translateY(-2px)!important;filter:brightness(1.08)}.auth-separator{color:#7482a5!important}.auth-separator:before,.auth-separator:after{background:var(--m-line)!important}.remember-note,.field-grid small{color:var(--m-muted)!important}.app-notice{border:1px solid var(--m-line)!important;border-radius:11px!important;background:rgba(75,167,255,.09)!important;color:#bfe1ff!important}.app-notice.error{border-color:rgba(255,113,130,.28)!important;background:rgba(255,113,130,.09)!important;color:#ffbdc5!important}.app-notice.success{border-color:rgba(66,214,155,.28)!important;background:rgba(66,214,155,.09)!important;color:#aaf0d2!important}.register-card{width:min(720px,94vw)!important}.field-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:11px 13px!important}.field-grid .wide{grid-column:1/-1!important}.terms{color:#cbd4e8!important}.text-link{color:#78beff!important}.home-card{text-align:center!important}.welcome-kicker{color:#72baff!important}.home-actions{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.app-button.logout{border:1px solid var(--m-line)!important;background:rgba(255,255,255,.06)!important}.register-shell{align-items:center!important}.app-brand.compact{margin:0!important}
@media(max-width:760px){body.mobile-app-page{background-position:32% center;background-attachment:scroll}.app-auth-shell{padding:26px 14px;flex-direction:column;gap:20px}.app-brand,.app-brand.compact{min-width:0!important;text-align:center!important}.app-logo{font-size:42px!important}.app-card{padding:23px!important}.field-grid{grid-template-columns:1fr!important}.field-grid .wide{grid-column:auto!important}.home-actions{grid-template-columns:1fr}}
