:root{--auth-navy:#2d2b3a;--auth-blue:#3195e7;--auth-green:#76bf22;--auth-panel:#e9e9eb;--auth-text:#31343a;--auth-muted:#686b70}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--auth-text);background:#fff}body.auth-page{min-height:100vh;background:#fff}.auth-header{height:100px;background:var(--auth-navy)}.auth-header-inner{width:1090px;max-width:calc(100% - 32px);height:100%;margin:0 auto;display:flex;align-items:center}.auth-logo{display:block;width:222px;height:62px}.auth-logo img{display:block;width:222px;height:62px}.auth-stage{width:1090px;max-width:calc(100% - 32px);min-height:calc(100vh - 100px);margin:0 auto;position:relative;padding:101px 0 132px}.auth-card{width:535px;max-width:calc(100vw - 36px);margin:0 auto;background:var(--auth-panel);padding:13px 38px 17px;border:1px solid #d7d9dc;box-shadow:0 3px 10px rgba(32,43,54,.07)}.auth-card.login{padding-top:13px}.auth-card h1{margin:0 0 20px;text-align:center;font-size:29px;line-height:38px;font-weight:300;color:var(--auth-blue)}.auth-card .auth-intro{margin:-1px 0 17px;text-align:center;font-size:12px;line-height:17px}.auth-card .auth-copy{margin:0 0 17px;font-size:12px;line-height:17px}.auth-card label{display:block;margin:0 0 6px;font-size:12px;font-weight:400}.auth-card label strong{font-weight:700}.auth-field{margin:0 0 22px}.auth-field.tight{margin-bottom:16px}.auth-field input,.auth-field select{display:block;width:100%;height:30px;padding:3px 8px;border:1px solid #cfd3d7;background:#fff;color:#2f3338;font:13px Arial,Helvetica,sans-serif;outline:0;border-radius:0}.auth-field select{padding-right:28px;cursor:pointer}.auth-field input:focus,.auth-field select:focus{border-color:#83bff0;outline:0;box-shadow:0 0 0 2px rgba(49,149,231,.12)}.auth-links{text-align:center;margin:2px 0 15px;font-size:12px;color:#3b4046}.auth-links a{color:#333b43;text-decoration:underline}.auth-links .sep{display:inline-block;padding:0 7px;color:#555}.auth-submit{text-align:center}.auth-btn{border:0;border-radius:0;background:var(--auth-green);color:#fff;padding:10px 20px 9px;font-size:21px;font-weight:300;line-height:30px;cursor:pointer;min-width:154px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);transition:filter .12s ease,box-shadow .12s ease}.auth-btn:hover{filter:brightness(.97);box-shadow:inset 0 -2px 0 rgba(0,0,0,.10),0 2px 5px rgba(0,0,0,.10)}.auth-help{text-align:center;margin:11px 0 0;color:var(--auth-blue);font-size:12px}.auth-help a{color:var(--auth-blue);text-decoration:underline}.auth-help-dot{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#51a8eb;color:#fff;font-weight:700;font-size:13px}.auth-subcard{width:535px;max-width:calc(100vw - 36px);margin:18px auto 0;background:var(--auth-panel);padding:12px 38px 13px;text-align:center;border:1px solid #d7d9dc;box-shadow:0 2px 7px rgba(32,43,54,.05)}.auth-key-icons{display:flex;justify-content:center;gap:19px;height:28px;align-items:center;color:#2d4256;font-size:22px}.auth-key-button{margin-top:4px;width:298px;max-width:100%;height:30px;border:0;border-radius:18px;background:#fff;color:#222;font-size:11px;cursor:pointer}.auth-key-button:hover{box-shadow:0 0 0 1px #cfd2d5}.auth-key-panel{display:none;margin:11px auto 0;max-width:330px}.auth-key-panel.is-open{display:flex;gap:8px}.auth-key-panel input{flex:1;min-width:0;height:29px;border:1px solid #d4d4d7;background:#fff;padding:0 9px}.auth-key-panel button{border:0;background:#63717f;color:#fff;padding:0 12px;cursor:pointer}.auth-contact{text-align:center;margin:62px 0 0;color:var(--auth-blue);font-size:20px;font-weight:300}.auth-contact a{color:var(--auth-blue);text-decoration:none}.auth-contact-icon{display:inline-block;margin-right:10px;font-size:28px;vertical-align:-3px}.auth-footer{position:static;width:100%;margin-top:47px;display:flex;align-items:flex-end;justify-content:space-between;color:#666;font-size:11px;line-height:16px}.auth-footer a{color:#666;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-alert{margin:0 0 14px;padding:8px 10px;background:#fff2f1;border:1px solid #e9b7b4;color:#9b312c;font-size:12px}.auth-alert.ok{background:#f1faea;border-color:#badc9a;color:#3f6e1d}.auth-bot{display:flex;align-items:center;gap:10px;margin:26px 0 17px;font-size:12px;color:#354456}.auth-bot-check{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--auth-green);color:#fff;font-size:26px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.2)}.auth-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.auth-action-card{padding-top:12px;padding-bottom:15px}.auth-action-card h1{margin-bottom:18px}.auth-action-card .auth-submit{margin-top:4px}.auth-action-card .auth-btn{min-width:218px}.auth-stage-change{padding-top:44px}.auth-change-card{width:535px}.auth-change-card .auth-intro{color:var(--auth-blue);font-size:12px}.auth-change-card .auth-field{margin-bottom:24px}.auth-change-card .auth-bot{margin-top:30px}.auth-token-note{margin:-12px 0 16px;font-size:11px;color:#65686d}.auth-success-link{display:block;margin-top:12px;text-align:center;font-size:12px}.auth-no-mail{margin-top:9px;font-size:11px;color:#6a6d71;text-align:center}.auth-card.compact-form{padding-top:11px}.auth-card.compact-form h1{margin-bottom:20px}
@media(max-width:760px){.auth-stage-change{padding-top:30px}.auth-header{height:82px}.auth-header-inner{justify-content:center}.auth-logo,.auth-logo img{width:190px;height:auto}.auth-stage{min-height:calc(100vh - 82px);padding:48px 0 126px}.auth-card,.auth-subcard{width:min(535px,calc(100vw - 24px));padding-left:24px;padding-right:24px}.auth-contact{margin-top:44px;font-size:17px}.auth-footer{margin-top:34px;gap:18px;flex-direction:column;align-items:center;text-align:center}}
@media(max-width:430px){.auth-stage{max-width:100%;padding-top:30px}.auth-card h1{font-size:27px}.auth-card{padding-left:18px;padding-right:18px}.auth-subcard{padding-left:18px;padding-right:18px}.auth-links .sep{padding:0 4px}.auth-btn{font-size:20px}.auth-footer{font-size:10px}}

/* V79 — rejestracja odseparowanej szkoły */
.auth-stage-school-register{padding-top:76px}.auth-school-card{width:min(720px,calc(100vw - 32px));padding:20px 38px 28px}.auth-school-card .auth-copy{line-height:1.55;margin:0 0 22px}.school-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px}.school-form-grid .auth-field{margin:0}.school-form-grid .school-section-title{grid-column:1/-1;font-weight:700;border-top:1px solid #c7c7c7;padding-top:15px;margin-top:4px}.school-confirm{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4}.school-confirm input{margin-top:3px}.school-login-back{text-align:center;margin-top:14px}.school-login-back a{color:#287fc1}.auth-school-card .auth-submit{margin-top:20px}@media(max-width:680px){.school-form-grid{grid-template-columns:1fr}.school-form-grid .school-section-title,.school-confirm{grid-column:1}.auth-school-card{padding:20px}}
.auth-field-note{display:block;margin-top:4px;color:#666;font-size:11px}.auth-school-create{font-weight:700}.auth-links{flex-wrap:wrap}.auth-links .sep{opacity:.55}
/* EDUCPZS SVG brand */
.auth-logo img{width:auto;max-width:330px;height:74px;object-fit:contain}
@media(max-width:600px){.auth-logo img{max-width:250px;height:58px}}

/* V118 — delikatne dopracowanie istniejącego stylu, bez przebudowy portalu */
.auth-card label{color:#34383d}.auth-field-note{margin-top:6px;line-height:15px}.auth-school-card .school-section-title{color:#294f69;background:rgba(255,255,255,.28);padding:10px 8px 8px;border-top:1px solid #c7c7c7;border-bottom:1px solid #d8d8da}.auth-school-card .auth-alert.ok{border-left:4px solid var(--auth-green)}.auth-alert{line-height:16px}.auth-links a:hover,.school-login-back a:hover,.auth-success-link:hover{text-decoration:none;color:#287fc1}.auth-key-panel input{height:30px}.auth-key-panel button{height:30px}.auth-field select option{background:#fff;color:#2f3338}

/* V133: widoczny licznik wolnych miejsc dla rejestracji szkół. */
.school-quota{margin:0 0 16px;padding:12px 14px;background:#fff;border:1px solid #cfd7df;box-shadow:0 1px 3px rgba(32,43,54,.05)}
.school-quota-main{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#294f69;font-size:13px}
.school-quota-main strong{font-size:22px;font-weight:700;white-space:nowrap}
.school-quota-sub{margin-top:5px;color:#666;font-size:11px;line-height:15px}
.school-quota.is-full{border-color:#e9b7b4;background:#fff2f1}
.school-quota.is-full .school-quota-main{color:#9b312c}
@media(max-width:520px){.school-quota-main{align-items:flex-start;flex-direction:column;gap:4px}.school-quota-main strong{font-size:20px}}

/* V134 — premium redesign strony /zaloz-szkole/, bez zmian w pozostałym portalu. */
.school-register-page{background:#f4f7fa;color:#253240}
.school-register-page .school-register-header{height:88px;background:#282738;box-shadow:0 1px 0 rgba(255,255,255,.05)}
.school-register-page .school-register-header-inner{height:88px;width:1180px;max-width:calc(100% - 40px);justify-content:space-between}
.school-register-page .auth-logo{width:auto;height:58px;display:flex;align-items:center}
.school-register-page .auth-logo img{height:58px;width:auto;max-width:300px}
.school-header-login{display:inline-flex;align-items:center;gap:8px;color:#dbe6ef;text-decoration:none;font-size:13px;font-weight:700;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:6px;transition:.15s ease}
.school-header-login:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34);color:#fff}
.school-register-stage{width:1180px;max-width:calc(100% - 40px);margin:0 auto;padding:48px 0 34px}
.school-register-shell{display:grid;grid-template-columns:380px minmax(0,1fr);min-height:660px;background:#fff;border:1px solid #dbe3ea;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px rgba(29,43,58,.12)}
.school-register-aside{position:relative;padding:40px 34px 34px;color:#fff;background:linear-gradient(155deg,#2c2b3b 0%,#24384b 52%,#256d9c 100%);overflow:hidden}
.school-register-aside:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;top:-115px}
.school-register-aside:after{content:"";position:absolute;width:220px;height:220px;background:rgba(49,149,231,.12);border-radius:50%;left:-105px;bottom:-95px}
.school-register-aside>*{position:relative;z-index:1}
.school-register-badge{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(255,255,255,.07);font-size:10px;letter-spacing:1.2px;font-weight:700;color:#d9efff}
.school-register-aside h1{margin:18px 0 12px;font-size:31px;line-height:1.17;font-weight:600;letter-spacing:-.5px;color:#fff}
.school-register-lead{margin:0 0 25px;color:#d8e3ec;font-size:13px;line-height:1.6}

.school-quota-release{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px;padding:12px 13px;border:1px solid rgba(118,191,34,.38);border-radius:8px;background:rgba(118,191,34,.12);color:#fff}.school-quota-release-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:999px;background:#76bf22;color:#12210b;font-size:9px;line-height:1;font-weight:800;letter-spacing:.7px}.school-quota-release div{min-width:0}.school-quota-release strong{display:block;margin:0 0 3px;font-size:11px;line-height:1.35;color:#fff}.school-quota-release span:not(.school-quota-release-badge){display:block;color:#dce9d1;font-size:10px;line-height:1.45}.school-quota-release b{color:#fff;font-weight:800}
.school-quota-premium{margin:0 0 26px;padding:17px 18px 16px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.09);backdrop-filter:blur(4px)}
.school-quota-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.school-quota-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#d9e7f0;font-weight:700}
.school-quota-pill{display:inline-flex;padding:4px 7px;border-radius:12px;background:rgba(255,255,255,.12);font-size:10px;color:#fff;font-weight:700}
.school-quota-number{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}.school-quota-number strong{font-size:36px;line-height:1;font-weight:700;color:#fff}.school-quota-number span{font-size:12px;color:#d8e5ee}
.school-quota-track{height:7px;background:rgba(255,255,255,.15);border-radius:8px;overflow:hidden}.school-quota-track span{display:block;height:100%;background:#76bf22;border-radius:8px;transition:width .25s ease}
.school-quota-caption{margin-top:7px;font-size:10px;line-height:1.35;color:#c9d8e3}
.school-quota-premium.is-full .school-quota-track span{background:#e86b61}.school-quota-premium.is-full .school-quota-number strong{color:#ffd9d6}
.school-feature-list{display:grid;gap:15px;margin-top:5px}.school-feature{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}.school-feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13)}.school-feature-icon svg{width:17px;height:17px;fill:#8fd2ff}.school-feature strong{display:block;margin:1px 0 3px;font-size:12px;color:#fff}.school-feature span:not(.school-feature-icon){display:block;color:#cddbe5;font-size:10.5px;line-height:1.45}
.school-simulation-note{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:10.5px;line-height:1.5;color:#c8d5de}.school-simulation-note strong{color:#fff}
.school-register-main{padding:40px 46px 34px;background:#fff}
.school-form-heading{margin-bottom:25px}.school-form-kicker{display:block;margin-bottom:5px;color:#3195e7;font-size:10px;font-weight:800;letter-spacing:1.25px}.school-form-heading h2{margin:0;color:#263544;font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.35px}.school-form-heading p{margin:7px 0 0;color:#71808d;font-size:12px;line-height:1.5}
.school-register-form{display:block}.school-form-section{padding:0 0 23px;margin:0 0 23px;border-bottom:1px solid #e8edf1}.school-form-section:last-of-type{margin-bottom:18px}
.school-section-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.school-section-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf6fd;color:#257dbd;font-size:12px;font-weight:800}.school-section-head strong{display:block;color:#2f3e4b;font-size:13px}.school-section-head small{display:block;margin-top:2px;color:#8a96a0;font-size:10.5px}
.school-form-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px}.school-form-grid-modern .auth-field{margin:0}.school-field-wide{grid-column:1/-1}
.school-register-main .auth-field label{margin:0 0 6px;color:#46535e;font-size:11px;font-weight:700}.school-register-main .auth-field input{height:42px;border:1px solid #ccd6df;border-radius:5px;padding:0 12px;background:#fbfcfd;color:#23313e;font-size:12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.school-register-main .auth-field input::placeholder{color:#a3adb5}.school-register-main .auth-field input:hover{border-color:#aebdca;background:#fff}.school-register-main .auth-field input:focus{border-color:#3195e7;background:#fff;box-shadow:0 0 0 3px rgba(49,149,231,.11)}
.school-optional{font-weight:400;color:#98a1a8}.school-field-note{display:block;margin-top:5px;color:#8a959e;font-size:10px}
.school-confirm-modern{display:flex!important;gap:11px;align-items:flex-start!important;margin:0!important;padding:13px 14px;border:1px solid #dce4ea;border-radius:6px;background:#f8fafb;color:#34434f!important;cursor:pointer}.school-confirm-modern input{width:17px;height:17px;margin:1px 0 0;accent-color:#3195e7;flex:0 0 auto}.school-confirm-modern span{display:block}.school-confirm-modern strong{display:block;margin-bottom:2px;font-size:11.5px}.school-confirm-modern small{display:block;color:#74818c;font-size:10.5px;line-height:1.45;font-weight:400}
.school-submit-row{display:flex;align-items:center;gap:17px;margin-top:20px}.school-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:190px;height:45px;padding:0 19px;border-radius:5px;background:#76bf22;font-size:15px;font-weight:700;line-height:1;box-shadow:0 2px 0 rgba(54,112,0,.2),0 6px 14px rgba(92,160,16,.16)}.school-create-btn:hover{filter:brightness(.97);box-shadow:0 2px 0 rgba(54,112,0,.22),0 8px 18px rgba(92,160,16,.2)}.school-submit-note{max-width:235px;color:#87939d;font-size:10.5px;line-height:1.4}
.school-login-back-modern{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:25px;padding-top:19px;border-top:1px solid #edf0f2;color:#8a949d;font-size:11px}.school-login-back-modern a{font-weight:700;color:#287fc1;text-decoration:none}.school-login-back-modern a:hover{text-decoration:underline}
.school-alert{border-radius:5px;padding:11px 13px;margin-bottom:20px;line-height:1.5}
.school-success-panel{text-align:center;padding:22px 5px 4px}.school-success-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:50%;background:#edf9e5;color:#65a91b;font-size:27px;font-weight:700}.school-success-panel h3{margin:0 0 7px;color:#283845;font-size:21px}.school-success-panel p{margin:0 auto 17px;max-width:470px;color:#71808d;font-size:12px;line-height:1.55}.school-code-box{width:270px;max-width:100%;margin:0 auto 19px;padding:12px;border:1px solid #dce5ec;border-radius:6px;background:#f8fafc}.school-code-box span{display:block;margin-bottom:3px;color:#8a96a0;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.school-code-box strong{display:block;color:#2a4052;font-size:18px;letter-spacing:.6px}
.school-primary-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:43px;padding:0 17px;border-radius:5px;background:#3195e7;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.school-primary-link:hover{background:#2788d6;color:#fff}.school-closed-copy{margin:0 0 20px;color:#697985;font-size:12px;line-height:1.6}
.school-register-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px;color:#82909b;font-size:10.5px}.school-register-bottom a{color:#657988;text-decoration:none}.school-register-bottom a:hover{color:#3195e7;text-decoration:underline}
@media(max-width:900px){.school-register-shell{grid-template-columns:1fr}.school-register-aside{padding:30px 30px 26px}.school-register-aside h1{max-width:650px}.school-feature-list{grid-template-columns:repeat(3,1fr);gap:12px}.school-feature{grid-template-columns:30px 1fr}.school-simulation-note{margin-top:20px}.school-register-main{padding:32px 30px}}
@media(max-width:680px){.school-register-stage{max-width:calc(100% - 22px);padding-top:20px}.school-register-page .school-register-header{height:76px}.school-register-page .school-register-header-inner{height:76px;max-width:calc(100% - 24px)}.school-register-page .auth-logo img{height:50px;max-width:230px}.school-header-login{font-size:11px;padding:8px 9px}.school-register-shell{border-radius:7px}.school-register-aside{padding:26px 22px}.school-register-aside h1{font-size:26px}.school-feature-list{grid-template-columns:1fr}.school-register-main{padding:28px 22px 24px}.school-form-grid-modern{grid-template-columns:1fr}.school-field-wide{grid-column:auto}.school-submit-row{align-items:stretch;flex-direction:column}.school-create-btn{width:100%}.school-submit-note{text-align:center;max-width:none}.school-form-heading h2{font-size:24px}}
@media(max-width:440px){.school-header-login{font-size:0}.school-header-login span{font-size:18px}.school-register-page .auth-logo img{max-width:205px}.school-register-aside{padding:23px 18px}.school-register-main{padding:25px 18px 22px}.school-register-aside h1{font-size:24px}.school-quota-number strong{font-size:32px}}
