/* Accueil public 2026 — une vitrine pensée d'abord pour les écoles. */
html{scroll-behavior:smooth}.topbar{height:104px;gap:28px;padding-left:max(20px,calc((100% - 1240px)/2));padding-right:max(20px,calc((100% - 1240px)/2));box-shadow:0 3px 18px #073d6810}.brand{flex:0 0 auto}.brand img{width:270px;max-height:86px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{color:var(--myco-navy);font-size:14px;font-weight:800;text-decoration:none}.main-nav a:hover{color:var(--myco-orange-dark)}.profile{border-left:1px solid #d7eaf3;padding-left:24px}.school-intro{min-height:500px;padding:58px max(20px,calc((100% - 1180px)/2)) 66px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:70px;background:linear-gradient(118deg,#e9f8ff 0%,#f7fcff 62%,#fff2e7 100%);overflow:hidden}.school-intro-copy h1{max-width:700px;margin:10px 0 16px;color:var(--myco-navy);font-family:Georgia,serif;font-size:clamp(42px,5.2vw,70px);line-height:1.02}.school-intro-copy>p:not(.eyebrow){max-width:700px;margin:0;color:#4d6d84;font-size:19px;line-height:1.55}.school-intro .eyebrow{color:var(--myco-orange-dark)}.school-intro .catalog-search{max-width:760px;margin-top:28px;border:2px solid #b8dfee;border-radius:14px;padding:6px 6px 6px 15px;align-items:center;box-shadow:0 14px 35px #083b6818}.search-symbol{color:#168bc0;font-size:28px;line-height:1}.school-intro .catalog-search input{padding-left:8px}.school-intro .catalog-search button{min-height:48px;padding:0 25px}.school-benefits{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px;color:#335d78;font-size:13px;font-weight:750}.school-intro-visual{height:390px;position:relative}.school-intro-visual>img{position:absolute;width:220px;height:310px;object-fit:contain;background:#fff;border:8px solid #fff;border-radius:10px;box-shadow:0 24px 50px #07527a28}.school-intro-visual>img:first-child{left:0;top:14px;transform:rotate(-6deg)}.school-intro-visual>img:nth-child(2){right:5px;top:46px;transform:rotate(6deg)}.school-intro-visual>div{position:absolute;left:55px;right:30px;bottom:0;padding:16px 18px;background:var(--myco-navy);color:#fff;border-radius:12px;box-shadow:0 12px 25px #06367430}.school-intro-visual strong,.school-intro-visual span{display:block}.school-intro-visual strong{color:#ffad66;font-size:17px}.school-intro-visual span{margin-top:3px;font-size:13px}.catalogs-section{padding-top:52px;padding-bottom:64px}.catalogs-section .public-heading h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,46px);margin:5px 0 8px}.featured-section{padding-top:56px;padding-bottom:70px}.hero{padding-top:44px;padding-bottom:44px}.hero h1{font-size:clamp(34px,4vw,50px)}
@media(max-width:1050px){.main-nav{display:none}.school-intro{grid-template-columns:1fr;gap:35px}.school-intro-visual{width:min(500px,100%);margin:auto}.profile{margin-left:auto}}
@media(max-width:620px){.topbar{height:82px}.brand img{width:190px;max-height:70px}.profile{border:0;padding-left:0}.school-intro{min-height:auto;padding-top:42px;padding-bottom:50px}.school-intro-copy h1{font-size:42px}.school-intro-copy>p:not(.eyebrow){font-size:16px}.school-intro-visual{height:310px}.school-intro-visual>img{width:165px;height:235px}.school-intro-visual>div{left:15px;right:15px}.school-benefits{display:grid}.catalog-cards{gap:13px}}
.school-process{margin-top:22px!important;padding:16px 18px;border-left:5px solid var(--myco-orange);border-radius:0 10px 10px 0;background:#fff4e9;color:#87451e!important;font-size:14px!important;line-height:1.55!important}.school-process strong{color:#b65316}.school-users{display:grid;grid-template-columns:1fr 1.15fr;gap:25px;margin:0 0 42px;padding:28px;border:1px solid #cce6f1;border-radius:18px;background:linear-gradient(140deg,#eaf8fe,#fff)}.school-users h2{margin:5px 0 10px;color:var(--myco-navy);font-family:Georgia,serif;font-size:30px}.school-users p{margin:0;color:#587386;line-height:1.55}.school-users form{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:end;gap:10px}.school-users label{display:grid;gap:6px;color:#315a75;font-size:12px;font-weight:850}.school-users input,.school-users select{min-width:0;height:44px;padding:0 11px;border:1px solid #badbe8;border-radius:9px;background:#fff}.school-users button{height:44px}.school-users .invite-status{grid-column:1/-1;padding:12px 14px;border-radius:9px;background:#fff3e6;color:#a34b13;font-weight:750}
@media(max-width:950px){.school-users{grid-template-columns:1fr}.school-users form{grid-template-columns:1fr 1fr}}@media(max-width:620px){.school-users form{grid-template-columns:1fr}}