.appointment-choice-page{z-index:6;width:100%;padding:42px 28px 110px;position:relative}.appointment-choice-hero,.appointment-choice-section,.appointment-choice-footer-card{width:min(1240px,100%);margin-inline:auto}.appointment-choice-hero{-webkit-backdrop-filter:blur(18px);background:radial-gradient(circle at 68% 15%,#fea0201f,#0000 22%),linear-gradient(145deg,#fffffff2,#fffdf4db);border:1px solid #ffffffbd;border-radius:38px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:42px;min-height:540px;padding:54px;display:grid;box-shadow:0 28px 70px #0336631f}.appointment-choice-copy{min-width:0}.appointment-choice-page .eyebrow{color:#28b9aa;letter-spacing:.15em;text-transform:uppercase;margin:0 0 11px;font-size:13px;font-weight:900;line-height:1.3}.appointment-choice-copy h1{color:#033663;max-width:760px;margin:0;font-family:StudioTitle,sans-serif;font-size:clamp(48px,6vw,78px);font-weight:950;line-height:.98}.appointment-choice-lead{color:#033663b8;max-width:700px;margin:23px 0 0;font-size:clamp(17px,1.8vw,21px);font-weight:650;line-height:1.65}.appointment-choice-notice{background:#28b9aa14;border:1px solid #28b9aa33;border-radius:20px;grid-template-columns:52px minmax(0,1fr);gap:15px;max-width:700px;margin-top:30px;padding:20px;display:grid}.appointment-choice-notice>span{background:#28b9aa21;border-radius:16px;place-items:center;width:52px;height:52px;font-size:23px;display:grid}.appointment-choice-notice strong{color:#033663;font-size:16px;font-weight:900;display:block}.appointment-choice-notice p{color:#033663a8;margin:6px 0 0;font-size:14px;font-weight:650;line-height:1.55}.appointment-choice-quicklinks{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.appointment-choice-primary,.appointment-choice-secondary{border-radius:17px;justify-content:center;align-items:center;min-height:54px;padding:0 23px;font-size:15px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.appointment-choice-primary{color:#fff;background:linear-gradient(135deg,#fea020,#fb6730);box-shadow:0 14px 30px #fb673038}.appointment-choice-secondary{color:#033663;background:#ffffffe6;border:1px solid #03366324}.appointment-choice-info{background:#ffffffe8;border:1px solid #03366314;border-radius:30px;padding:12px 28px;box-shadow:0 22px 52px #0336631a}.appointment-choice-info>div{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:16px;padding:23px 0;display:grid}.appointment-choice-info>div+div{border-top:1px solid #03366314}.appointment-choice-info>div>span{color:#fff;background:linear-gradient(135deg,#28b9aa,#1f9f94);border-radius:15px;place-items:center;width:46px;height:46px;font-size:15px;font-weight:950;display:grid}.appointment-choice-info strong{color:#033663;font-size:16px;font-weight:900;display:block}.appointment-choice-info p{color:#0336639e;margin:6px 0 0;font-size:13px;font-weight:650;line-height:1.5}.appointment-choice-section{margin-top:70px}.appointment-choice-heading{max-width:770px;margin-bottom:30px}.appointment-choice-heading h2{color:#033663;margin:0;font-family:StudioTitle,sans-serif;font-size:clamp(35px,4vw,54px);font-weight:950;line-height:1.05}.appointment-choice-heading>p:last-child{color:#033663ad;margin:15px 0 0;font-size:16px;font-weight:650;line-height:1.65}.appointment-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.appointment-choice-card{background:#fffffff0;border:1px solid #ffffffc2;border-radius:30px;flex-direction:column;min-width:0;padding:33px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 20px 52px #0336631a}.appointment-choice-card.teal{background:linear-gradient(145deg,#28b9aa21,#fffffff5 48%)}.appointment-choice-card.navy{background:linear-gradient(145deg,#0336631a,#fffffff5 48%)}.appointment-choice-card.green{background:linear-gradient(145deg,#54955c21,#fffffff5 48%)}.appointment-choice-card.purple{background:linear-gradient(145deg,#9b81b826,#fffffff5 48%)}.appointment-choice-card:hover{transform:translateY(-5px);box-shadow:0 28px 64px #03366326}.appointment-choice-card-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.appointment-choice-icon{background:#ffffffd1;border-radius:19px;place-items:center;width:61px;height:61px;font-size:27px;display:grid;box-shadow:0 10px 24px #03366314}.appointment-choice-duration{color:#033663;background:#ffffffbf;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:900}.appointment-choice-eyebrow{color:#28b9aa;letter-spacing:.12em;text-transform:uppercase;margin:25px 0 0;font-size:12px;font-weight:900}.appointment-choice-card h2{color:#033663;margin:10px 0 0;font-family:StudioTitle,sans-serif;font-size:clamp(28px,3vw,38px);font-weight:950;line-height:1.1}.appointment-choice-price{align-items:baseline;gap:10px;margin-top:19px;display:flex}.appointment-choice-price strong{color:#033663;font-size:clamp(34px,4vw,48px);font-weight:950;line-height:1}.appointment-choice-price span{color:#0336639e;font-size:14px;font-weight:750}.appointment-choice-description{color:#033663b0;margin:20px 0 0;font-size:15px;font-weight:650;line-height:1.65}.appointment-choice-card ul{gap:11px;margin:24px 0 30px;padding:0;list-style:none;display:grid}.appointment-choice-card li{color:#033663bf;align-items:flex-start;gap:10px;font-size:14px;font-weight:700;line-height:1.5;display:flex}.appointment-choice-card li>span{color:#168f86;background:#28b9aa1f;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:950;display:grid}.appointment-choice-button{color:#fff;background:linear-gradient(135deg,#fea020,#fb6730);border-radius:17px;justify-content:space-between;align-items:center;gap:13px;min-height:54px;margin-top:auto;padding:0 22px;font-size:15px;font-weight:900;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 30px #fb673038}.appointment-choice-button:hover,.appointment-choice-primary:hover,.appointment-choice-secondary:hover{transform:translateY(-2px)}.appointment-choice-footer-card{background:#ffffffd1;border:1px solid #03366317;border-radius:23px;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:28px;padding:23px 27px;display:grid}.appointment-choice-footer-icon{background:#fea02021;border-radius:16px;place-items:center;width:55px;height:55px;font-size:24px;display:grid}.appointment-choice-footer-card strong{color:#033663;font-size:16px;font-weight:900}.appointment-choice-footer-card p{color:#033663a3;margin:5px 0 0;font-size:14px;line-height:1.5}.appointment-choice-footer-card a{color:#033663;text-underline-offset:4px;font-size:14px;font-weight:900}@media (max-width:980px){.appointment-choice-hero{grid-template-columns:1fr}}@media (max-width:760px){.appointment-choice-page{padding:28px 16px 80px}.appointment-choice-hero{border-radius:28px;min-height:auto;padding:32px 24px}.appointment-choice-copy h1{font-size:46px}.appointment-choice-grid,.appointment-choice-footer-card{grid-template-columns:1fr}}@media (max-width:480px){.appointment-choice-page{padding-inline:12px}.appointment-choice-hero{padding:27px 20px}.appointment-choice-copy h1{font-size:39px}.appointment-choice-notice{grid-template-columns:1fr}.appointment-choice-quicklinks{flex-direction:column}.appointment-choice-primary,.appointment-choice-secondary{width:100%}.appointment-choice-card{padding:25px 21px}}
:root{--sago-premium-navy:#033663;--sago-premium-teal:#28b9aa;--sago-premium-orange:#fea020;--sago-premium-deep-orange:#fb6730;--sago-premium-purple:#9b81b8;--sago-premium-green:#54955c;--sago-premium-muted:#66819d;--sago-premium-shadow:0 22px 60px #0336631a}.customer-appointments .agenda-list{align-items:start;gap:24px}.customer-appointments .agenda-item{min-width:0;box-shadow:var(--sago-premium-shadow);-webkit-backdrop-filter:blur(18px);background:radial-gradient(circle at 92% 5%,#28b9aa1a,#0000 24%),radial-gradient(circle at 8% 95%,#fea02017,#0000 25%),linear-gradient(145deg,#fffffff7,#fffdf4eb);border:1px solid #03366317;border-radius:30px;padding:clamp(22px,2.3vw,32px);position:relative;overflow:hidden;container-type:inline-size}.customer-appointments .agenda-item:before{content:"";background:linear-gradient(90deg, var(--sago-premium-teal), var(--sago-premium-orange));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:34px;right:34px}.customer-appointments .appointment-card-header{border-bottom:1px solid #03366317;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;width:100%;padding-bottom:22px;display:grid}.customer-appointments .appointment-card-header>*{min-width:0}.customer-appointments .appointment-title{max-width:none;color:var(--sago-premium-navy);letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;margin:0;font-size:clamp(1.7rem,2.2vw,2.35rem);font-weight:500;line-height:1.08}.customer-appointments .appointment-type-label{width:fit-content;max-width:100%;color:var(--sago-premium-muted);overflow-wrap:normal;word-break:normal;background:#0336630d;border-radius:999px;align-items:center;margin-top:12px;padding:9px 13px;font-size:.9rem;font-weight:750;line-height:1.35;display:inline-flex}.customer-appointments .appointment-badges{flex-wrap:wrap;justify-content:flex-start;gap:9px;width:100%;min-width:0;display:flex}.customer-appointments .appointment-status-badge,.customer-appointments .google-status-badge{text-align:center;white-space:normal;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:40px;padding:9px 14px;font-size:.78rem;font-weight:850;line-height:1.25;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff73}.customer-appointments .appointment-status-badge.confirmed,.customer-appointments .appointment-status-badge.approved{color:#087b72;background:#28b9aa21}.customer-appointments .google-status-badge.linked{color:#3d7848;background:#54955c1f}.customer-appointments .google-status-badge.not-linked{color:#9a5c0b;background:#fea02024}.customer-appointments .appointment-details{border:0;grid-template-columns:minmax(0,1.3fr) minmax(120px,.8fr);gap:12px;width:100%;margin-top:20px;padding:0;display:grid}.customer-appointments .appointment-details p{min-width:0;min-height:88px;color:var(--sago-premium-navy);background:#ffffffb8;border:1px solid #03366314;border-radius:17px;align-items:flex-start;gap:12px;margin:0;padding:15px 16px;display:flex;box-shadow:0 10px 24px #0336630b}.customer-appointments .appointment-details p:last-child:nth-child(odd){grid-column:1/-1;min-height:76px}.customer-appointments .appointment-detail-icon{background:#28b9aa1c;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:1rem;display:grid}.customer-appointments .appointment-details p:nth-child(2) .appointment-detail-icon{background:#fea02021}.customer-appointments .appointment-details p:nth-child(3) .appointment-detail-icon{background:#9b81b821}.customer-appointments .appointment-details p:nth-child(4) .appointment-detail-icon{background:#fb67301a}.customer-appointments .appointment-details p>span:last-child{min-width:0;color:var(--sago-premium-navy);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(.92rem,1.15vw,1.08rem);line-height:1.5}.customer-appointments .appointment-details p:first-child>span:last-child{white-space:normal}.customer-appointments .appointment-details p:nth-child(2)>span:last-child{white-space:nowrap}.customer-appointments .appointment-experience{gap:14px;min-width:0;margin-top:20px;display:grid}.customer-appointments .appointment-countdown{color:#087b72;background:linear-gradient(135deg,#28b9aa21,#ffffffdb);border:1px solid #28b9aa24;border-radius:999px;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0;padding:11px 15px;font-size:.84rem;line-height:1.35;display:inline-flex;box-shadow:0 10px 24px #28b9aa14}.customer-appointments .appointment-countdown strong{font-weight:900}.customer-appointments .appointment-countdown--soon{color:#9a5c0b;background:linear-gradient(135deg,#fea02026,#ffffffe6);border-color:#fea02033}.customer-appointments .appointment-countdown--live{color:#a33d24;background:linear-gradient(135deg,#fb673024,#ffffffe6);border-color:#fb67302e}.customer-appointments .appointment-countdown--past{color:#087b72}.customer-appointments .appointment-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.customer-appointments .appointment-extra-card{background:#ffffffb8;border:1px solid #03366314;border-radius:18px;align-items:center;gap:13px;min-width:0;padding:16px;display:flex;box-shadow:0 12px 28px #0336630b}.customer-appointments .appointment-extra-card>span{background:#9b81b821;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.15rem;display:grid}.customer-appointments .appointment-extra-card:nth-child(2)>span{background:#fea02024}.customer-appointments .appointment-extra-card>div{min-width:0}.customer-appointments .appointment-extra-card small{color:var(--sago-premium-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:850;display:block}.customer-appointments .appointment-extra-card strong{color:var(--sago-premium-navy);overflow-wrap:break-word;font-size:.94rem;line-height:1.35;display:block}.customer-appointments .appointment-extra-card div>span{color:var(--sago-premium-muted);margin-top:3px;font-size:.76rem;display:block}.customer-appointments .appointment-location-card{background:#ffffffb8;border:1px solid #03366314;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.customer-appointments .appointment-location-card>div{align-items:center;gap:12px;min-width:0;display:flex}.customer-appointments .appointment-location-card>div>span{background:#fb67301a;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.customer-appointments .appointment-location-card small{color:var(--sago-premium-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:.7rem;font-weight:800;display:block}.customer-appointments .appointment-location-card strong{color:var(--sago-premium-navy);overflow-wrap:break-word;font-size:.9rem;line-height:1.4;display:block}.customer-appointments .appointment-location-card a{color:#fff;background:var(--sago-premium-navy);text-align:center;border-radius:13px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:.76rem;font-weight:850;text-decoration:none;display:inline-flex}.customer-appointments .appointment-files,.customer-appointments .appointment-report,.customer-appointments .appointment-feedback{background:linear-gradient(145deg,#ffffffd1,#fffdf4b8);border:1px solid #03366314;border-radius:20px;min-width:0;padding:18px;box-shadow:0 12px 30px #0336630b}.customer-appointments .appointment-subheading{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.customer-appointments .appointment-subheading>div{align-items:center;gap:12px;min-width:0;display:flex}.customer-appointments .appointment-subheading>div>span{background:#28b9aa1f;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.customer-appointments .appointment-subheading strong{color:var(--sago-premium-navy);font-size:.95rem;display:block}.customer-appointments .appointment-subheading p{color:var(--sago-premium-muted);margin:3px 0 0;font-size:.76rem;line-height:1.45}.customer-appointments .appointment-upload-button{color:#fff;background:linear-gradient(135deg, var(--sago-premium-teal), #1f9f94);text-align:center;cursor:pointer;border-radius:13px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:.76rem;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #28b9aa2e}.customer-appointments .appointment-upload-button input{display:none}.customer-appointments .appointment-empty-inline{color:var(--sago-premium-muted);background:#0336630a;border-radius:14px;margin:14px 0 0;padding:13px 14px;font-size:.78rem}.customer-appointments .appointment-file-list{gap:9px;margin-top:14px;display:grid}.customer-appointments .appointment-file{min-width:0;color:var(--sago-premium-navy);background:#ffffffb8;border:1px solid #03366312;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.customer-appointments .appointment-file:hover{transform:translateY(-2px);box-shadow:0 10px 24px #03366314}.customer-appointments .appointment-file>span:nth-child(2){min-width:0}.customer-appointments .appointment-file strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.customer-appointments .appointment-file small{color:var(--sago-premium-muted);margin-top:3px;display:block}.customer-appointments .appointment-report-block{background:#03366309;border-radius:15px;margin-top:16px;padding:15px}.customer-appointments .appointment-report-block>strong{color:var(--sago-premium-navy);font-size:.83rem}.customer-appointments .appointment-report-block ul{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.customer-appointments .appointment-report-block li{color:var(--sago-premium-muted);font-size:.8rem;line-height:1.45}.customer-appointments .appointment-report-note{color:var(--sago-premium-navy);background:#28b9aa12;border-radius:15px;margin:14px 0 0;padding:14px;font-size:.82rem;line-height:1.55}.customer-appointments .appointment-stars{flex-wrap:wrap;gap:5px;margin-top:16px;display:flex}.customer-appointments .appointment-stars button{color:#03366333;cursor:pointer;background:#0336630b;border:0;border-radius:12px;width:42px;height:42px;padding:0;font-size:1.35rem;transition:transform .18s,color .18s,background .18s}.customer-appointments .appointment-stars button:hover{transform:translateY(-2px)}.customer-appointments .appointment-stars button.is-selected{color:var(--sago-premium-orange);background:#fea0201f}.customer-appointments .appointment-feedback textarea{resize:vertical;width:100%;min-height:110px;color:var(--sago-premium-navy);font:inherit;background:#fffc;border:1px solid #0336631a;border-radius:15px;outline:none;margin-top:14px;padding:14px;font-size:.84rem;line-height:1.5}.customer-appointments .appointment-feedback textarea:focus{border-color:#28b9aa8c;box-shadow:0 0 0 4px #28b9aa17}.customer-appointments .appointment-feedback-submit{color:#fff;background:var(--sago-premium-navy);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;min-height:44px;margin-top:12px;padding:10px 16px;font-size:.78rem;font-weight:850;display:inline-flex}.customer-appointments .appointment-feedback-submit:disabled{opacity:.55;cursor:not-allowed}.customer-appointments .appointment-experience-message{color:var(--sago-premium-navy);background:#28b9aa17;border-radius:14px;margin:0;padding:13px 14px;font-size:.8rem;line-height:1.45}.customer-appointments .appointment-actions{border-top:1px solid #03366314;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:20px;display:grid}.customer-appointments .appointment-action{border-radius:16px;justify-content:center;width:100%;min-height:52px;font-size:.86rem;font-weight:850}.customer-appointments .appointment-action.cancel{grid-column:1/-1;width:min(100%,440px)}.customer-appointments .google-sync-card{background:linear-gradient(135deg,#fffdf4f0,#fea02014);border:1px solid #fea0202e;border-radius:24px;box-shadow:0 18px 42px #fea02014}@container (max-width:540px){.customer-appointments .appointment-title{font-size:1.65rem}.customer-appointments .appointment-details{grid-template-columns:1fr}.customer-appointments .appointment-details p{min-height:0}.customer-appointments .appointment-details p:last-child:nth-child(odd){grid-column:auto}.customer-appointments .appointment-extra-grid{grid-template-columns:1fr}.customer-appointments .appointment-subheading,.customer-appointments .appointment-location-card{flex-direction:column;align-items:stretch}.customer-appointments .appointment-upload-button,.customer-appointments .appointment-location-card a{width:100%}.customer-appointments .appointment-actions{grid-template-columns:1fr}.customer-appointments .appointment-action.cancel{grid-column:auto;width:100%}}@media (max-width:900px){.customer-appointments .appointment-badges{justify-content:flex-start}}@media (max-width:700px){.customer-appointments .agenda-item{border-radius:24px;padding:20px}.customer-appointments .agenda-item:before{left:22px;right:22px}.customer-appointments .appointment-card-header{gap:14px;padding-bottom:18px}.customer-appointments .appointment-title{font-size:1.55rem}.customer-appointments .appointment-status-badge,.customer-appointments .google-status-badge{min-height:38px;padding:9px 12px;font-size:.72rem}.customer-appointments .appointment-details{grid-template-columns:1fr}.customer-appointments .appointment-details p{min-height:0}.customer-appointments .appointment-details p:last-child:nth-child(odd){grid-column:auto}.customer-appointments .appointment-extra-grid{grid-template-columns:1fr}.customer-appointments .appointment-subheading,.customer-appointments .appointment-location-card{flex-direction:column;align-items:stretch}.customer-appointments .appointment-upload-button,.customer-appointments .appointment-location-card a{width:100%}.customer-appointments .appointment-actions{grid-template-columns:1fr}.customer-appointments .appointment-action.cancel{grid-column:auto;width:100%}}
.appointment-order-page{z-index:6;width:100%;padding:42px 28px 110px;position:relative}.appointment-order-shell{width:min(1120px,100%);margin:0 auto}.appointment-order-header{grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:30px;margin-bottom:28px;display:grid}.appointment-order-eyebrow{color:#28b9aa;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.appointment-order-header h1{color:#033663;margin:0;font-family:StudioTitle,sans-serif;font-size:clamp(42px,5vw,68px);font-weight:950;line-height:1}.appointment-order-header>div>p:last-child{color:#033663ab;margin:14px 0 0;font-size:17px;font-weight:700}.appointment-order-price-card{text-align:center;background:linear-gradient(145deg,#fea02026,#fffffff2);border:1px solid #ffffffc2;border-radius:27px;flex-direction:column;justify-content:center;align-items:center;min-height:155px;padding:22px;display:flex;box-shadow:0 18px 44px #0336631a}.appointment-order-price-card span,.appointment-order-price-card small{color:#033663a6;font-weight:750}.appointment-order-price-card strong{color:#033663;margin:5px 0;font-size:42px;font-weight:950;line-height:1}.appointment-order-form{gap:22px;display:grid}.appointment-order-card{-webkit-backdrop-filter:blur(16px);background:#ffffffed;border:1px solid #ffffffc2;border-radius:28px;padding:30px;box-shadow:0 20px 52px #0336631a}.appointment-order-student-card{background:linear-gradient(145deg,#28b9aa0f,#fffffff5 35%)}.appointment-order-section-heading{align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.appointment-order-section-heading>span{color:#fff;background:linear-gradient(135deg,#28b9aa,#1f9f94);border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:950;display:grid}.appointment-order-section-heading h2{color:#033663;margin:0;font-size:23px;font-weight:950;line-height:1.25}.appointment-order-section-heading p{color:#0336639e;margin:5px 0 0;font-size:14px;font-weight:650;line-height:1.5}.appointment-order-subheading{border-bottom:1px solid #03366314;margin:30px 0 17px;padding-bottom:11px}.appointment-order-subheading h3{color:#033663;margin:0;font-size:17px;font-weight:900}.appointment-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.appointment-order-full{grid-column:1/-1}.appointment-order-field{flex-direction:column;gap:8px;min-width:0;display:flex}.appointment-order-field>span{color:#033663;font-size:14px;font-weight:850}.appointment-order-field input,.appointment-order-field select,.appointment-order-field textarea{color:#033663;width:100%;min-width:0;font:inherit;background:#fffffffa;border:1px solid #03366324;border-radius:15px;outline:none;font-size:15px;font-weight:650;transition:border-color .2s,box-shadow .2s}.appointment-order-field input,.appointment-order-field select{min-height:52px;padding:0 15px}.appointment-order-field textarea{resize:vertical;min-height:125px;padding:15px;line-height:1.55}.appointment-order-field input:focus,.appointment-order-field select:focus,.appointment-order-field textarea:focus{border-color:#28b9aa;box-shadow:0 0 0 4px #28b9aa1f}.appointment-order-field input:disabled{cursor:not-allowed;opacity:.72;background:#0336630b}.appointment-order-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.appointment-order-choice{color:#033663;min-height:145px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0336631f;border-radius:21px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex}.appointment-order-choice>span{font-size:27px}.appointment-order-choice strong{font-size:17px;font-weight:900}.appointment-order-choice small{color:#03366399;line-height:1.45}.appointment-order-choice.active{background:#28b9aa14;border-color:#28b9aa8c;box-shadow:0 12px 28px #28b9aa1f}.appointment-order-choice:hover{transform:translateY(-2px)}.appointment-order-home-fields{gap:15px;margin-top:20px;display:grid}.appointment-order-count-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.appointment-order-count-options button{color:#033663;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0336631f;border-radius:16px;font-size:18px;font-weight:900}.appointment-order-count-options button.active{color:#fff;background:linear-gradient(135deg,#28b9aa,#1f9f94);border-color:#28b9aa;box-shadow:0 12px 26px #28b9aa33}.appointment-order-total-box{color:#033663;background:#fea0201a;border-radius:17px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px 19px;display:flex}.appointment-order-total-box strong{font-size:23px;font-weight:950}.appointment-order-checkbox{color:#033663;align-items:flex-start;gap:12px;font-size:14px;font-weight:700;line-height:1.55;display:flex}.appointment-order-checkbox input{accent-color:#28b9aa;flex:0 0 20px;width:20px;height:20px;margin-top:1px}.appointment-order-purchaser-toggle{background:#28b9aa14;border-radius:16px;margin-bottom:17px;padding:15px 16px}.appointment-order-alias-preview{background:#9b81b814;border:1px solid #9b81b82e;border-radius:17px;padding:16px 18px}.appointment-order-alias-preview span,.appointment-order-alias-preview small{color:#0336639e;font-size:12px;font-weight:700;display:block}.appointment-order-alias-preview strong{color:#033663;overflow-wrap:anywhere;margin:5px 0;font-size:15px;display:block}.appointment-order-introduction-note{background:linear-gradient(145deg,#28b9aa1f,#fffffff2);grid-template-columns:65px minmax(0,1fr);gap:19px;display:grid}.appointment-order-introduction-note>span{background:#28b9aa26;border-radius:20px;place-items:center;width:65px;height:65px;font-size:27px;display:grid}.appointment-order-introduction-note h2{color:#033663;margin:0;font-size:21px;font-weight:950}.appointment-order-introduction-note p{color:#033663ab;margin:8px 0 0;font-size:14px;font-weight:650;line-height:1.55}.appointment-order-agreements{gap:17px;display:grid}.appointment-order-checkout{background:linear-gradient(135deg,#033663,#07548f);border-radius:24px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px 28px;display:grid;box-shadow:0 20px 48px #03366333}.appointment-order-checkout>div{flex-direction:column;display:flex}.appointment-order-checkout span,.appointment-order-checkout small{color:#ffffffbf;font-weight:700}.appointment-order-checkout strong{color:#fff;margin:4px 0;font-size:34px;font-weight:950}.appointment-order-checkout button{color:#fff;min-height:56px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#fea020,#fb6730);border:0;border-radius:17px;padding:0 25px;font-size:15px;font-weight:900;box-shadow:0 14px 30px #fb673047}.appointment-order-checkout button:disabled{cursor:not-allowed;opacity:.6}.appointment-order-back{text-align:center}.appointment-order-back a{color:#033663;text-underline-offset:4px;font-size:14px;font-weight:850}.appointment-order-error{color:#c84a28;background:#fb673017;border:1px solid #fb67303b;border-radius:17px;margin-bottom:22px;padding:16px 18px;font-weight:800;line-height:1.5}@media (max-width:800px){.appointment-order-page{padding:28px 16px 80px}.appointment-order-header{grid-template-columns:1fr}.appointment-order-price-card{text-align:left;align-items:flex-start;min-height:auto}.appointment-order-grid,.appointment-order-choice-grid{grid-template-columns:1fr}.appointment-order-full{grid-column:auto}.appointment-order-checkout{grid-template-columns:1fr}.appointment-order-checkout button{width:100%}}@media (max-width:520px){.appointment-order-page{padding-inline:12px}.appointment-order-header h1{font-size:39px}.appointment-order-card{border-radius:23px;padding:21px}.appointment-order-count-options{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-order-total-box{flex-direction:column;align-items:flex-start}.appointment-order-introduction-note{grid-template-columns:1fr}.appointment-order-checkout{padding:22px}}
:root{--sago-premium-navy:#033663;--sago-premium-teal:#28b9aa;--sago-premium-orange:#fea020;--sago-premium-deep-orange:#fb6730;--sago-premium-purple:#9b81b8;--sago-premium-green:#54955c;--sago-premium-muted:#66819d;--sago-premium-shadow:0 22px 60px #0336631a}.customer-appointments .agenda-list{align-items:start;gap:24px}.customer-appointments .agenda-item{min-width:0;box-shadow:var(--sago-premium-shadow);-webkit-backdrop-filter:blur(18px);background:radial-gradient(circle at 92% 5%,#28b9aa1a,#0000 24%),radial-gradient(circle at 8% 95%,#fea02017,#0000 25%),linear-gradient(145deg,#fffffff7,#fffdf4eb);border:1px solid #03366317;border-radius:30px;padding:clamp(22px,2.3vw,32px);position:relative;overflow:hidden;container-type:inline-size}.customer-appointments .agenda-item:before{content:"";background:linear-gradient(90deg, var(--sago-premium-teal), var(--sago-premium-orange));border-radius:0 0 999px 999px;height:4px;position:absolute;top:0;left:34px;right:34px}.customer-appointments .appointment-card-header{border-bottom:1px solid #03366317;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;width:100%;padding-bottom:22px;display:grid}.customer-appointments .appointment-card-header>*{min-width:0}.customer-appointments .appointment-title{max-width:none;color:var(--sago-premium-navy);letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;margin:0;font-size:clamp(1.7rem,2.2vw,2.35rem);font-weight:500;line-height:1.08}.customer-appointments .appointment-type-label{width:fit-content;max-width:100%;color:var(--sago-premium-muted);overflow-wrap:normal;word-break:normal;background:#0336630d;border-radius:999px;align-items:center;margin-top:12px;padding:9px 13px;font-size:.9rem;font-weight:750;line-height:1.35;display:inline-flex}.customer-appointments .appointment-badges{flex-wrap:wrap;justify-content:flex-start;gap:9px;width:100%;min-width:0;display:flex}.customer-appointments .appointment-status-badge,.customer-appointments .google-status-badge{text-align:center;white-space:normal;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:40px;padding:9px 14px;font-size:.78rem;font-weight:850;line-height:1.25;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff73}.customer-appointments .appointment-status-badge.confirmed,.customer-appointments .appointment-status-badge.approved{color:#087b72;background:#28b9aa21}.customer-appointments .google-status-badge.linked{color:#3d7848;background:#54955c1f}.customer-appointments .google-status-badge.not-linked{color:#9a5c0b;background:#fea02024}.customer-appointments .appointment-details{border:0;grid-template-columns:minmax(0,1.3fr) minmax(120px,.8fr);gap:12px;width:100%;margin-top:20px;padding:0;display:grid}.customer-appointments .appointment-details p{min-width:0;min-height:88px;color:var(--sago-premium-navy);background:#ffffffb8;border:1px solid #03366314;border-radius:17px;align-items:flex-start;gap:12px;margin:0;padding:15px 16px;display:flex;box-shadow:0 10px 24px #0336630b}.customer-appointments .appointment-details p:last-child:nth-child(odd){grid-column:1/-1;min-height:76px}.customer-appointments .appointment-detail-icon{background:#28b9aa1c;border-radius:13px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:1rem;display:grid}.customer-appointments .appointment-details p:nth-child(2) .appointment-detail-icon{background:#fea02021}.customer-appointments .appointment-details p:nth-child(3) .appointment-detail-icon{background:#9b81b821}.customer-appointments .appointment-details p:nth-child(4) .appointment-detail-icon{background:#fb67301a}.customer-appointments .appointment-details p>span:last-child{min-width:0;color:var(--sago-premium-navy);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(.92rem,1.15vw,1.08rem);line-height:1.5}.customer-appointments .appointment-details p:first-child>span:last-child{white-space:normal}.customer-appointments .appointment-details p:nth-child(2)>span:last-child{white-space:nowrap}.customer-appointments .appointment-experience{gap:14px;min-width:0;margin-top:20px;display:grid}.customer-appointments .appointment-countdown{color:#087b72;background:linear-gradient(135deg,#28b9aa21,#ffffffdb);border:1px solid #28b9aa24;border-radius:999px;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0;padding:11px 15px;font-size:.84rem;line-height:1.35;display:inline-flex;box-shadow:0 10px 24px #28b9aa14}.customer-appointments .appointment-countdown strong{font-weight:900}.customer-appointments .appointment-countdown--soon{color:#9a5c0b;background:linear-gradient(135deg,#fea02026,#ffffffe6);border-color:#fea02033}.customer-appointments .appointment-countdown--live{color:#a33d24;background:linear-gradient(135deg,#fb673024,#ffffffe6);border-color:#fb67302e}.customer-appointments .appointment-countdown--past{color:#087b72}.customer-appointments .appointment-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.customer-appointments .appointment-extra-card{background:#ffffffc2;border:1px solid #03366314;border-radius:22px;grid-template-columns:1fr;align-content:start;gap:14px;min-width:0;min-height:190px;padding:22px;display:grid;box-shadow:0 12px 28px #0336630b}.customer-appointments .appointment-extra-card>span{background:#9b81b821;border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.35rem;display:grid}.customer-appointments .appointment-extra-card:nth-child(2)>span{background:#fea02024}.customer-appointments .appointment-extra-card>div{width:100%;min-width:0}.customer-appointments .appointment-extra-card small{color:var(--sago-premium-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.74rem;font-weight:850;line-height:1.2;display:block}.customer-appointments .appointment-extra-card strong{max-width:100%;color:var(--sago-premium-navy);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.35;display:block}.customer-appointments .appointment-extra-card div>span{color:var(--sago-premium-muted);overflow-wrap:normal;word-break:normal;margin-top:5px;font-size:.82rem;line-height:1.35;display:block}.customer-appointments .appointment-extra-card:nth-child(2) strong{white-space:nowrap}.customer-appointments .appointment-location-card{background:#ffffffb8;border:1px solid #03366314;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.customer-appointments .appointment-location-card>div{align-items:center;gap:12px;min-width:0;display:flex}.customer-appointments .appointment-location-card>div>span{background:#fb67301a;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.customer-appointments .appointment-location-card small{color:var(--sago-premium-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:.7rem;font-weight:800;display:block}.customer-appointments .appointment-location-card strong{color:var(--sago-premium-navy);overflow-wrap:break-word;font-size:.9rem;line-height:1.4;display:block}.customer-appointments .appointment-location-card a{color:#fff;background:var(--sago-premium-navy);text-align:center;border-radius:13px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:.76rem;font-weight:850;text-decoration:none;display:inline-flex}.customer-appointments .appointment-files,.customer-appointments .appointment-report,.customer-appointments .appointment-feedback{background:linear-gradient(145deg,#ffffffd1,#fffdf4b8);border:1px solid #03366314;border-radius:20px;min-width:0;padding:18px;box-shadow:0 12px 30px #0336630b}.customer-appointments .appointment-subheading{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.customer-appointments .appointment-subheading>div{align-items:center;gap:12px;min-width:0;display:flex}.customer-appointments .appointment-subheading>div>span{background:#28b9aa1f;border-radius:14px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:1.1rem;display:grid}.customer-appointments .appointment-subheading strong{color:var(--sago-premium-navy);font-size:.95rem;display:block}.customer-appointments .appointment-subheading p{color:var(--sago-premium-muted);margin:3px 0 0;font-size:.76rem;line-height:1.45}.customer-appointments .appointment-upload-button{color:#fff;background:linear-gradient(135deg, var(--sago-premium-teal), #1f9f94);text-align:center;cursor:pointer;border-radius:13px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-size:.76rem;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #28b9aa2e}.customer-appointments .appointment-upload-button input{display:none}.customer-appointments .appointment-empty-inline{color:var(--sago-premium-muted);background:#0336630a;border-radius:14px;margin:14px 0 0;padding:13px 14px;font-size:.78rem}.customer-appointments .appointment-file-list{gap:9px;margin-top:14px;display:grid}.customer-appointments .appointment-file{min-width:0;color:var(--sago-premium-navy);background:#ffffffb8;border:1px solid #03366312;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 13px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.customer-appointments .appointment-file:hover{transform:translateY(-2px);box-shadow:0 10px 24px #03366314}.customer-appointments .appointment-file>span:nth-child(2){min-width:0}.customer-appointments .appointment-file strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.customer-appointments .appointment-file small{color:var(--sago-premium-muted);margin-top:3px;display:block}.customer-appointments .appointment-report-block{background:#03366309;border-radius:15px;margin-top:16px;padding:15px}.customer-appointments .appointment-report-block>strong{color:var(--sago-premium-navy);font-size:.83rem}.customer-appointments .appointment-report-block ul{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.customer-appointments .appointment-report-block li{color:var(--sago-premium-muted);font-size:.8rem;line-height:1.45}.customer-appointments .appointment-report-note{color:var(--sago-premium-navy);background:#28b9aa12;border-radius:15px;margin:14px 0 0;padding:14px;font-size:.82rem;line-height:1.55}.customer-appointments .appointment-stars{flex-wrap:wrap;gap:5px;margin-top:16px;display:flex}.customer-appointments .appointment-stars button{color:#03366333;cursor:pointer;background:#0336630b;border:0;border-radius:12px;width:42px;height:42px;padding:0;font-size:1.35rem;transition:transform .18s,color .18s,background .18s}.customer-appointments .appointment-stars button:hover{transform:translateY(-2px)}.customer-appointments .appointment-stars button.is-selected{color:var(--sago-premium-orange);background:#fea0201f}.customer-appointments .appointment-feedback textarea{resize:vertical;width:100%;min-height:110px;color:var(--sago-premium-navy);font:inherit;background:#fffc;border:1px solid #0336631a;border-radius:15px;outline:none;margin-top:14px;padding:14px;font-size:.84rem;line-height:1.5}.customer-appointments .appointment-feedback textarea:focus{border-color:#28b9aa8c;box-shadow:0 0 0 4px #28b9aa17}.customer-appointments .appointment-feedback-submit{color:#fff;background:var(--sago-premium-navy);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;min-height:44px;margin-top:12px;padding:10px 16px;font-size:.78rem;font-weight:850;display:inline-flex}.customer-appointments .appointment-feedback-submit:disabled{opacity:.55;cursor:not-allowed}.customer-appointments .appointment-experience-message{color:var(--sago-premium-navy);background:#28b9aa17;border-radius:14px;margin:0;padding:13px 14px;font-size:.8rem;line-height:1.45}.customer-appointments .appointment-actions{border-top:1px solid #03366314;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:20px;display:grid}.customer-appointments .appointment-action{border-radius:16px;justify-content:center;width:100%;min-height:52px;font-size:.86rem;font-weight:850}.customer-appointments .appointment-action.cancel{grid-column:1/-1;width:min(100%,440px)}.customer-appointments .google-sync-card{background:linear-gradient(135deg,#fffdf4f0,#fea02014);border:1px solid #fea0202e;border-radius:24px;box-shadow:0 18px 42px #fea02014}@container (max-width:620px){.customer-appointments .appointment-extra-grid{grid-template-columns:1fr}.customer-appointments .appointment-extra-card{min-height:0}}@container (max-width:540px){.customer-appointments .appointment-title{font-size:1.65rem}.customer-appointments .appointment-details{grid-template-columns:1fr}.customer-appointments .appointment-details p{min-height:0}.customer-appointments .appointment-details p:last-child:nth-child(odd){grid-column:auto}.customer-appointments .appointment-extra-grid{grid-template-columns:1fr}.customer-appointments .appointment-subheading,.customer-appointments .appointment-location-card{flex-direction:column;align-items:stretch}.customer-appointments .appointment-upload-button,.customer-appointments .appointment-location-card a{width:100%}.customer-appointments .appointment-actions{grid-template-columns:1fr}.customer-appointments .appointment-action.cancel{grid-column:auto;width:100%}}@media (max-width:900px){.customer-appointments .appointment-badges{justify-content:flex-start}}@media (max-width:700px){.customer-appointments .agenda-item{border-radius:24px;padding:20px}.customer-appointments .agenda-item:before{left:22px;right:22px}.customer-appointments .appointment-card-header{gap:14px;padding-bottom:18px}.customer-appointments .appointment-title{font-size:1.55rem}.customer-appointments .appointment-status-badge,.customer-appointments .google-status-badge{min-height:38px;padding:9px 12px;font-size:.72rem}.customer-appointments .appointment-details{grid-template-columns:1fr}.customer-appointments .appointment-details p{min-height:0}.customer-appointments .appointment-details p:last-child:nth-child(odd){grid-column:auto}.customer-appointments .appointment-extra-grid{grid-template-columns:1fr}.customer-appointments .appointment-subheading,.customer-appointments .appointment-location-card{flex-direction:column;align-items:stretch}.customer-appointments .appointment-upload-button,.customer-appointments .appointment-location-card a{width:100%}.customer-appointments .appointment-actions{grid-template-columns:1fr}.customer-appointments .appointment-action.cancel{grid-column:auto;width:100%}}
.account-activation-page{z-index:6;place-items:center;width:100%;min-height:72vh;padding:58px 24px 110px;display:grid;position:relative}.account-activation-card{-webkit-backdrop-filter:blur(18px);background:radial-gradient(circle at 90% 10%,#fea0201f,#0000 28%),linear-gradient(145deg,#fffffff7,#fffdf4e8);border:1px solid #ffffffc7;border-radius:34px;width:min(620px,100%);padding:46px;box-shadow:0 28px 70px #03366324}.account-activation-icon{background:#28b9aa21;border-radius:21px;place-items:center;width:68px;height:68px;margin-bottom:24px;font-size:30px;display:grid}.account-activation-eyebrow{color:#28b9aa;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;font-size:13px;font-weight:900}.account-activation-card h1{color:#033663;margin:0;font-family:StudioTitle,sans-serif;font-size:clamp(38px,6vw,56px);font-weight:950;line-height:1.05}.account-activation-intro,.account-activation-card>p:last-child{color:#033663ad;margin:17px 0 0;font-size:16px;font-weight:650;line-height:1.6}.account-activation-form{gap:19px;margin-top:30px;display:grid}.account-activation-form label{gap:8px;display:grid}.account-activation-form label>span{color:#033663;font-size:14px;font-weight:850}.account-activation-form input{color:#033663;width:100%;min-height:54px;font:inherit;background:#fffffffa;border:1px solid #03366324;border-radius:16px;outline:none;padding:0 16px;font-size:16px;font-weight:650}.account-activation-form input:focus{border-color:#28b9aa;box-shadow:0 0 0 4px #28b9aa1f}.account-activation-password-field{position:relative}.account-activation-password-field input{padding-right:106px}.account-activation-password-field button{color:#033663;min-height:38px;font:inherit;cursor:pointer;background:#03366312;border:0;border-radius:11px;padding:0 13px;font-size:12px;font-weight:850;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.account-activation-requirements{color:#033663ad;background:#28b9aa14;border-radius:17px;gap:6px;padding:17px 18px;font-size:13px;font-weight:700;display:grid}.account-activation-requirements strong{color:#033663}.account-activation-requirements span:before{content:"✓";color:#28b9aa;margin-right:8px;font-weight:950}.account-activation-submit{color:#fff;min-height:57px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#fea020,#fb6730);border:0;border-radius:18px;padding:0 24px;font-size:15px;font-weight:900;box-shadow:0 15px 32px #fb67303d}.account-activation-submit:disabled{cursor:not-allowed;opacity:.6}.account-activation-error,.account-activation-success{border-radius:16px;margin-top:22px;padding:15px 17px;font-size:14px;font-weight:800;line-height:1.5}.account-activation-error{color:#c84a28;background:#fb673017;border:1px solid #fb673038}.account-activation-success{color:#3f7d48;background:#54955c1a;border:1px solid #54955c38}@media (max-width:600px){.account-activation-page{padding:36px 14px 80px}.account-activation-card{border-radius:26px;padding:28px 21px}}
.curriculum-exercise-page{--academy-navy:#033663;--academy-muted:#617b95;--academy-purple:#9b81b8;--academy-teal:#28b9aa;--academy-green:#54955c;--academy-orange:#fea020;width:min(1280px,100% - 32px);color:var(--academy-navy);margin:0 auto;padding:34px 0 100px}.curriculum-exercise-page .exercise-back{margin-bottom:18px}.curriculum-exercise-page .back-button,.curriculum-exercise-page button{font:inherit}.curriculum-exercise-page .back-button{color:var(--academy-navy);cursor:pointer;background:#ffffffe0;border:1px solid #0336631f;border-radius:999px;padding:11px 18px}.refined-hero,.learning-route,.subject-picker,.single-exercise-workspace{background:#fffffff0;border:1px solid #03366314;border-radius:34px;box-shadow:0 18px 55px #03366314}.refined-hero{padding:clamp(30px,5vw,58px)}.refined-hero h1{margin:8px 0 14px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1}.refined-hero p:last-child{max-width:760px;color:var(--academy-muted);margin:0;font-size:1.1rem;line-height:1.7}.curriculum-exercise-page .eyebrow{color:var(--academy-purple);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.learning-route{grid-template-columns:1.25fr auto;gap:28px;margin-top:22px;padding:clamp(24px,4vw,40px);display:grid}.route-copy h2{margin:7px 0 8px;font-size:clamp(1.55rem,3vw,2.4rem)}.route-copy>p:last-child{color:var(--academy-muted);margin:0;line-height:1.6}.route-status{background:#28b9aa17;border-radius:22px;align-self:start;min-width:180px;padding:16px 19px}.route-status span{color:var(--academy-muted);font-size:.8rem;display:block}.route-status strong{margin-top:5px;display:block}.abstract-level-path{grid-column:1/-1;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;display:grid;position:relative}.abstract-level-path:before{content:"";z-index:0;background:#03366317;height:3px;position:absolute;top:25px;left:4%;right:4%}.abstract-level-path button{z-index:1;color:#8293a4;cursor:pointer;background:0 0;border:0;justify-items:center;gap:7px;display:grid;position:relative}.abstract-level-path button>span{background:#fff;border:2px solid #0336631a;border-radius:50%;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.abstract-level-path button small{font-size:.68rem}.abstract-level-path button.active>span{border-color:var(--academy-teal);background:var(--academy-teal);color:#fff;box-shadow:0 0 0 7px #28b9aa1f}.abstract-level-path button.unlocked:not(.active){color:var(--academy-navy)}.abstract-level-path button:disabled{cursor:not-allowed;opacity:.55}.subject-picker{margin-top:22px;padding:clamp(24px,4vw,40px)}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading-row h2{margin:7px 0 0;font-size:clamp(1.6rem,3vw,2.45rem)}.new-exercises-button{color:var(--academy-navy);cursor:pointer;background:#9b81b817;border:1px solid #9b81b847;border-radius:999px;padding:12px 18px}.subject-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.subject-card{text-align:left;min-height:150px;color:var(--academy-navy);cursor:pointer;background:#fff;border:1px solid #03366317;border-radius:24px;grid-template-columns:auto 1fr;align-items:start;gap:13px;padding:20px;transition:all .18s;display:grid}.subject-icon{width:46px;height:46px;color:var(--academy-purple);background:#9b81b81f;border-radius:15px;place-items:center;font-weight:900;display:grid}.subject-card strong,.subject-card small{display:block}.subject-card small{color:var(--academy-muted);margin-top:7px;line-height:1.45}.subject-card em{color:var(--academy-purple);grid-column:2;font-size:.72rem;font-style:normal;font-weight:800}.single-exercise-workspace{grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:22px;padding:clamp(20px,3vw,30px);display:grid}.exercise-sidebar{padding:12px}.exercise-sidebar h2{margin:7px 0 16px}.exercise-step-list{gap:8px;max-height:620px;padding-right:5px;display:grid;overflow:auto}.exercise-step-list button{text-align:left;width:100%;color:var(--academy-navy);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:11px;display:grid}.exercise-step-list button:hover,.exercise-step-list button.active{background:#28b9aa14;border-color:#28b9aa3d}.exercise-step-list button>span{background:#0336630f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.exercise-step-list strong,.exercise-step-list small{display:block}.exercise-step-list small{color:var(--academy-muted);margin-top:3px;font-size:.72rem}.single-exercise-card{background:linear-gradient(145deg,#fff,#dff6ff4d);border:1px solid #03366314;border-radius:28px;min-height:590px;padding:clamp(26px,5vw,58px)}.single-exercise-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.goal-badge,.skill-chip{border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.goal-badge{color:var(--academy-purple);background:#9b81b81f}.skill-chip{color:#188b80;background:#28b9aa1a}.exercise-step{color:var(--academy-muted);margin:9px 0 0}.curriculum-goal{border-left:4px solid var(--academy-purple);background:#9b81b812;border-radius:0 17px 17px 0;margin-top:26px;padding:17px 19px}.curriculum-goal small{color:var(--academy-purple);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.curriculum-goal p{margin:5px 0 0;line-height:1.55}.single-exercise-card h2{margin:34px 0 28px;font-size:clamp(1.7rem,3.5vw,3rem);line-height:1.25}.answer-field span{margin-bottom:9px;font-weight:800;display:block}.answer-field input{width:100%;min-height:68px;color:var(--academy-navy);font:inherit;background:#fff;border:2px solid #03366321;border-radius:20px;outline:none;padding:16px 20px;font-size:1.1rem}.answer-field input:focus{border-color:var(--academy-purple);box-shadow:0 0 0 5px #9b81b81f}.hint-box{background:#fee0201a;border-radius:16px;margin-top:18px;padding:14px 17px}.hint-box summary{cursor:pointer;font-weight:800}.hint-box p{color:var(--academy-muted);margin:9px 0 0}.formative-feedback{border-radius:18px;margin-top:18px;padding:17px 19px}.formative-feedback p{margin:5px 0 0}.formative-feedback.is-correct{color:#366f3d;background:#54955c1c}.formative-feedback.needs-growth{color:#8b590d;background:#fea0201f}.exercise-navigation{grid-template-columns:auto 1fr auto;gap:12px;margin-top:30px;display:grid}.exercise-navigation button{min-height:50px;color:var(--academy-navy);cursor:pointer;background:#fff;border:1px solid #0336631f;border-radius:16px;padding:11px 17px}.exercise-navigation button:disabled{opacity:.4;cursor:not-allowed}.exercise-navigation .check-answer-button{background:var(--academy-purple);color:#fff;border-color:#0000;font-weight:800}@media (max-width:980px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.single-exercise-workspace{grid-template-columns:1fr}.exercise-step-list{max-height:none;display:flex;overflow-x:auto}.exercise-step-list button{min-width:170px}}@media (max-width:700px){.curriculum-exercise-page{width:min(100% - 18px,1280px);padding-top:18px}.learning-route{grid-template-columns:1fr}.route-status{min-width:0}.abstract-level-path{grid-template-columns:repeat(5,1fr);row-gap:20px}.abstract-level-path:before{display:none}.subject-grid{grid-template-columns:1fr}.section-heading-row{flex-direction:column;align-items:stretch}.single-exercise-card{min-height:0;padding:24px 18px}.single-exercise-header{flex-direction:column}.exercise-navigation{grid-template-columns:1fr 1fr}.exercise-navigation .check-answer-button{grid-area:1/1/auto/-1}}.secondary-skill-summary{margin-top:22px}.focus-chip-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.focus-chip-row span{color:#654c8c;background:#9b81b81a;border-radius:999px;padding:10px 14px;font-weight:700}.secondary-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0;display:grid}.secondary-option{color:#033663;text-align:left;cursor:pointer;background:#fff;border:1px solid #0336631f;border-radius:18px;align-items:center;gap:12px;min-height:62px;padding:13px 16px;display:flex}.secondary-option>span{background:#28b9aa1a;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.secondary-option.selected{background:#9b81b814;border-color:#9b81b8;box-shadow:0 0 0 3px #9b81b81a}@media (max-width:680px){.secondary-option-grid{grid-template-columns:1fr}}.hero-learning-summary{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.hero-learning-summary span{color:var(--academy-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #03366314;border-radius:999px;align-items:baseline;gap:6px;padding:9px 14px;display:inline-flex;box-shadow:0 8px 22px #0336630d}.hero-learning-summary strong{color:var(--academy-navy);font-size:1.05rem}.subject-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.subject-card{--subject-accent:155,129,184;background:radial-gradient(circle at 92% 5%, rgba(var(--subject-accent),.13), transparent 34%), linear-gradient(145deg,#fffffffa,#fafcffe6);isolation:isolate;border-radius:30px;min-height:230px;padding:22px;position:relative;overflow:hidden;box-shadow:0 16px 42px #0336630f}.subject-card:after{border:18px solid rgba(var(--subject-accent),.07);content:"";z-index:-1;border-radius:50%;width:120px;height:120px;transition:transform .38s;position:absolute;bottom:-38px;right:-28px}.subject-card:hover:after,.subject-card.active:after{transform:scale(1.18)rotate(12deg)}.subject-card:hover,.subject-card.active{border-color:rgba(var(--subject-accent),.48);transform:translateY(-5px);box-shadow:0 22px 48px #0336631a}.subject-card.active{background:linear-gradient(145deg,#fff,rgba(var(--subject-accent),.09))}.subject-math{--subject-accent:40,185,170}.subject-language{--subject-accent:155,129,184}.subject-world{--subject-accent:84,149,92}.subject-french{--subject-accent:254,160,32}.subject-icon{border:1px solid rgba(var(--subject-accent),.2);background:linear-gradient(145deg,rgba(var(--subject-accent),.14),#ffffffbf);width:58px;height:58px;color:rgb(var(--subject-accent));border-radius:20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;box-shadow:inset 0 1px #ffffffd9}.subject-icon svg{width:29px;height:29px}.subject-card:hover .subject-icon,.subject-card.active .subject-icon{box-shadow:0 12px 22px rgba(var(--subject-accent),.18), inset 0 1px 0 #ffffffe6;transform:translateY(-3px)rotate(-4deg)scale(1.06)}.subject-card-copy{gap:8px;display:grid}.subject-card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.subject-card-title-row strong{font-size:1.16rem}.active-subject-chip{background:rgba(var(--subject-accent),.12);color:rgb(var(--subject-accent));letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.66rem;font-weight:850}.subject-card-footer{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;display:grid}.subject-card-footer em{color:rgb(var(--subject-accent))}.subject-card-footer small{white-space:nowrap;margin:0;font-size:.7rem}.subject-mini-progress{background:#03366314;border-radius:999px;height:7px;overflow:hidden}.subject-mini-progress>span{border-radius:inherit;background:rgb(var(--subject-accent));height:100%;transition:width .45s;display:block}@media (prefers-reduced-motion:no-preference){.subject-card.active .subject-icon svg{animation:2.7s ease-in-out infinite sago-icon-breathe}@keyframes sago-icon-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}}@media (max-width:1050px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.subject-grid{grid-template-columns:1fr}.subject-card{min-height:190px}.hero-learning-summary{justify-content:flex-start}}
.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}}.exercise-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.exercise-badge{color:#28b9aa;background:#eafaf8;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700}.exercise-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.exercise-option{cursor:pointer;text-align:left;background:#fff;border:2px solid #d8e8ee;border-radius:18px;align-items:center;gap:16px;padding:18px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.exercise-option:hover:not(:disabled){border-color:#28b9aa;transform:translateY(-2px);box-shadow:0 12px 24px #03366314}.exercise-option.selected{background:#eefcf9;border-color:#28b9aa}.exercise-option-letter{color:#033663;background:#eef7fb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:flex}.exercise-option.option-correct{background:#eef9ef;border-color:#54955c}.exercise-option.option-correct .exercise-option-letter{color:#fff;background:#54955c}.exercise-option.option-wrong{background:#fff2ec;border-color:#fb6730}.exercise-option.option-wrong .exercise-option-letter{color:#fff;background:#fb6730}.exercise-option-text{flex:1;line-height:1.4}.exercise-feedback{border-radius:18px;align-items:flex-start;gap:16px;margin-top:22px;padding:18px;display:flex}.feedback-correct{color:#2b6f33;background:#eef9ef}.feedback-wrong{color:#b24b24;background:#fff3ec}.feedback-icon{color:#fff;background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}@media (max-width:760px){.exercise-options{grid-template-columns:1fr}}.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}
.dashboard-oefen-card{color:#033663;background:radial-gradient(circle at 100% 0,#fea02033,#0000 35%),linear-gradient(135deg,#28b9aa21,#9b81b81f),#fff;border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;text-decoration:none;transition:all .22s;display:grid;box-shadow:0 18px 46px #0336631a}.dashboard-oefen-card:hover{transform:translateY(-5px);box-shadow:0 28px 58px #03366329}.dashboard-oefen-icon{background:linear-gradient(135deg,#28b9aa,#033663);border-radius:20px;place-items:center;width:62px;height:62px;font-size:1.8rem;display:grid}.dashboard-oefen-card h3{margin:2px 0 7px;font-size:1.35rem}.dashboard-oefen-card p{margin:0;line-height:1.5}.dashboard-oefen-arrow{color:#fb6730;font-size:1.7rem;font-weight:900}
.appointment-success-overlay{z-index:2147483647;-webkit-backdrop-filter:blur(12px);background:#0323409e;place-items:center;padding:24px;animation:.2s both appointment-success-overlay-in;display:grid;position:fixed;inset:0}.appointment-success-modal{text-align:center;background:radial-gradient(circle at 92% 8%,#28b9aa33,#0000 27%),radial-gradient(circle at 7% 94%,#fea02030,#0000 30%),linear-gradient(145deg,#fffffffc,#fffcf1fa);border:1px solid #ffffffc7;border-radius:34px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:clamp(32px,6vw,52px);animation:.32s cubic-bezier(.2,.8,.2,1) both appointment-success-modal-in;position:relative;overflow:auto;box-shadow:0 35px 100px #03234057,inset 0 1px #ffffffe6}.appointment-success-modal:before{content:"";background:linear-gradient(90deg, var(--sago-premium-teal,#28b9aa), var(--sago-premium-orange,#fea020));border-radius:0 0 999px 999px;height:5px;position:absolute;top:0;left:48px;right:48px}.appointment-success-decoration{pointer-events:none;border-radius:999px;position:absolute}.appointment-success-decoration--one{background:#28b9aa1a;width:135px;height:135px;top:-45px;right:-40px}.appointment-success-decoration--two{background:#fea0201a;width:150px;height:150px;bottom:-55px;left:-45px}.appointment-success-icon{background:linear-gradient(145deg,#fea0202e,#ffffffeb);border:1px solid #fea02030;border-radius:28px;place-items:center;width:86px;height:86px;margin:0 auto 22px;font-size:2.35rem;display:grid;position:relative;transform:rotate(-3deg);box-shadow:0 18px 38px #fea02029,inset 0 0 0 1px #ffffffa6}.appointment-success-eyebrow{color:var(--sago-premium-teal,#28b9aa);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:900;position:relative}.appointment-success-modal h2{color:var(--sago-premium-navy,#033663);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,5vw,2.55rem);font-weight:650;line-height:1.12;position:relative}.appointment-success-text{max-width:410px;color:var(--sago-premium-muted,#66819d);margin:18px auto 0;font-size:1rem;line-height:1.65;position:relative}.appointment-success-documents{color:#087b72;text-align:left;background:#28b9aa17;border:1px solid #28b9aa24;border-radius:17px;align-items:center;gap:12px;margin:22px 0 0;padding:14px 16px;display:flex;position:relative}.appointment-success-documents>span{background:#ffffffb3;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.appointment-success-documents p{margin:0;font-size:.84rem;line-height:1.45}.appointment-success-button{color:#fff;background:linear-gradient(135deg, var(--sago-premium-navy,#033663), #07518a);width:min(100%,330px);min-height:56px;font:inherit;cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:28px;padding:13px 22px;font-size:.9rem;font-weight:850;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 16px 34px #0336633d}.appointment-success-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px #03366347}.appointment-success-button:focus-visible{outline-offset:4px;outline:4px solid #28b9aa38}.appointment-success-button span{font-size:1.15rem;transition:transform .18s}.appointment-success-button:hover span{transform:translate(4px)}@keyframes appointment-success-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes appointment-success-modal-in{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:600px){.appointment-success-overlay{align-items:end;padding:14px}.appointment-success-modal{border-radius:28px;max-height:calc(100vh - 28px);padding:34px 22px 26px}.appointment-success-modal:before{left:32px;right:32px}.appointment-success-icon{border-radius:23px;width:72px;height:72px;font-size:1.9rem}.appointment-success-button{width:100%}}@media (prefers-reduced-motion:reduce){.appointment-success-overlay,.appointment-success-modal{animation:none}.appointment-success-button,.appointment-success-button span{transition:none}}
.oefenen-overzicht-page{z-index:5;width:100%;position:relative}.leerjaar-overzicht,.leerjaar-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #ffffffbf;border-radius:42px;width:min(1400px,100% - 40px);margin:40px auto 90px;padding:40px;box-shadow:0 24px 70px #0336631f}.leerjaar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.leerjaar-card,.secundair-card{text-align:center;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:190px;padding:34px;text-decoration:none;transition:all .25s;display:flex}.leerjaar-card.active{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28b9aa,#033663)}.leerjaar-card.active:hover,.secundair-card.active-secondary:hover{transform:translateY(-5px)}.leerjaar-card.disabled,.secundair-card.disabled{color:#03366373;cursor:not-allowed;pointer-events:none;background:#03366312}.secundair-card.active-secondary{color:#fff;cursor:pointer;background:radial-gradient(circle at 100% 0,#fea02047,#0000 36%),linear-gradient(135deg,#033663,#9b81b8);box-shadow:0 20px 50px #0336632e}.secundair-card.active-secondary h2,.secundair-card.active-secondary p,.secundair-card.active-secondary span,.secundair-card.active-secondary small{color:#fff}.secondary-years-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.secondary-year-card{background:#fff;border-radius:30px;grid-template-columns:auto 1fr auto;gap:18px;padding:28px;text-decoration:none;display:grid;box-shadow:0 18px 45px #03366314}.secondary-year-card.disabled{opacity:.45;pointer-events:none}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.skill-card{background:#fff;border-radius:30px;padding:28px;text-decoration:none;transition:all .25s;box-shadow:0 18px 45px #03366314}.skill-card:hover{transform:translateY(-4px)}.learning-journey-card{background:#fff;border-radius:40px;margin:35px 0;padding:30px;box-shadow:0 28px 70px #0336631f}.journey-mountain{background:url(/assets/oefenreis-berg.png) 50%/cover;border-radius:32px;height:470px;position:relative;overflow:hidden}.journey-flag{cursor:pointer;background:#fff;border:4px solid #fff;border-radius:50%;width:66px;height:66px;font-weight:900;position:absolute}.journey-flag.active{color:#fff;background:linear-gradient(135deg,#fea020,#fb6730);transform:scale(1.15)}.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%}.exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.exercise-card{background:#fff;border-radius:28px;padding:24px;box-shadow:0 16px 36px #03366314}.exercise-card.correct{border:2px solid #54955c}.exercise-card.wrong{border:2px solid #fb6730}.exercise-card input,.exercise-card textarea{border:1px solid #0336632e;border-radius:16px;width:100%;padding:14px}.choice-option{background:#fff;border:1px solid #03366326;border-radius:14px;width:100%;margin-bottom:10px;padding:12px}.choice-option.selected{background:#28b9aa14;border-color:#28b9aa}.bottom-journey-actions{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-radius:30px;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px;display:grid;position:sticky;bottom:15px}.bottom-journey-actions button{cursor:pointer;border:none;border-radius:22px;padding:16px;font-weight:800}.bottom-journey-actions .primary{color:#fff;background:linear-gradient(135deg,#fea020,#fb6730)}@media (max-width:900px){.leerjaar-grid,.secondary-years-grid,.skill-grid,.exercise-grid,.bottom-journey-actions{grid-template-columns:1fr}.journey-mountain{height:320px}.journey-flag{width:46px;height:46px;font-size:.8rem}}.learning-journey-card .journey-mountain{background-image:url(/assets/oefenreis-berg.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:32px!important;height:470px!important;min-height:470px!important;position:relative!important;overflow:hidden!important}.learning-journey-card .journey-mountain:before,.learning-journey-card .journey-mountain:after,.learning-journey-card .mountain-trail{display:none!important}.exercise-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}@media (max-width:800px){.exercise-list{grid-template-columns:1fr}.learning-journey-card .journey-mountain{height:360px!important;min-height:360px!important}.bottom-journey-actions{grid-template-columns:1fr;position:static}}
.oefenpagina{z-index:8;width:100%;max-width:1480px;margin:0 auto;padding:42px 44px 100px;position:relative}.oefen-hero{text-align:center;width:min(900px,100%);margin:0 auto 38px}.oefen-hero .eyebrow,.subject-heading .eyebrow{color:#28b9aa;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:900}.oefen-hero h1{color:#033663;letter-spacing:-.045em;margin:8px 0 14px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.04}.oefen-hero p{color:#033663b8;max-width:780px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.72}.exercise-back{width:100%;margin:0 0 24px}.back-button{color:#033663;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border:1px solid #03366314;border-radius:999px;align-items:center;gap:9px;min-height:48px;padding:12px 20px;font-weight:850;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 32px #03366317}.back-button:hover{color:#fff;background:#033663;transform:translate(-4px);box-shadow:0 16px 36px #0336632e}.secondary-years-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;width:100%;display:grid}.secondary-year-card{isolation:isolate;color:#033663;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 92% 10%,#fea0201f,#0000 31%),#ffffffe8;border:1px solid #ffffffdb;border-radius:36px;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:215px;padding:32px;text-decoration:none;transition:transform .24s,box-shadow .24s,border-color .24s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 54px #0336631a,inset 0 1px #ffffffe6}.secondary-year-card:after{content:"";z-index:-1;background:#28b9aa14;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-75px;right:-55px}.secondary-year-card.enabled{cursor:pointer}.secondary-year-card.enabled:hover{border-color:#28b9aa61;transform:translateY(-7px);box-shadow:0 32px 72px #03366329,inset 0 1px #fffffff2}.secondary-year-card.disabled{opacity:.56;cursor:not-allowed;filter:saturate(.65)}.secondary-year-number{color:#fff;background:linear-gradient(145deg,#28b9aa,#033663);border-radius:24px;place-items:center;width:78px;height:78px;font-size:2rem;font-weight:950;display:grid;box-shadow:0 14px 30px #03366333}.secondary-year-card.disabled .secondary-year-number{color:#03366394;box-shadow:none;background:#0336631a}.secondary-year-card h2{color:#033663;letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.12}.secondary-year-card p{color:#033663b3;margin:0;font-size:1.04rem;line-height:1.55}.secondary-year-action{color:#087f75;white-space:nowrap;background:#28b9aa1f;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:11px 17px;font-weight:900;display:inline-flex}.secondary-year-card.disabled .secondary-year-action{color:#0336637a;background:#03366312;min-width:46px;padding:10px}.focus-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 84% 20%,#fea02038,#0000 31%),radial-gradient(circle at 10% 100%,#28b9aa2b,#0000 35%),linear-gradient(135deg,#fffffff2,#f7f2fce6);border:1px solid #ffffffe0;border-radius:38px;grid-template-columns:minmax(0,1.5fr) minmax(270px,.75fr);align-items:center;gap:34px;margin:32px 0 54px;padding:34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 62px #0336631f}.focus-banner:after{content:"🧭";opacity:.09;pointer-events:none;font-size:4.2rem;position:absolute;top:24px;right:33%;transform:rotate(9deg)}.focus-banner>div:first-child>span{color:#28b9aa;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:.82rem;font-weight:950;display:inline-flex}.focus-banner h2{color:#033663;letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(1.75rem,3vw,2.7rem);line-height:1.12}.focus-banner p{color:#033663bd;max-width:820px;margin:0;font-size:1.06rem;line-height:1.7}.focus-steps{grid-template-columns:1fr;gap:10px;display:grid}.focus-steps span{color:#033663;background:#ffffffd1;border:1px solid #03366312;border-radius:16px;align-items:center;min-height:47px;padding:11px 16px 11px 50px;font-size:.96rem;font-weight:850;display:flex;position:relative;box-shadow:0 9px 22px #03366312}.focus-steps span:before{color:#fff;background:linear-gradient(145deg,#fea020,#fb6730);border-radius:9px;place-items:center;width:27px;height:27px;font-size:.76rem;font-weight:950;display:grid;position:absolute;left:12px}.focus-steps span:first-child:before{content:"1"}.focus-steps span:nth-child(2):before{content:"2"}.focus-steps span:nth-child(3):before{content:"3"}.focus-steps span:nth-child(4):before{content:"4"}.focus-steps span:nth-child(5):before{content:"5"}.skill-subject-section{margin-top:60px}.subject-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding:0 4px;display:flex}.subject-heading h2{color:#033663;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.skill-card{isolation:isolate;color:#033663;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 100% 0,#28b9aa1a,#0000 34%),#ffffffeb;border:1px solid #ffffffe6;border-radius:34px;grid-template-rows:auto auto 1fr auto;grid-template-columns:68px minmax(0,1fr);gap:0 20px;min-height:320px;padding:29px;text-decoration:none;transition:transform .23s,box-shadow .23s,border-color .23s;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 52px #0336631a,inset 0 1px #fffffff2}.skill-card:after{content:"";z-index:-1;background:#9b81b814;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-75px;right:-55px}.skill-card:hover{border-color:#28b9aa5c;transform:translateY(-7px);box-shadow:0 32px 72px #03366329,inset 0 1px #fffffff2}.skill-icon{background:linear-gradient(145deg,#28b9aa33,#9b81b82e);border-radius:22px;grid-row:1/span 2;place-items:center;width:68px;height:68px;font-size:1.75rem;display:grid;box-shadow:inset 0 1px #ffffffc7}.skill-card h3{color:#033663;letter-spacing:-.02em;align-self:end;margin:3px 0 8px;font-size:clamp(1.3rem,2vw,1.72rem);line-height:1.18}.skill-card>div>p{color:#033663b3;margin:0;font-size:1rem;line-height:1.6}.skill-card ul{flex-wrap:wrap;grid-column:1/-1;align-content:flex-start;gap:9px;margin:24px 0;padding:0;list-style:none;display:flex}.skill-card li{color:#065f59;background:#28b9aa17;border:1px solid #28b9aa1f;border-radius:999px;padding:8px 13px;font-size:.87rem;font-weight:800;line-height:1.2}.skill-open{color:#fff;background:linear-gradient(135deg,#033663,#0c548a);border-radius:16px;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:50px;margin-top:auto;padding:12px 17px;font-size:.96rem;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 12px 26px #03366329}.skill-card:hover .skill-open{transform:translate(3px);box-shadow:0 15px 30px #03366338}@media (max-width:1050px){.oefenpagina{padding:34px 26px 90px}.focus-banner{grid-template-columns:1fr}.focus-banner:after{right:35px}}@media (max-width:820px){.secondary-years-grid,.skill-grid{grid-template-columns:1fr}.secondary-year-card{min-height:190px}}@media (max-width:620px){.oefenpagina{padding:28px 17px 78px}.oefen-hero{margin-bottom:28px}.secondary-year-card{border-radius:28px;grid-template-columns:58px minmax(0,1fr);gap:16px;min-height:170px;padding:24px 20px}.secondary-year-number{border-radius:18px;width:58px;height:58px;font-size:1.5rem}.secondary-year-action{grid-column:1/-1;width:100%}.focus-banner{border-radius:30px;margin-bottom:44px;padding:27px 21px}.focus-banner:after{display:none}.skill-subject-section{margin-top:48px}.skill-card{border-radius:28px;grid-template-columns:56px minmax(0,1fr);min-height:0;padding:23px 20px}.skill-icon{border-radius:18px;width:56px;height:56px;font-size:1.45rem}.skill-card ul{margin-top:20px}}
.exercise-card .exercise-question{color:#033663;white-space:pre-line;margin:12px 0 20px;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:700;line-height:1.55}.exercise-card.correct{border-color:#54955c73;box-shadow:0 18px 42px #54955c21}.exercise-card.wrong{border-color:#fb67306b;box-shadow:0 18px 42px #fb67301c}.exercise-card .feedback{margin:14px 0 0;font-weight:700;line-height:1.45}.exercise-card .feedback-correct{color:#427b49}.exercise-card .feedback-wrong{color:#c84f27}