:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#203b59;background:#f3f6fa;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:280px}a{color:inherit}button,input{font:inherit}.connexion-shell{max-width:1160px;margin:0 auto;padding:36px 32px 24px}.connexion-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 36px;background:#fff;border:1px solid #dce4ee;border-radius:24px;box-shadow:0 8px 30px #263e5705}.connexion-brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.connexion-book{width:80px;height:auto}.connexion-wordmark{width:224px;height:auto}.connexion-motto{max-width:275px;margin:0;font-size:18px;line-height:1.5;color:#526783}.connexion-main{display:grid;place-items:center;padding:40px 0 30px}.connexion-card{width:min(100%,460px);background:white;padding:32px 36px;border:1px solid #dce4ee;border-top:4px solid #354f79;border-radius:20px;box-shadow:0 18px 50px #233c5910}.connexion-card h1{font-size:30px;line-height:1.2;margin:0 0 10px;letter-spacing:-.025em}.connexion-intro{font-size:16px;line-height:1.6;color:#596b82;margin:0 0 26px}.connexion-card label{display:grid;gap:9px;font-weight:650;font-size:16px;margin:0 0 20px}.connexion-card label[hidden]{display:none}.connexion-card input{width:100%;min-width:0;height:52px;padding:12px 15px;border:1px solid #b9c7d8;border-radius:10px;background:#fbfcfe;color:#203b59;font-size:18px;transition:border-color .15s,box-shadow .15s}.connexion-card input:focus-visible{outline:3px solid #c3d5f0;outline-offset:2px;border-color:#354f79}.connexion-card input[name=code]{letter-spacing:.24em}.connexion-card .connexion-hint{font-size:14px;color:#617187;font-weight:400;line-height:1.4}.connexion-card output{display:block;color:#9f2934;font-size:15px;line-height:1.5;margin:0 0 16px}.connexion-card output:empty{display:none}.connexion-card button{width:100%;min-height:52px;border:1px solid #354f79;border-radius:10px;background:#354f79;color:#fff;font-weight:700;font-size:17px;cursor:pointer;transition:background .15s}.connexion-card button:hover{background:#273e64}.connexion-card button:focus-visible,a:focus-visible{outline:3px solid #839fc6;outline-offset:4px}.connexion-help{margin:22px 0 0;padding-top:20px;border-top:1px solid #e5eaf1;font-size:14px;line-height:1.6;color:#617187}.connexion-footer{text-align:center;color:#617187;font-size:14px;line-height:1.7}.connexion-footer p{margin:0 0 8px}.connexion-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px}.connexion-footer a{text-decoration-thickness:1px;text-underline-offset:3px}@media(max-width:680px){.connexion-shell{padding:20px 16px}.connexion-banner{display:block;padding:24px;border-radius:18px}.connexion-brand{gap:12px}.connexion-book{width:60px}.connexion-wordmark{width:min(210px,calc(100% - 72px))}.connexion-motto{font-size:16px;max-width:none;margin:18px 0 0}.connexion-main{padding:24px 0}.connexion-card{padding:26px 24px}.connexion-card h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}