@media (max-width:1100px){.site-header{border-radius:36px;grid-template-columns:1fr;justify-items:center;gap:22px;width:calc(100% - 32px);margin:16px auto 0;padding:24px;display:grid}.site-header .logo{width:180px;height:auto}.nav{flex-wrap:wrap;justify-content:center;gap:18px 28px;width:100%;display:flex}.nav a{white-space:nowrap;font-size:1.05rem}.login-button{width:auto;min-width:220px;padding:16px 28px;font-size:1.05rem;position:static;transform:none}.account-menu{z-index:20;position:relative}.account-dropdown{top:calc(100% + 12px);right:50%;transform:translate(50%)}}@media (max-width:700px){.site-header{gap:18px;padding:20px}.site-header .logo{width:150px}.nav{gap:12px 18px}.nav a{font-size:.95rem}.login-button{min-width:190px;padding:14px 22px;font-size:1rem}}
.oefenpagina{width:100%;max-width:var(--content-max);z-index:8;margin:0 auto;padding:40px 54px 90px;position:relative}.oefen-hero{text-align:center;max-width:820px;margin:0 auto 34px}.oefen-hero h1{color:#033663;margin:10px 0;font-size:clamp(2.1rem,4vw,4rem)}.oefen-hero p{color:#033663c7;font-size:1.05rem;line-height:1.7}.score-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border:1px solid #fffc;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px;padding:22px;display:flex;box-shadow:0 18px 42px #0336631f}.score-card strong{color:#033663;font-size:1.1rem;display:block}.score-card span{color:#28b9aa;font-size:1.4rem;font-weight:800}.score-actions{flex-wrap:wrap;gap:12px;display:flex}.score-actions button{color:#fff;cursor:pointer;background:#fea020;border:none;border-radius:999px;padding:12px 20px;font-weight:800;box-shadow:0 12px 28px #fea02047}.score-actions button.secondary{background:#033663}.exercise-section{margin-top:34px}.exercise-section h2{color:#033663;margin-bottom:16px}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.exercise-card{background:#ffffffe0;border:1px solid #ffffffbf;border-radius:28px;padding:22px;box-shadow:0 16px 36px #0336631a}.exercise-card.correct{background:#54955c14;border-color:#54955cb3}.exercise-card.wrong{background:#fe20200f;border-color:#fe202073}.exercise-number{color:#9b81b8;margin-bottom:8px;font-size:.85rem;font-weight:800}.exercise-card h3{color:#033663;margin-bottom:14px;font-size:1rem;line-height:1.5}.exercise-card input{background:#fff;border:1px solid #0336632e;border-radius:16px;outline:none;width:100%;padding:13px 14px;font-size:1rem}.exercise-card input:focus{border-color:#28b9aa;box-shadow:0 0 0 4px #28b9aa24}.feedback{color:#033663;margin-top:12px;font-weight:800}@media (max-width:800px){.oefenpagina{padding:28px 20px 70px}.score-card{flex-direction:column;align-items:flex-start}.exercise-grid{grid-template-columns:1fr}}.mountain-card{background:#ffffffdb;border-radius:34px;margin:30px 0;padding:24px;box-shadow:0 20px 50px #03366321}.mountain{background-color:#0000;background-image:linear-gradient(#ffffffd9,#28b9aa40),url("data:image/svg+xml,%3Csvg width='900' height='320' viewBox='0 0 900 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 320 L180 160 L270 220 L450 40 L620 210 L730 120 L900 320 Z' fill='%23033663' fill-opacity='0.22'/%3E%3Cpath d='M150 320 L430 80 L690 320 Z' fill='%2328B9AA' fill-opacity='0.28'/%3E%3Cpath d='M300 320 L510 125 L780 320 Z' fill='%239B81B8' fill-opacity='0.22'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:28px;height:320px;position:relative;overflow:hidden}.mountain-flag{color:#033663;cursor:pointer;opacity:.45;background:#ffffffe0;border:none;border-radius:999px;padding:8px 11px;font-weight:900;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px #0336632e}.mountain-flag span{margin-left:3px}.mountain-flag.reached{opacity:1}.mountain-flag.active{color:#fff;background:#fea020;transform:translate(-50%,-6px)scale(1.12)}.level-info{color:#033663;justify-content:space-between;margin-top:18px;font-size:1.1rem;display:flex}.level-info strong{font-size:1.4rem}.score-card button:disabled{opacity:.4;cursor:not-allowed}
.header-login-buttons{flex-shrink:0;align-items:center;display:flex;position:relative}.login-dropdown{position:relative}.login-button{color:#fff;cursor:pointer;white-space:nowrap;background:#fea020;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #fea0203d}.login-menu{z-index:9999;background:#fff;border-radius:22px;min-width:230px;padding:10px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px #0336632e}.login-dropdown:hover .login-menu,.login-dropdown:focus-within .login-menu{gap:8px;display:grid}.login-menu a{color:#033663;white-space:nowrap;border-radius:14px;padding:12px 14px;font-weight:800;text-decoration:none}.login-menu a:hover{background:#28b9aa1f}.student-login-button{display:none}@media (max-width:900px){.header-login-buttons{justify-content:center;width:100%}.login-dropdown,.login-button{width:100%;max-width:260px}.login-menu{left:50%;right:auto;transform:translate(-50%)}}
.about-page{z-index:8;width:100%;max-width:var(--content-max);margin:0 auto 90px;padding:0 54px;position:relative}.about-page .subpage-hero{margin-bottom:34px}.about-hero{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #ffffffc2;border-radius:42px;grid-template-columns:minmax(0,.95fr) minmax(360px,.7fr);align-items:center;gap:38px;padding:38px;display:grid;box-shadow:0 24px 60px #03366321}.about-text{max-width:760px}.about-text p{color:#033663c7;margin:0 0 18px;font-size:1.08rem;line-height:1.75}.about-text p:last-child{margin-bottom:0}.about-image-card{aspect-ratio:4/5;background:#ffffffc2;border:1px solid #ffffffd1;border-radius:34px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 46px #03366321}.about-image{object-fit:cover;width:100%;height:100%}.about-speelweelde{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffffe6,#ffffffbd);border:1px solid #ffffffc7;border-radius:38px;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:36px;margin-top:34px;padding:34px 38px;display:grid;box-shadow:0 20px 52px #0336631f}.about-speelweelde-logo{justify-content:center;align-items:center;display:flex}.about-speelweelde-logo img{object-fit:contain;width:150px;height:auto}.about-speelweelde-content h2{color:#033663;margin:8px 0 16px;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08}.about-speelweelde-content p{color:#033663c7;margin:0 0 16px;font-size:1.04rem;line-height:1.7}.about-cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px;display:grid}.about-cards article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #ffffffbd;border-radius:30px;padding:28px;box-shadow:0 18px 44px #0336631a}.about-cards h2{color:#033663;margin:0 0 12px;font-size:1.35rem}.about-cards p{color:#033663bd;margin:0;line-height:1.65}@media (max-width:1000px){.about-page{padding:0 28px}.about-hero,.about-speelweelde{grid-template-columns:1fr}.about-image-card{max-width:520px;margin:0 auto}.about-speelweelde{text-align:center}.about-cards{grid-template-columns:1fr}}@media (max-width:700px){.about-page{padding:0 20px}.about-hero,.about-speelweelde{border-radius:28px;padding:24px}.about-text p,.about-speelweelde-content p{font-size:1rem}.about-image-card{border-radius:26px}}
.oefenpagina{width:100%;max-width:var(--content-max);z-index:8;margin:0 auto;padding:40px 54px 90px;position:relative}.oefen-hero{text-align:center;max-width:860px;margin:0 auto 34px}.oefen-hero h1{color:#033663;margin:10px 0;font-size:clamp(2.2rem,4vw,4.2rem)}.oefen-hero p{color:#033663c7;font-size:1.1rem;line-height:1.7}.learning-journey-card{background:#ffffffeb;border:1px solid #ffffffe0;border-radius:42px;margin:34px 0;padding:28px;box-shadow:0 28px 80px #03366329}.journey-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.journey-header h2{color:#033663;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:900}.journey-header p{color:#033663;margin:8px 0 0;font-size:1.2rem}.journey-goal{color:#033663;white-space:nowrap;background:#ffffffd1;border-radius:24px;padding:18px 24px;font-weight:900;box-shadow:0 16px 40px #0336631f}.journey-mountain{background-image:url(/assets/oefenreis-berg.png);background-position:50%;background-size:cover;border-radius:34px;height:470px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffb8}.journey-flag{z-index:3;color:#033663;cursor:pointer;opacity:.75;background:#ffffffe6;border:4px solid #fff;border-radius:999px;width:68px;height:68px;font-size:1.25rem;font-weight:900;transition:all .25s;position:absolute;box-shadow:0 14px 34px #03366338}.journey-flag:hover{opacity:1;transform:translateY(-6px)scale(1.06)}.journey-flag.active{color:#fff;opacity:1;background:linear-gradient(135deg,#fea020,#fb6730);transform:scale(1.18);box-shadow:0 20px 44px #fea02061}.journey-flag.reached{opacity:1}.journey-flag:first-child{bottom:15%;left:13%}.journey-flag:nth-child(2){bottom:21%;left:22%}.journey-flag:nth-child(3){bottom:27%;left:31%}.journey-flag:nth-child(4){bottom:34%;left:40%}.journey-flag:nth-child(5){bottom:42%;left:49%}.journey-flag:nth-child(6){bottom:51%;left:56%}.journey-flag:nth-child(7){bottom:60%;left:63%}.journey-flag:nth-child(8){bottom:68%;left:70%}.journey-flag:nth-child(9){bottom:76%;left:77%}.journey-flag:nth-child(10){bottom:84%;left:84%}.journey-bottom{grid-template-columns:1fr 1.5fr 1.8fr;gap:20px;margin-top:24px;display:grid}.journey-box,.journey-actions{background:#ffffffe0;border-radius:28px;padding:24px;box-shadow:0 18px 44px #0336631a}.journey-box small{color:#033663;font-weight:900}.journey-box strong{color:#9b81b8;margin:8px 0;font-size:2rem;font-weight:900;display:block}.journey-box p{color:#033663;margin:0}.progress-track{background:#0336631f;border-radius:999px;height:12px;margin-top:14px;overflow:hidden}.progress-track span{background:#28b9aa;border-radius:999px;height:100%;transition:width .35s;display:block}.journey-actions{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.journey-actions button{color:#033663;cursor:pointer;background:#f4ecfb;border:none;border-radius:22px;padding:18px 14px;font-weight:900;transition:all .2s}.journey-actions button:hover:not(:disabled){transform:translateY(-3px)}.journey-actions button.primary{color:#fff;background:linear-gradient(135deg,#fea020,#fb6730)}.journey-actions button:last-child{color:#fff;background:#28b9aa}.journey-actions button:disabled{opacity:.45;cursor:not-allowed}.exercise-section{margin-top:38px}.exercise-section h2{color:#033663;margin-bottom:16px;font-size:1.7rem}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.exercise-card{background:#ffffffe0;border:1px solid #ffffffbf;border-radius:28px;padding:22px;box-shadow:0 16px 36px #0336631a}.exercise-card.correct{background:#54955c14;border-color:#54955cb3}.exercise-card.wrong{background:#fe20200f;border-color:#fe202073}.exercise-number{color:#9b81b8;margin-bottom:8px;font-size:.9rem;font-weight:800}.exercise-card h3{color:#033663;margin-bottom:14px;font-size:1rem;line-height:1.5}.exercise-card input{color:#033663;background:#fff;border:1px solid #0336632e;border-radius:16px;outline:none;width:100%;padding:13px 14px;font-size:1rem}.exercise-card input:focus{border-color:#28b9aa;box-shadow:0 0 0 4px #28b9aa24}.feedback{color:#033663;margin-top:12px;font-weight:800}@media (max-width:1000px){.oefenpagina{padding:30px 22px 70px}.journey-header{flex-direction:column}.journey-mountain{height:330px}.journey-flag{border-width:3px;width:46px;height:46px;font-size:.85rem}.journey-bottom,.journey-actions,.exercise-grid{grid-template-columns:1fr}}.bottom-journey-actions{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffffd9;border-radius:34px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:50px auto 0;padding:18px;display:grid;position:sticky;bottom:18px;box-shadow:0 24px 70px #0336632e}.bottom-journey-actions button{color:#033663;cursor:pointer;border:none;border-radius:24px;min-height:66px;padding:16px 18px;font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:900;line-height:1.2;transition:all .22s;box-shadow:0 12px 28px #0336631a}.bottom-journey-actions button:first-child{background:#f4ecfb}.bottom-journey-actions button.primary{color:#fff;background:linear-gradient(135deg,#fea020,#fb6730)}.bottom-journey-actions button:nth-child(3){color:#fff;background:linear-gradient(135deg,#28b9aa,#54955c)}.bottom-journey-actions button.refresh{color:#fff;background:linear-gradient(135deg,#9b81b8,#ca4091)}.bottom-journey-actions button:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 18px 38px #03366329}.bottom-journey-actions button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.bottom-journey-actions .level-warning{color:#fb6730;text-align:center;background:#fea02024;border-radius:18px;grid-column:1/-1;margin:4px 0 0;padding:12px 16px;font-weight:900}@media (max-width:900px){.bottom-journey-actions{grid-template-columns:1fr;padding:14px;bottom:10px}.bottom-journey-actions button{min-height:56px}}.mountain-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.level-selector-button{color:#fff;cursor:pointer;background:#033663;border:none;border-radius:14px;padding:12px 22px;font-weight:700;transition:all .2s}.level-selector-button:hover{background:#0b4b84;transform:translateY(-2px)}.level-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:35px;display:grid}.level-card{cursor:pointer;background:#fff;border:none;border-radius:18px;padding:16px;font-weight:700;transition:all .2s;box-shadow:0 8px 24px #00000014}.level-card:hover{transform:translateY(-3px)}.level-card.active{color:#fff;background:#033663}.level-card.locked{opacity:.35;cursor:not-allowed}.exercise-back{width:100%;max-width:1200px;margin:0 auto 20px;padding:0 20px}.back-button{color:#033663;background:#fff;border-radius:16px;align-items:center;gap:8px;padding:12px 20px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #03366314}.back-button{color:#033663;cursor:pointer;background:#fff;border:none;border-radius:16px;align-items:center;gap:8px;padding:12px 20px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #03366314}.back-button:hover{color:#fff;background:#033663;transform:translate(-3px)}.oefenen-overzicht-page{width:100%}.leerjaar-section{width:100%;max-width:1400px;margin:0 auto 80px;padding:0 48px}.leerjaar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.leerjaar-card,.secundair-card{text-align:center;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:210px;padding:48px 32px;text-decoration:none;display:flex;box-shadow:0 18px 45px #03366314}.leerjaar-card.active{color:#fff;background:linear-gradient(135deg,#28b9aa,#033663)}.leerjaar-card.disabled,.secundair-card{color:#03366373;cursor:not-allowed;background:#ffffffb8}.leerjaar-card h2,.secundair-card h2{margin:0;font-size:clamp(2rem,3vw,3rem)}.leerjaar-card p,.secundair-card p{margin:0;font-size:clamp(1.1rem,1.7vw,1.5rem)}.secundair-card{margin-top:32px}@media (max-width:1000px){.leerjaar-section{padding:0 28px}.leerjaar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.leerjaar-section{padding:0 18px}.leerjaar-grid{grid-template-columns:1fr}.leerjaar-card,.secundair-card{border-radius:28px;min-height:170px;padding:36px 24px}}.journey-mountain{isolation:isolate;background:linear-gradient(#dff7ff 0 30%,#eff7da 30% 55%,#d2e7b7 55% 100%);min-height:500px;overflow:hidden}.journey-mountain:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);z-index:-2;filter:drop-shadow(0 18px 20px #03366326);background:linear-gradient(145deg,#b7c7d4,#f7fbff 48%,#91a9ba 49% 100%);position:absolute;inset:22% 8% -12%}.journey-mountain:after{content:"";clip-path:polygon(0 100%,25% 35%,43% 62%,62% 18%,100% 100%);z-index:-1;background:#7f9b67;position:absolute;inset:38% 15% -10%}.mountain-trail{pointer-events:none;border-left:6px dashed #fea020a6;border-radius:50%;height:70%;position:absolute;bottom:12%;left:18%;right:18%;transform:skew(-18deg)rotate(8deg)}.mountain-summit{z-index:3;background:#ffffffeb;border-radius:50%;place-items:center;width:90px;height:90px;font-size:2rem;display:grid;position:absolute;top:6%;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #03366326}.mountain-summit span{color:#033663;font-size:.65rem;font-weight:900}.journey-flag{z-index:4;box-shadow:0 8px 22px #0336632e}
.portal-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;width:100%;max-width:900px;margin:40px auto;display:flex}.portal-button{border-radius:999px;flex:320px;justify-content:center;align-items:center;gap:12px;min-width:260px;max-width:420px;padding:22px 30px;font-size:clamp(1.2rem,2vw,2rem);font-weight:600;text-decoration:none;transition:all .25s;display:flex}.portal-button:hover{transform:translateY(-3px)}@media (max-width:900px){.portal-buttons{flex-direction:column;align-items:center}.portal-button{width:100%;max-width:520px}}
.oefenen-overzicht-page{z-index:5;position:relative}.leerjaar-overzicht{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffbf;border-radius:42px;width:min(1100px,100% - 40px);margin:40px auto 90px;padding:38px;box-shadow:0 24px 70px #0336631f}.leerjaar-overzicht h2{color:#033663;text-align:center;margin:0 0 26px;font-size:clamp(2rem,4vw,3.4rem)}.leerjaar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.leerjaar-card,.secundair-card{text-align:center;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:28px;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:flex}.leerjaar-card span,.secundair-card span{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:700}.leerjaar-card small,.secundair-card small{font-size:1rem}.leerjaar-card.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28b9aa,#033663);box-shadow:0 18px 38px #0336632e}.leerjaar-card.active:hover{transform:translateY(-5px)}.leerjaar-card.disabled,.secundair-card.disabled{color:#03366373;cursor:not-allowed;pointer-events:none;background:#03366312}.secundair-card{margin-top:22px}.secundair-card.active-secondary{color:#fff;cursor:pointer;background:radial-gradient(circle at 100% 0,#fea02052,#0000 38%),linear-gradient(135deg,#033663,#9b81b8);box-shadow:0 18px 42px #03366333}.secundair-card.active-secondary span,.secundair-card.active-secondary small,.secundair-card.active-secondary h2,.secundair-card.active-secondary p{color:#fff}.secundair-card.active-secondary:hover{transform:translateY(-5px);box-shadow:0 26px 56px #0336633d}@media (max-width:900px){.leerjaar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.leerjaar-overzicht{padding:28px 20px}}@media (max-width:560px){.leerjaar-grid{grid-template-columns:1fr}.leerjaar-card,.secundair-card{min-height:120px}}
.mailbox-page{width:100%;max-width:var(--content-max);margin:0 auto;padding:40px 54px 90px}.mailbox-hero{background:#ffffffdb;border-radius:36px;margin-bottom:32px;padding:34px;box-shadow:0 22px 58px #0336631f}.mailbox-hero h1{color:#033663;margin:8px 0 12px;font-size:clamp(2rem,4vw,3.4rem)}.mailbox-grid{grid-template-columns:.9fr 1.1fr;gap:26px;display:grid}.mailbox-compose,.mailbox-inbox{background:#ffffffe6;border-radius:32px;padding:28px;box-shadow:0 18px 46px #0336631a}.mailbox-compose h2,.mailbox-inbox h2{color:#033663;margin-bottom:20px}.mailbox-compose label{color:#033663;gap:8px;margin-bottom:16px;font-weight:800;display:grid}.mailbox-compose input,.mailbox-compose select,.mailbox-compose textarea{width:100%;font:inherit;background:#fff;border:1px solid #03366324;border-radius:18px;padding:13px 15px}.mailbox-compose button{color:#fff;cursor:pointer;background:#fea020;border:none;border-radius:999px;width:100%;padding:14px 20px;font-weight:900;box-shadow:0 14px 30px #fea02042}.mailbox-compose button:disabled{opacity:.6;cursor:not-allowed}.mail-list{gap:14px;display:grid}.mail-card{background:#28b9aa14;border:1px solid #28b9aa2e;border-radius:22px;padding:18px}.mail-card h3{color:#033663;margin:0 0 4px}.mail-card span,.mail-card small{color:#03366399;font-size:.85rem}.empty-mailbox{color:#033663a6}@media (max-width:900px){.mailbox-page{padding:28px 20px 70px}.mailbox-grid{grid-template-columns:1fr}}.smartschool-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}.leerling-menu{flex-direction:column;gap:14px;display:flex}.leerling-menu button,.leerling-menu a{color:#033663;text-align:left;width:100%;font:inherit;cursor:pointer;background:#f5f1fb;border:0;border-radius:20px;padding:16px 20px;font-weight:800;text-decoration:none;display:block}.leerling-menu button.active{color:#28b9aa;background:#28b9aa29}.smartschool-main{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:32px;padding:24px;overflow-x:auto;box-shadow:0 24px 60px #0336631f}.smartschool-panel{display:none}.agenda-toolbar{z-index:10;background:#fffffff2;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex;position:sticky;top:0}.agenda-toolbar button{color:#033663;cursor:pointer;background:#eef6fb;border:0;border-radius:14px;padding:12px 18px;font-weight:900}.week-agenda{background:#fff;border:1px solid #e3edf4;border-radius:24px;grid-template-columns:80px repeat(5,minmax(210px,1fr));min-width:1180px;display:grid;overflow:hidden}.agenda-time-header,.agenda-day-header{background:#f7fbff;border-bottom:1px solid #d9e6ef}.agenda-day-header{text-align:center;color:#033663;padding:16px 10px}.agenda-day-header strong,.agenda-day-header span{display:block}.agenda-row{display:contents}.agenda-hour{color:#6b7f94;background:#fbfdff;border-top:1px solid #e3edf4;padding:14px 10px;font-size:14px}.agenda-cell{background:#fffffff0;border-top:1px solid #e3edf4;border-left:1px solid #e3edf4;min-height:110px;padding:10px}.agenda-event{color:#033663;border-radius:18px;grid-template-columns:auto 1fr auto;gap:8px;min-height:86px;margin-bottom:8px;padding:10px;display:grid;box-shadow:0 10px 24px #0336631a}.agenda-event button{cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;width:28px;height:28px;font-weight:900}.agenda-event strong{font-size:15px;display:block}.agenda-event p{margin:4px 0;font-weight:800}.agenda-event small{color:#033663ad}.agenda-les{background:#bdf4c0}.agenda-huiswerk{background:#ffd9a3}.agenda-todo{background:#f4b5dc}.agenda-oefening{background:#9ed7ff}.time-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:1200px){.smartschool-layout{grid-template-columns:1fr}}.mailbox-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.mailbox-heading button{color:#033663;background:#fff;border:1px solid #0336631f;border-radius:999px;padding:9px 14px;font-weight:800}.mail-card{text-align:left;cursor:pointer;border:1px solid #03366314;width:100%}.mail-card.unread{background:#f0fffc;border-left:5px solid #28b9aa}.mailbox-empty-card{background:#fff;border-radius:28px;max-width:720px;margin:80px auto;padding:40px;box-shadow:0 20px 50px #0336631a}.mail-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031e378c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mail-modal{background:#fff;border-radius:28px;width:min(680px,100%);max-height:85vh;padding:34px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000040}.mail-close{background:0 0;border:0;font-size:2rem;position:absolute;top:15px;right:18px}.mail-body{white-space:pre-wrap;line-height:1.75}.mail-actions{gap:12px;margin-top:24px;display:flex}.mail-actions button{color:#fff;background:#033663;border:0;border-radius:999px;padding:12px 20px;font-weight:800}.mail-actions .danger{color:#b42318;background:#fff0ef;border:1px solid #f1c4c0}
.leerling-planner-page{color:#033663;background:radial-gradient(circle at 50% 7%,#fea02029,#0000 18%),radial-gradient(circle at 8% 40%,#28b9aa29,#0000 25%),linear-gradient(135deg,#fffdf4 0%,#f8fbfb 55%,#eef9f6 100%);min-height:100vh}.planner-main{width:min(1500px,100% - 40px);margin:0 auto;padding:34px 0 70px}.planner-hero{margin-bottom:22px}.planner-hero h1{color:#033663;margin:0;font-size:clamp(42px,6vw,72px);line-height:1}.planner-hero p{color:#033663c7;margin:14px 0 0;font-size:22px}.leerling-menu-top{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-radius:34px;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin:28px 0 22px;padding:16px;display:grid;box-shadow:0 22px 54px #0336631a}.leerling-menu-top a{color:#033663;background:#f5f1fb;border-radius:22px;justify-content:center;align-items:center;min-height:58px;padding:14px 18px;font-weight:900;text-decoration:none;display:flex}.leerling-menu-top a.active,.leerling-menu-top a:hover{color:#28b9aa;background:#28b9aa2e}.planner-overview{grid-template-columns:repeat(3,minmax(150px,1fr)) auto;gap:14px;margin-bottom:22px;display:grid}.planner-overview article,.planner-overview button{background:#fff;border:0;border-radius:28px;min-height:86px;padding:18px 22px;box-shadow:0 16px 38px #03366314}.planner-overview strong{font-size:32px;line-height:1;display:block}.planner-overview span{color:#033663a6;font-weight:800}.planner-overview button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#fea020,#fb6730);font-weight:950}.planner-actions{background:#fff;border-radius:30px;margin-bottom:22px;padding:18px;box-shadow:0 18px 42px #03366314}.planner-create-form{grid-template-columns:1.4fr 1fr .9fr .9fr .7fr .7fr 1.3fr auto;gap:10px;display:grid}.planner-create-form input,.planner-create-form select,.planner-create-form textarea{color:#033663;min-width:0;font:inherit;resize:none;background:#f2f7fb;border:0;border-radius:16px;padding:13px 14px}.planner-create-form button{color:#fff;cursor:pointer;background:#033663;border:0;border-radius:999px;padding:13px 18px;font-weight:900}.planner-board{background:#fff;border-radius:34px;grid-template-columns:74px minmax(1120px,1fr);display:grid;overflow:auto;box-shadow:0 24px 70px #0336631a}.planner-hours{background:#fbfdff;border-right:1px solid #03366314;grid-template-rows:70px repeat(8,122px);display:grid}.planner-hours span{text-align:center;color:#6b7f94;border-top:1px solid #e3edf4;padding-top:14px;font-size:15px}.planner-days{grid-template-columns:repeat(5,minmax(220px,1fr));display:grid}.planner-day-column{border-right:1px solid #03366314}.planner-day-column h2{color:#033663;text-transform:capitalize;background:#f7fbff;border-bottom:1px solid #e3edf4;place-items:center;height:70px;margin:0;font-size:22px;display:grid}.planner-day-grid{grid-template-rows:repeat(8,122px);display:grid}.planner-hour-cell{background:#fffffff0;border-top:1px solid #e3edf4;padding:10px;overflow:hidden}.planner-block{color:#033663;border-radius:20px;min-height:96px;padding:12px 38px 12px 42px;position:relative;box-shadow:0 12px 24px #0336631f}.planner-block.is-done{opacity:.58}.planner-block.is-done h3{text-decoration:line-through}.planner-check{position:absolute;top:14px;left:12px}.planner-check input{display:none}.planner-check span{cursor:pointer;background:#fff;border:2px solid #0336634d;border-radius:50%;width:22px;height:22px;display:block}.planner-check input:checked+span{background:#28b9aa;border-color:#28b9aa}.planner-delete{color:#033663;cursor:pointer;background:#ffffffc7;border:0;border-radius:50%;width:26px;height:26px;font-weight:900;position:absolute;top:10px;right:10px}.planner-block strong{font-size:13px}.planner-block h3{margin:3px 0;font-size:17px}.planner-block p,.planner-block small,.planner-block em{color:#033663b8;margin:0;font-size:13px;display:block}.planner-block em{margin-top:5px;font-style:normal}@media (max-width:1100px){.leerling-menu-top{grid-template-columns:repeat(3,1fr)}.planner-overview{grid-template-columns:repeat(2,1fr)}.planner-create-form{grid-template-columns:1fr 1fr}}@media (max-width:700px){.planner-main{width:min(100% - 24px,1500px);padding-top:22px}.leerling-menu-top,.planner-overview,.planner-create-form{grid-template-columns:1fr}}
.smartschool-dashboard{width:min(1600px,100% - 32px);margin:0 auto 80px}.smartschool-layout{grid-template-columns:260px minmax(0,1fr) 340px;align-items:start;gap:22px;display:grid}.smartschool-main{overflow-x:auto}.agenda-toolbar{align-items:center;gap:10px;margin-bottom:20px;display:flex}.agenda-toolbar button{color:#033663;cursor:pointer;background:#eef6fb;border:0;border-radius:14px;padding:10px 16px;font-weight:900}.week-agenda{background:#fff;border:1px solid #e3edf4;border-radius:24px;grid-template-columns:70px repeat(5,minmax(150px,1fr));min-width:900px;display:grid;overflow:hidden}.agenda-time-header,.agenda-day-header{background:#f7fbff;border-bottom:1px solid #d9e6ef}.agenda-day-header{text-align:center;color:#033663;padding:14px}.agenda-day-header strong{text-transform:capitalize;display:block}.agenda-day-header span{color:#6b7f94}.agenda-row{display:contents}.agenda-hour{color:#6b7f94;background:#fbfdff;border-top:1px solid #e3edf4;padding:14px 10px;font-size:14px}.agenda-cell{background:#ffffffe0;border-top:1px solid #e3edf4;border-left:1px solid #e3edf4;min-height:95px;padding:8px}.agenda-event{color:#033663;border-radius:16px;grid-template-columns:auto 1fr auto;gap:8px;margin-bottom:8px;padding:10px;display:grid;box-shadow:0 10px 24px #0336631a}.agenda-event button{cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;width:26px;height:26px;font-weight:900}.agenda-event strong{font-size:14px;display:block}.agenda-event p{margin:4px 0;font-weight:800}.agenda-event small{color:#033663b3}.agenda-les{background:#bdf4c0}.agenda-huiswerk{background:#ffd9a3}.agenda-todo{background:#f4b5dc}.agenda-oefening{background:#9ed7ff}.agenda-event.done{opacity:.55}.agenda-event.done p,.agenda-event.done strong{text-decoration:line-through}.smartschool-panel{gap:22px;display:grid}.time-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:1200px){.smartschool-layout{grid-template-columns:1fr}.smartschool-main{overflow-x:auto}}.leerling-login-page{background:radial-gradient(circle at 15% 15%,#28b9aa38,#0000 30%),radial-gradient(circle at 85% 20%,#fea02033,#0000 28%),linear-gradient(135deg,#eef9f8 0%,#f7fbff 45%,#fff8ee 100%);place-items:center;min-height:100vh;padding:48px 24px;display:grid}.leerling-login-card{background:#ffffffe0;border:1px solid #ffffffbf;border-radius:42px;grid-template-columns:1fr .9fr;width:min(1080px,100%);display:grid;overflow:hidden;box-shadow:0 30px 90px #0336632e}.leerling-login-left{padding:56px}.leerling-login-badge{color:#28b9aa;letter-spacing:.12em;text-transform:uppercase;background:#28b9aa1f;border-radius:999px;width:fit-content;margin:0 0 18px;padding:9px 16px;font-size:13px;font-weight:900}.leerling-login-left h1{color:#033663;margin:0 0 12px;font-size:clamp(42px,6vw,68px);line-height:.95}.leerling-login-text,.leerling-help{color:#033663b3;font-size:18px}.leerling-login-form{gap:18px;margin-top:34px;display:grid}.leerling-login-form label{color:#033663;font-weight:900}.leerling-input{background:#f3f8fb;border:1px solid #03366314;border-radius:20px;align-items:center;gap:12px;margin-top:8px;padding:0 16px;display:flex}.leerling-input input{color:#033663;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:17px 0}.leerling-input button{color:#28b9aa;cursor:pointer;background:0 0;border:0;font-weight:900}.leerling-options{color:#033663b8;justify-content:space-between;align-items:center;gap:16px;display:flex}.leerling-options label{align-items:center;gap:8px;font-weight:800;display:flex}.leerling-options input{accent-color:#28b9aa}.leerling-options a{color:#033663;font-weight:900;text-decoration:none}.login-error{color:#b32222;background:#fe202014;border-radius:16px;margin:0;padding:12px 14px;font-weight:800}.leerling-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#033663,#28b9aa);border:0;border-radius:999px;padding:17px 24px;font-size:17px;font-weight:950;box-shadow:0 18px 36px #03366338}.leerling-submit:disabled{opacity:.65;cursor:not-allowed}.leerling-login-right{background:radial-gradient(circle at 50% 20%,#ffffffb3,#0000 28%),linear-gradient(160deg,#033663,#0d5d83 55%,#28b9aa);place-items:center;padding:50px;display:grid;position:relative}.leerling-logo{background:#ffffffeb;border-radius:50%;place-items:center;width:310px;height:310px;display:grid;box-shadow:0 24px 60px #0000002e}.leerling-mini-card{color:#033663;background:#ffffffeb;border-radius:24px;gap:4px;min-width:160px;padding:18px;display:grid;position:absolute;bottom:72px;left:34px;box-shadow:0 18px 38px #00000024}.leerling-mini-card.second{bottom:130px;left:auto;right:34px}.leerling-mini-card strong{font-size:18px}.leerling-mini-card span{color:#033663a6;font-weight:800}@media (max-width:900px){.leerling-login-card{grid-template-columns:1fr}.leerling-login-right{min-height:360px}.leerling-login-left{padding:38px 28px}}@media (max-width:600px){.leerling-login-page{padding:24px 14px}.leerling-options{flex-direction:column;align-items:flex-start}.leerling-logo{width:230px;height:230px}.leerling-logo img{width:200px;height:auto}.leerling-mini-card{margin-top:16px;position:static}.leerling-login-right{gap:14px}}
.smartschool-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}.leerling-menu{flex-direction:column;gap:14px;display:flex}.leerling-menu button,.leerling-menu a{color:#033663;text-align:left;width:100%;font:inherit;cursor:pointer;background:#f5f1fb;border:0;border-radius:20px;padding:16px 20px;font-weight:800;text-decoration:none;display:block}.leerling-menu button.active{color:#28b9aa;background:#28b9aa29}.smartschool-main{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:32px;padding:24px;overflow-x:auto;box-shadow:0 24px 60px #0336631f}.smartschool-panel{display:none}.agenda-toolbar{z-index:10;background:#fffffff2;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex;position:sticky;top:0}.agenda-toolbar button{color:#033663;cursor:pointer;background:#eef6fb;border:0;border-radius:14px;padding:12px 18px;font-weight:900}.week-agenda{background:#fff;border:1px solid #e3edf4;border-radius:24px;grid-template-columns:80px repeat(5,minmax(210px,1fr));min-width:1180px;display:grid;overflow:hidden}.agenda-time-header,.agenda-day-header{background:#f7fbff;border-bottom:1px solid #d9e6ef}.agenda-day-header{text-align:center;color:#033663;padding:16px 10px}.agenda-day-header strong,.agenda-day-header span{display:block}.agenda-row{display:contents}.agenda-hour{color:#6b7f94;background:#fbfdff;border-top:1px solid #e3edf4;padding:14px 10px;font-size:14px}.agenda-cell{background:#fffffff0;border-top:1px solid #e3edf4;border-left:1px solid #e3edf4;min-height:110px;padding:10px}.agenda-event{color:#033663;border-radius:18px;grid-template-columns:auto 1fr auto;gap:8px;min-height:86px;margin-bottom:8px;padding:10px;display:grid;box-shadow:0 10px 24px #0336631a}.agenda-event button{cursor:pointer;background:#ffffffd9;border:0;border-radius:999px;width:28px;height:28px;font-weight:900}.agenda-event strong{font-size:15px;display:block}.agenda-event p{margin:4px 0;font-weight:800}.agenda-event small{color:#033663ad}.agenda-les{background:#bdf4c0}.agenda-huiswerk{background:#ffd9a3}.agenda-todo{background:#f4b5dc}.agenda-oefening{background:#9ed7ff}.time-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:1200px){.smartschool-layout{grid-template-columns:1fr}}
.year-switcher{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.year-pill{color:#033663;cursor:pointer;background:#ffffffdb;border:2px solid #0336631f;border-radius:999px;padding:12px 22px;font-weight:800;transition:all .22s;box-shadow:0 10px 24px #03366314}.year-pill:hover{color:#28b9aa;border-color:#28b9aa;transform:translateY(-2px)}.year-pill.active{color:#fff;background:linear-gradient(135deg,#28b9aa,#033663);border-color:#0000}
.login-header{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:42px;display:flex}.login-header h1,.login-subtitle{margin:0}.back-home-button{color:#033663;white-space:nowrap;background:#ffffffeb;border:2px solid #28b9aa40;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s,color .25s,background .25s;display:inline-flex;box-shadow:0 8px 24px #03366314}.back-home-button:hover{color:#28b9aa;background:#fff;border-color:#28b9aa;transform:translateY(-2px);box-shadow:0 16px 36px #28b9aa2e}.back-home-button:active{transform:translateY(0)}.back-home-button svg{flex-shrink:0;width:22px;height:22px}@media (max-width:768px){.login-header{gap:18px;margin-bottom:34px}.back-home-button{justify-content:center;width:100%;padding:14px 18px;font-size:.95rem}}.login-card h1{margin-top:18px;margin-bottom:18px;font-size:clamp(52px,5vw,82px);line-height:.95}.login-back-button{align-self:flex-start;margin-bottom:24px}