body{margin:0;min-height:100svh;font-size:16px}.auth-header{background:#083e51;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,64px);min-height:90px}.auth-header img{width:150px;height:62px;object-fit:contain;display:block}.auth-header a{color:#fff}.auth-main{width:min(460px,calc(100% - 40px));margin:clamp(28px,7vh,80px) auto}.auth-main h1{font-size:36px;line-height:1.15}.auth-main form,.auth-main label{display:grid;gap:10px}.auth-main form{gap:20px}.auth-main input{box-sizing:border-box;min-width:0;width:100%;min-height:48px;font:inherit;padding:10px 12px;border:1px solid #c9cecc;border-radius:8px}.auth-main button{min-height:46px;font:inherit;cursor:pointer}.auth-switch{display:block;border:0;background:transparent;padding:0;text-align:left;margin:16px 0;color:#083e51;text-decoration:underline;text-underline-offset:4px}.auth-main [hidden]{display:none!important}.auth-contact{display:block;margin-top:30px;color:#647d88}.auth-main :focus-visible{outline:2px solid #bb9a59;outline-offset:3px}#login-status{margin:0;color:#a4352c}.owner-controls{display:flex;align-items:center;gap:16px;color:#e2c88b}.owner-controls button{background:transparent;border:0;color:white;font:inherit;cursor:pointer}
.auth-page{background:#062b3b url('/school-sky.png') center/cover fixed no-repeat;color:#fff;min-height:100svh;position:relative}
.auth-page .auth-header{background:transparent;border:0;min-height:100px;padding:24px clamp(24px,5vw,80px)}
.auth-page .auth-main{width:auto;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(36px,6vw,100px);margin:0;padding:clamp(24px,5vh,64px) clamp(24px,7vw,120px) 64px;min-height:calc(100svh - 110px)}
.auth-intro{max-width:680px;text-shadow:0 2px 10px #00131d}.auth-page .auth-intro h1{font-size:clamp(36px,4vw,58px);line-height:1.12;color:#f0dfb7}.auth-intro p{font-size:16px;line-height:1.8;margin:24px 0 0;max-width:620px}
.auth-card{background:#fcfbf7f5;color:#083e51;border:1px solid #d2bc87;border-radius:18px;padding:28px;box-shadow:0 20px 60px #00101d60;min-width:0}
.auth-card h2{font-size:30px;line-height:1.2;margin:0 0 24px}.auth-card label{font-size:15px;line-height:1.5}.auth-card form{gap:18px}.auth-card input{background:white;color:#083e51;font-size:16px}.auth-card button{font-size:15px}.auth-card .auth-site{display:block;text-align:center;border:1px solid #b99b61;border-radius:7px;padding:11px 16px;margin:12px 0 20px;font-size:15px;min-height:46px}
.auth-card .auth-tools{display:flex;flex-wrap:wrap;gap:12px 20px}.auth-card .auth-switch{font-size:14px;margin:0;min-height:36px}.auth-card .auth-contact{font-size:14px;margin-top:18px}.auth-card #login-status:empty{display:none}
@media(max-width:760px){.auth-page .auth-main{grid-template-columns:minmax(0,1fr);gap:28px;padding:16px 24px 40px;min-height:0}.auth-page .auth-header{min-height:90px;padding:20px 24px}.auth-page .auth-intro h1{font-size:36px}.auth-intro p{font-size:15px;margin-top:16px}.auth-card{max-width:460px;width:100%;justify-self:center;padding:24px}.auth-page{background-attachment:scroll}.auth-page .auth-intro{max-width:540px;justify-self:center}}