.account-education-overlay{z-index:100;background:color-mix(in oklab, var(--color-forest) 76%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.account-education-dialog{overscroll-behavior:contain;border:1px solid color-mix(in oklab, var(--color-background) 55%, transparent);width:min(740px,100%);max-height:calc(100dvh - 44px);color:var(--color-foreground);background:var(--color-background);box-shadow:0 28px 80px color-mix(in oklab, var(--color-foreground) 28%, transparent);border-radius:28px;animation:.3s cubic-bezier(.2,.8,.2,1) account-dialog-rise;overflow:auto}.account-education-dialog--guest{width:min(660px,100%)}.account-education-head{min-height:176px;color:var(--color-primary-foreground);background:linear-gradient(120deg, color-mix(in oklab, var(--color-forest) 88%, black), var(--color-forest));grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;padding:34px 72px 34px 38px;display:grid;position:relative;overflow:hidden}.account-education-dialog--guest .account-education-head{grid-template-columns:92px minmax(0,1fr);min-height:154px}.account-education-crest{border:2px solid var(--color-accent);background:var(--color-accent);width:112px;height:112px;box-shadow:inset 0 0 0 7px color-mix(in oklab, var(--color-background) 28%, transparent), 0 12px 25px oklab(0% none none/.18);border-radius:50%;place-items:center;display:grid}.account-education-dialog--guest .account-education-crest{width:92px;height:92px}.account-education-crest img{object-fit:contain;width:76%;height:76%}.account-education-eyebrow,.account-education-section-label{color:var(--color-accent);letter-spacing:.16em;margin:0 0 7px;font-size:11px;font-weight:900}.account-education-head h2{color:var(--color-primary-foreground);font:700 clamp(30px,5vw,45px)/1.02 var(--font-display);letter-spacing:-.025em;margin:0}.account-education-head div>p:last-child{max-width:570px;color:color-mix(in oklab, var(--color-primary-foreground) 83%, transparent);margin:11px 0 0;font-size:16px;line-height:1.55}.account-education-close{z-index:3;width:44px;height:44px;color:var(--color-primary-foreground);background:color-mix(in oklab, var(--color-background) 8%, transparent);border-radius:50%;position:absolute;top:18px;right:18px}.account-education-body{padding:27px 34px 32px}.account-education-steps,.account-education-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-education-step{border:1px solid var(--color-border);background:color-mix(in oklab, var(--color-background) 94%, var(--color-accent));border-radius:17px;min-height:218px;padding:12px 12px 15px;position:relative;overflow:hidden}.account-education-number{z-index:2;width:30px;height:30px;color:var(--color-primary-foreground);background:var(--color-forest);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid;position:absolute;top:20px;left:20px}.account-education-visual{border:1px solid var(--color-border);background:var(--color-secondary);border-radius:13px;height:98px;margin-bottom:13px;overflow:hidden}.account-education-visual>img{object-fit:cover;width:100%;height:100%}.account-education-step:first-child .account-education-visual>img{object-fit:contain}.account-education-adventure{background:#fffbea;padding:4px}.account-education-adventure>img{object-fit:contain}.account-education-step h3,.account-education-benefits h3{font:700 18px/1.15 var(--font-display);margin:0 3px 5px}.account-education-step p{color:var(--color-muted-foreground);margin:0 3px;font-size:13px;line-height:1.4}.account-education-safety,.account-education-optional{color:var(--color-muted-foreground);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.account-education-safety{margin:19px 0 16px}.account-education-safety span,.account-education-optional span{width:26px;height:26px;color:var(--color-primary);background:var(--color-secondary);border-radius:50%;flex:0 0 26px;place-items:center;display:grid}.account-education-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.account-education-actions button{border-radius:999px;min-height:48px;padding-inline:22px;font-weight:900}.account-education-optional{border:1px solid var(--color-accent);color:var(--color-accent-foreground);background:color-mix(in oklab, var(--color-accent) 25%, var(--color-background));border-radius:15px;justify-content:flex-start;margin:0 0 18px;padding:12px 14px;font-size:14px}.account-education-benefits{margin-bottom:20px}.account-education-benefits article{text-align:center;border:1px solid var(--color-border);background:var(--color-card);border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:122px;padding:14px;display:flex}.account-education-benefits img{object-fit:contain;border-radius:10px;width:72px;height:58px;margin-bottom:8px}.account-education-benefits article:not(:first-child) img{object-fit:cover}.account-education-actions--guest{border-top:0;grid-template-columns:1fr 1.3fr;padding-top:0;display:grid}.account-education-actions--guest button:last-child{background:var(--color-destructive)}.account-education-signin,.account-education-privacy{text-align:center;color:var(--color-muted-foreground)}.account-education-signin{margin:17px 0 0;font-size:13px}.account-education-signin button{min-height:44px;color:var(--color-primary);text-underline-offset:3px;padding:0 4px;font-weight:900;text-decoration:underline}.account-education-privacy{margin:4px 0 0;font-size:11.5px;line-height:1.45}@keyframes account-dialog-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@media (width<=700px){.account-education-overlay{align-items:end;padding:0}.account-education-dialog{border-radius:25px 25px 0 0;width:100%;max-height:94dvh}.account-education-head,.account-education-dialog--guest .account-education-head{grid-template-columns:70px minmax(0,1fr);gap:15px;min-height:152px;padding:24px 54px 24px 20px}.account-education-crest,.account-education-dialog--guest .account-education-crest{width:70px;height:70px}.account-education-head div>p:last-child{font-size:14px;line-height:1.4}.account-education-body{padding:22px 18px 25px}.account-education-steps,.account-education-benefits{grid-template-columns:1fr}.account-education-step{grid-template-rows:auto auto;grid-template-columns:112px minmax(0,1fr);align-items:center;column-gap:13px;min-height:104px;padding:10px;display:grid}.account-education-visual{grid-row:1/span 2;height:82px;margin:0}.account-education-step h3{align-self:end}.account-education-step p{align-self:start}.account-education-benefits article{text-align:left;grid-template-columns:82px 1fr;min-height:74px;display:grid}.account-education-benefits img{margin:0}.account-education-actions,.account-education-actions--guest{flex-direction:column-reverse;display:flex}.account-education-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.account-education-dialog{animation:none}}
