:root{--ink:var(--color-text,#183b34);--green:var(--color-primary,#173e36);--green-hover:var(--color-secondary,#225348);--paper:var(--color-background,#f6f8f5);--white:var(--color-surface,#fff);--line:#d9e2dc;--muted:var(--color-text-secondary,#586a63);--yellow:var(--color-accent,#f3d16b);--red:#9b3631;--radius:16px;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{border:1px solid var(--line);background:var(--white);min-height:46px;color:var(--ink);cursor:pointer;text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-weight:600;line-height:1.4;display:inline-flex}button:hover,.button:hover{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 22%,var(--color-surface,#fff));border-color:var(--color-primary,#16345a)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline-offset:3px;outline:3px solid #a17a10}input,textarea,select{background:var(--white);width:100%;min-width:0;min-height:48px;color:var(--ink);border:1px solid #afc0b5;border-radius:8px;padding:11px 14px;display:block}textarea{resize:vertical}label{flex-direction:column;gap:7px;font-size:15px;font-weight:600;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.16}h2{font-size:1.4rem;line-height:1.3}h3{font-size:1.1rem}p{margin-bottom:20px}img{max-width:100%}.muted,.hint{color:var(--muted)}.small,.hint{font-size:14px;font-weight:400}.hint{display:block}.eyebrow{letter-spacing:.15em;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.brand{letter-spacing:-1px;white-space:nowrap;font-size:23px;font-weight:800;line-height:1.15}.brand-dot{color:#ba8519}.stack{flex-direction:column;gap:20px;display:flex}.stack p{margin-bottom:0}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-button{background:0 0;border-color:#0000;padding:8px 10px;font-weight:500}.danger{color:var(--red)}.notice{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:16px 0;padding:16px 20px}.notice p{margin:8px 0 0}.notice.success{color:#235733;background:#e7f1e8;border:1px solid #bbd5bd}.notice.error{color:#783820;background:#fff0e6;border:1px solid #edc9b2}.login-shell{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--green);color:#fff;flex-direction:column;justify-content:space-between;min-height:650px;padding:56px clamp(32px,6vw,100px);display:flex}.login-story .brand-dot,.login-story .eyebrow{color:var(--yellow)}.login-story h1{margin:28px 0;font-size:clamp(2.8rem,4.2vw,4.8rem);line-height:1.13}.login-story p{color:#cfddd5;max-width:350px}.login-story .small{margin:0}.login-panel{justify-content:center;align-items:center;padding:48px;display:flex}.login-card{width:100%;max-width:390px}.login-card h2{margin-bottom:16px;font-family:Georgia,serif;font-size:2.1rem;font-weight:500}.login-card .stack{margin:32px 0}.login-card .primary{min-height:52px}.device-page{max-width:1100px;min-height:100dvh;margin:auto;padding:40px 32px}.device-page section{text-align:center;margin:100px auto 0}.device-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0;display:grid}.device-card{border-radius:18px;flex-direction:column;gap:28px;min-height:220px;display:flex}.device-icon{border:3px solid var(--green);border-radius:5px;width:72px;height:49px;display:block;position:relative}.device-0:after{content:"";border-bottom:3px solid var(--green);position:absolute;bottom:-12px;left:12px;right:12px}.device-1{width:49px;height:66px}.device-2{border-radius:8px;width:34px;height:59px}.topbar{background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:30px max(32px,50vw - 590px);display:flex}.account{align-items:center;gap:20px;font-size:14px;display:flex}.main-nav{background:var(--white);border-bottom:1px solid var(--line);gap:36px;padding:0 max(32px,50vw - 590px);display:flex}.main-nav a{border-bottom:3px solid #0000;padding:19px 0;font-weight:600}.main-nav a.active{border-color:var(--green)}.learning-main{max-width:1244px;min-height:65dvh;margin:0 auto;padding:52px 32px 80px}.page-heading{max-width:800px;margin-bottom:38px}.page-heading h1{font-size:clamp(2rem,3.4vw,3rem)}.page-heading.compact{margin:24px 0}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.theme-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;min-height:260px;padding:28px;transition:transform .15s,border-color .15s;display:flex;overflow:hidden}.theme-card:hover{border-color:var(--green);transform:translateY(-3px)}.theme-card h2{margin:24px 0 10px}.theme-card p{color:var(--muted);font-size:15px}.card-number{width:48px;height:48px;color:var(--green);background:#eef3e8;border-radius:12px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.card-action{justify-content:space-between;margin-top:auto;font-size:14px;font-weight:600;display:flex}.theme-image{object-fit:cover;width:calc(100% + 56px);max-width:none;height:170px;margin:-28px -28px 0}.section-nav{flex-wrap:wrap;gap:8px;margin:28px 0;display:flex}.section-nav a{border:1px solid var(--line);background:var(--white);border-radius:30px;min-height:46px;padding:10px 20px}.section-nav a.active{background:var(--green);color:#fff;border-color:var(--green)}.back-link{font-size:14px;font-weight:600}.practice{background:var(--white);border:1px solid var(--line);border-radius:20px;max-width:900px;padding:36px 40px}.practice-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.practice-heading .eyebrow{margin:0}.translation{overflow-wrap:anywhere;margin:30px 0 36px;font-family:Georgia,serif;font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.35}.practice input{min-height:60px;font-size:18px}.practice-actions{justify-content:space-between;gap:12px;margin:12px 0;display:flex}.practice-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:22px;font-size:14px;display:flex}.audio{width:250px;max-width:100%;height:44px}.gap-sentence{overflow-wrap:anywhere;font-size:clamp(1.25rem,2vw,1.65rem);line-height:2.7}.gap-sentence select{vertical-align:middle;background:#f6f8ef;border:1px solid #8caa93;width:auto;min-width:110px;max-width:100%;margin:3px 8px;font-size:18px;display:inline-block}.dialogue{background:var(--white);border:1px solid var(--line);border-radius:16px;max-width:960px;margin-bottom:24px;padding:32px}.dialogue-line{border-top:1px solid var(--line);grid-template-columns:100px minmax(0,1fr);gap:12px 24px;padding:24px 0;display:grid}.dialogue-line .audio{grid-column:2}.dialogue-line p{margin:0 0 8px}.speaker{color:var(--muted);font-size:14px;font-weight:700}.dutch-line{font-size:19px}.explanation{background:#edf2e6;border-radius:12px;max-width:900px;margin:24px 0;padding:20px}.explanation p{white-space:pre-wrap;margin-top:16px}.footer{border-top:1px solid var(--line);max-width:1180px;color:var(--muted);justify-content:space-between;gap:20px;margin:0 auto;padding:24px 0;font-size:14px;display:flex}.empty{background:var(--white);text-align:center;color:var(--muted);border:1px dashed #b9c9be;border-radius:16px;padding:48px 28px}.narrow{max-width:650px;margin:10vh auto;padding:32px}.narrow a{margin-top:24px;display:block}.admin-shell{grid-template-columns:230px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--green);color:#fff;flex-direction:column;height:100dvh;padding:34px 22px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand-dot{color:var(--yellow)}.sidebar-label{letter-spacing:.14em;color:#b7cfc2;margin:45px 12px 14px;font-size:11px}.sidebar nav{flex-direction:column;gap:3px;display:flex}.sidebar nav a{border-radius:8px;padding:10px 12px;font-size:14px}.sidebar nav a.active{color:#ffdf7b;background:#30594e}.sidebar nav a:hover{background:#2b5146}.sidebar form{margin-top:auto;padding-top:30px}.admin-main{min-width:0;max-width:1600px;padding:45px clamp(22px,4vw,64px)}.admin-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-heading h1{margin:0;font-size:2.5rem}.admin-heading .eyebrow{margin-bottom:10px}.admin-list{border:1px solid var(--line);background:var(--white);border-radius:12px;overflow:hidden}.admin-row{border-bottom:1px solid var(--line);flex-direction:column;gap:16px;padding:22px 24px;display:flex}.admin-row:last-child,.student-row:last-child{border-bottom:0}.row-title{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-title strong{font-size:17px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions button,.row-actions .button{padding:7px 12px;font-size:14px}.badge{color:#765711;white-space:nowrap;background:#f6edcc;border-radius:20px;padding:3px 10px;font-size:12px;display:inline-block}.badge.published{color:#2c612e;background:#e8f2e7}.filter{max-width:340px;margin:0 0 24px}.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;margin:24px 0;padding:28px}.editor-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.editor-heading h2{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.gap-editor{background:#f6f8f2;border-radius:12px;padding:22px}.gap-editor fieldset{border:1px solid #bdcdbf;border-radius:10px;min-width:0;margin:18px 0;padding:16px}.gap-editor legend{font-weight:600}.option-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.option-row input[type=radio]{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--green)}.option-row button{padding:8px 12px}.checkbox{flex-direction:row;align-items:center;gap:12px}.checkbox input{width:22px;min-height:22px;accent-color:var(--green)}.student-row{border-bottom:1px solid var(--line);padding:24px}.student-dates{flex-wrap:wrap;gap:30px;margin:20px 0;display:flex}.student-dates dt{color:var(--muted);font-size:12px}.student-dates dd{margin:0;font-size:14px}.media-editor{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.media-editor audio{max-width:100%}.media-editor form{margin-top:16px}.media-preview{border-radius:8px;width:240px}.pagination{flex-wrap:wrap;justify-content:space-between;gap:20px;margin:26px 0;font-size:14px;display:flex}summary{cursor:pointer;min-height:32px;font-weight:600}input[type=file]{padding:10px;font-size:14px}.app-shell[data-device=Tablet] button,.app-shell[data-device=GSM] button{min-height:52px}.app-shell[data-device=GSM] .content-grid{grid-template-columns:1fr;max-width:700px}.app-shell[data-device=GSM] .practice{max-width:740px}.app-shell[data-device=GSM] .gap-sentence select{min-height:56px}@media (max-width:1050px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:30px 16px}.sidebar .brand{font-size:21px}.admin-heading{flex-direction:column;align-items:flex-start}.footer{margin:0 32px}.login-story{padding:40px}.login-panel{padding:36px}.form-grid{grid-template-columns:1fr}}@media (max-width:700px){.login-shell{grid-template-columns:1fr}.login-story{gap:35px;min-height:0;padding:30px 26px}.login-story h1{margin:0;font-size:2.6rem}.login-story .eyebrow,.login-story div>p,.login-story>.small{display:none}.login-panel{padding:40px 26px}.login-card{max-width:none}.topbar{align-items:flex-start;padding:22px}.topbar .brand{white-space:normal;max-width:160px;font-size:19px}.account{flex-direction:column;align-items:flex-end;gap:6px}.main-nav{gap:28px;padding:0 24px}.learning-main{padding:34px 20px 50px}.content-grid{grid-template-columns:1fr;gap:16px}.theme-card{min-height:220px;padding:24px}.theme-image{width:calc(100% + 48px);margin:-24px -24px 0}.page-heading{margin-bottom:26px}.practice{padding:25px 20px}.practice-heading{gap:16px}.translation{margin:24px 0;font-size:1.8rem}.practice-actions{flex-direction:column}.practice-actions button{min-height:52px}.practice-bottom{gap:4px}.practice-bottom>span{display:none}.gap-sentence select{max-width:calc(100% - 16px);font-size:17px}.dialogue{padding:24px 20px}.dialogue-line{grid-template-columns:1fr;gap:6px}.dialogue-line .audio{grid-column:1}.dialogue-line .speaker{margin-bottom:6px}.section-nav{gap:6px}.section-nav a{padding:10px 14px;font-size:14px}.footer{flex-direction:column;gap:8px;margin:0 20px}.device-page{padding:28px 24px}.device-page section{margin:55px auto 0}.device-grid{grid-template-columns:1fr;gap:12px}.device-card{flex-direction:row;gap:30px;min-height:110px}.device-card .device-icon{transform:scale(.7)}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:22px;position:relative}.sidebar .brand br{display:none}.sidebar-label{margin:20px 0 8px}.sidebar nav{flex-direction:row;gap:3px;padding-bottom:8px;overflow-x:auto}.sidebar nav a{flex-shrink:0;font-size:14px}.sidebar form{padding:0;position:absolute;top:16px;right:14px}.sidebar .brand{max-width:200px;font-size:18px}.admin-main{padding:28px 18px}.admin-heading h1{font-size:2.15rem}.admin-row,.student-row{padding:20px 18px}.panel{padding:20px 16px}.row-title{align-items:flex-start}.gap-editor{padding:16px 10px}.option-row{gap:6px}.option-row button{padding:8px}.option-row input:not([type=radio]){padding:10px}.student-dates{flex-direction:column;gap:14px}.pagination{font-size:13px}.admin-heading .actions{width:100%}.admin-heading .actions button{flex:1}.editor-heading{align-items:flex-start;gap:12px}.form-grid{gap:18px}}@media (orientation:landscape) and (max-height:550px){.device-page section{margin-top:25px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}.device-card{min-height:110px}.login-story{min-height:0}.sidebar{height:auto;position:relative}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.language-selector-block{flex-shrink:0;justify-items:start;display:grid}.language-selector{gap:12px;display:flex}.language-selector-prompt{color:var(--color-text);font-size:var(--ui-body,17px);gap:2px;margin-bottom:8px;line-height:1.25;display:grid}.language-selector-prompt small{color:var(--ui-translation-color,var(--color-text-secondary,#536780));font-size:var(--ui-translation,15px)}.language-selector button{min-width:44px;min-height:44px;font-size:max(16px,var(--ui-input,16px));color:var(--color-text);border:1px solid var(--ui-border-color,#bfd0cb);background:0 0;border-radius:14px;padding:8px 12px}.language-selector [aria-pressed=true]{background:var(--login-button,var(--color-primary,#173e36));color:var(--login-button-text,var(--on-primary,#fff))}.topbar,.account{flex-wrap:wrap}.login-card>.language-selector-block{margin-bottom:24px}.device-page>.language-selector-block{float:right}.primary{background:var(--color-button-primary,var(--green));color:var(--on-button,#fff);border-color:#0000}.primary:hover{background:color-mix(in srgb,var(--color-button-primary,var(--green)) 82%,var(--ui-hover-color,#8ccbff));color:var(--on-button,#fff)}.login-story,.sidebar,.section-nav a.active{color:var(--on-primary,#fff)}.sidebar button{color:inherit}:focus-visible{outline:3px solid var(--ink);box-shadow:0 0 0 6px var(--white)}.support-text{color:var(--muted);margin:10px 0 24px;font-size:1rem;line-height:1.6}.dutch-line{font-size:1.3rem;font-weight:600}.notice .support-text{color:inherit;font-size:1rem;font-weight:400}.appearance-preview{background:var(--color-background);color:var(--color-text);border-radius:12px;padding:24px}.appearance-preview article{background:var(--color-surface);border-radius:12px;padding:24px}.appearance-preview .muted{color:var(--color-text-secondary)}.appearance-preview h2{border-bottom:4px solid var(--color-accent)}.recording-panel{padding:18px 0}.recording-panel audio{margin:16px 0;display:block}.recording-status{color:var(--red);font-weight:700}@media (max-width:700px){.topbar{gap:16px}.account{flex-direction:row;justify-content:space-between;width:100%}.language-selector-block{order:-1}.recording-panel .actions button{flex:140px}}.login-story p,.login-story .eyebrow,.sidebar-label{color:inherit}.sidebar nav a.active,.sidebar nav a:hover{background:var(--color-secondary);color:var(--on-secondary)}.sidebar .brand-dot,.login-story .brand-dot{color:inherit}.card-number{background:var(--card-one);color:var(--card-ink)}.theme-card:nth-child(3n+2) .card-number{background:var(--card-two)}.theme-card:nth-child(3n) .card-number{background:var(--card-three)}.gap-sentence select,.explanation{background:var(--white);color:var(--ink)}.bilingual-label{align-items:inherit;flex-direction:column;gap:2px;line-height:1.2;display:inline-flex}.bilingual-label small{color:var(--muted);font-size:.72em;font-weight:400;line-height:1.25}.bilingual-nav{flex-wrap:wrap;display:flex;overflow-x:visible}.bilingual-nav a{text-align:center;min-width:110px}.bilingual-nav .bilingual-label{align-items:center}.bilingual-nav .bilingual-label small{color:inherit;opacity:.72}.navigation-editor-row{border:1px solid var(--line);border-radius:10px;padding:18px}.navigation-editor-row .actions{margin-top:12px}@media (max-width:700px){.bilingual-nav{gap:4px;padding:8px 14px}.bilingual-nav a{flex:30%;min-width:0;padding:10px 5px;font-size:13px}.bilingual-label small{font-size:.7em}}.filters{flex-wrap:wrap;gap:16px;display:flex}.filters .filter{min-width:220px}.content-counters{color:var(--muted);margin:-10px 0 20px}.inline-item{padding:0}.inline-item>summary{justify-content:space-between;gap:16px;padding:22px 24px;list-style:none;display:flex}.inline-item>summary::-webkit-details-marker{display:none}.inline-item[open]>summary{border-bottom:1px solid var(--line)}.summary-hint{color:var(--muted);white-space:nowrap;font-size:14px}.audio-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px}.has-audio{color:#2c612e;background:#e8f2e7}.missing-audio{color:#8a5200;background:#fff1da}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px;padding:20px 24px 0;display:grid}.inline-fields p{margin:0}.status-line{color:var(--muted);grid-column:1/-1}.inline-item>.editor{margin:18px 24px}.inline-item>.row-actions{padding:0 24px 22px}@media (max-width:700px){.inline-item>summary{align-items:flex-start;padding:18px}.inline-fields{grid-template-columns:1fr;padding:18px 18px 0}.inline-item>.editor{margin:12px 18px}.inline-item>.row-actions{padding:0 18px 18px}.summary-hint{display:none}}.verb-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;display:grid}.verb-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:.7rem;gap:.2rem;padding:.8rem;display:grid}.conjugation{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.conjugation div{background:var(--surface);border-radius:.5rem;padding:.6rem}.conjugation b{color:var(--muted);font-size:.82rem;display:block}.verb-detail{margin:1rem 0}.verb-editor-fields{border:0;min-width:0;margin:0;padding:0}.lesson-explanation{white-space:pre-line}.verb-card,.conjugation div{background:var(--white)}.verb-card small{color:var(--muted)}.verb-detail{scroll-margin-top:20px}.verb-detail h2{overflow-wrap:anywhere}.verb-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}.section-nav button[aria-pressed=true]{background:var(--ink);color:var(--white)}.gap-sentence select{max-width:100%}.verb-admin .filters>label{min-width:0}.dialogue-module{max-width:960px;margin:28px 0 60px}.password-input{align-items:stretch;width:100%;display:flex}.password-input input{border-radius:8px 0 0 8px}.password-toggle{border-left:0;border-radius:0 8px 8px 0;min-width:70px;padding:8px 12px}.password-toggle svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}:where(button:not(:disabled),.button,.theme-card,.device-card,.dialogue-mode-card){transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}:where(.theme-card,.device-card,.dialogue-mode-card):hover,:where(.theme-card,.device-card,.dialogue-mode-card):focus-visible{background-color:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 22%,var(--color-surface,#fff));border-color:var(--color-primary,#16345a)}button:not(:disabled):focus-visible,.button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-hover-color,#8ccbff) 45%,transparent)}@media (hover:hover){.language-selector button:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 22%,var(--color-surface,#fff));border-color:var(--color-primary,#16345a)}.language-selector button[aria-pressed=true]:hover{background:color-mix(in srgb,var(--login-button,var(--color-primary,#16345a)) 82%,var(--ui-hover-color,#8ccbff));box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-hover-color,#8ccbff) 35%,transparent)}}.language-selector button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-hover-color,#8ccbff) 45%,transparent)}.page-heading:has(>.eyebrow) h1 .bilingual-label small{display:none}.dialogue-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.dialogue-roles>div{background:var(--white);border:1px solid var(--line);border-radius:12px;flex-direction:column;min-width:0;padding:18px;display:flex}.dialogue-roles strong,.dialogue-role strong{font-size:16px}.dialogue-roles .support-text,.dialogue-role .support-text{margin-top:4px;font-size:14px;display:block}.dialogue-modes{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.dialogue-modes button.active{background:var(--green);color:#fff;border-color:var(--green)}.dialogue-transcript{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:8px 28px 24px}.dialogue-turn{border-bottom:1px solid var(--line);min-width:0;padding:22px 0}.dialogue-turn:last-child{border-bottom:0}.dialogue-turn p{overflow-wrap:anywhere;margin:14px 0 0}.dialogue-turn .dutch-line{font-size:20px;font-weight:600}.dialogue-turn .dialogue-prompt{font-family:Georgia,serif;font-size:22px;line-height:1.45}.dialogue-turn .audio{margin-top:14px;display:block}.dialogue-turn .actions{margin-top:18px}.dialogue-roles [data-speaker-role=A],.dialogue-turn[data-speaker-role=A]{--dialogue-role-color:var(--dialogue-person-a)}.dialogue-roles [data-speaker-role=B],.dialogue-turn[data-speaker-role=B]{--dialogue-role-color:var(--dialogue-person-b)}.dialogue-roles [data-speaker-role] strong,.dialogue-turn .dialogue-role strong,.dialogue-turn .dutch-line,.dialogue-edit-line h3{color:var(--dialogue-role-color)}.dialogue-module .support-text,.dialogue-color-preview .support-text,.dialogue-turn .dialogue-prompt,.dialogue-role .bilingual-label small,.dialogue-answer-label .bilingual-label small,.dialogue-feedback .bilingual-label small,.dialogue-audio-hint .bilingual-label small{color:var(--dialogue-translation)}.dialogue-turn.dialogue-exercise{border-left:4px solid var(--dialogue-role-color)}:root{--dialogue-person-b-button-background:#d9eaf7}.dialogue-exercise[data-speaker-role=B] .actions button,.dialogue-modes button.active[data-speaker-role=B]{background:var(--dialogue-person-b-button-background);color:var(--ink);border-color:var(--dialogue-person-b-button-background)}.dialogue-turn.dialogue-exercise .dialogue-answer-input:focus{outline-color:var(--dialogue-role-color)}.dialogue-turn.dialogue-exercise .dialogue-answer-input,.dialogue-turn .dialogue-answer-label,.dialogue-turn .dialogue-feedback{color:var(--dialogue-role-color)}.dialogue-edit-line{border-left:4px solid var(--dialogue-role-color);padding-left:14px}.dialogue-edit-line textarea[name=dutch]{color:var(--dialogue-role-color);font-weight:600}.appearance-color-controls{align-items:center;gap:10px;display:flex}.appearance-color-controls input[type=color]{cursor:pointer;width:64px;min-width:64px;padding:4px}.appearance-color-controls input[type=text]{max-width:150px;font-family:ui-monospace,monospace}.appearance-dialogue-settings{border-top:1px solid var(--line);padding-top:24px}.dialogue-color-preview{margin:20px 0}.dialogue-color-preview article{padding:8px 24px}.dialogue-color-preview .dialogue-turn:last-child{border-bottom:0}.login-shell,.login-preview{background:var(--login-background)}.login-shell .login-story,.login-preview .login-story{background:var(--login-background);color:var(--login-text)}.login-shell .login-story .bilingual-label small,.login-preview .login-story .bilingual-label small,.login-shell .login-story p,.login-shell .login-story .eyebrow,.login-preview .login-story p{color:var(--login-secondary)}.login-shell .login-story .brand-dot{color:var(--login-accent)}.login-shell .login-panel,.login-preview .login-panel{background:var(--login-surface)}.login-shell .login-panel .primary,.login-preview .login-panel .primary{background:var(--login-button);color:var(--login-button-text);border-color:var(--login-button)}.login-shell .login-panel .primary:hover,.login-preview .login-panel .primary:hover{filter:brightness(.9)}.appearance-login-settings{border-top:1px solid var(--line);padding-top:24px}.login-content-field{border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px}.login-content-field legend{font-weight:700}.login-content-field label{margin:8px 0}.login-preview{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;min-height:280px;display:grid;overflow:hidden}.login-preview .login-story{gap:16px;min-height:0;padding:26px}.login-preview .login-story h2{font-family:Georgia,serif;font-size:clamp(1.3rem,2vw,2rem);line-height:1.25}.login-preview .login-story h2 .bilingual-label{display:block}.login-preview .login-story p{margin:10px 0}.login-preview .login-panel{padding:26px}.login-preview .login-card{max-width:none}.login-preview .login-card label{margin-bottom:12px}.login-preview .login-card .primary{margin-top:12px}@media (max-width:700px){.login-preview{grid-template-columns:1fr}.login-preview .login-story,.login-preview .login-story>div>p{display:block}.login-preview .login-panel{padding:22px}.appearance-color-controls{flex-wrap:wrap}.appearance-color-controls input[type=text]{max-width:160px}}.dialogue-progress{justify-content:space-between;margin-top:20px}.dialogue-exercise{background:#f7faf7;border-radius:10px;margin:0 -14px;padding:22px 14px}.dialogue-answer-label{margin:18px 0 8px;display:block}.dialogue-answer-input{width:100%;max-width:680px}.dialogue-audio-hint{margin-top:16px}.dialogue-feedback{border:1px solid var(--line);overflow-wrap:anywhere;border-radius:10px;margin-top:18px;padding:14px 16px}.dialogue-feedback.correct{background:#e7f1e8;border-color:#bbd5bd}.dialogue-feedback.incorrect{background:#fff0e6;border-color:#edc9b2}.dialogue-feedback.revealed{background:#f3f6f3}.dialogue-feedback p{margin:8px 0}.dialogue-edit-line{min-width:0;margin:18px 0}.dialogue-edit-line textarea{min-height:90px}.dialogue-edit-line .media-editor{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.admin-data-entry-heading{margin:18px 0 12px}.admin-data-entry-heading h2{margin:0 0 2px}.admin-data-entry-heading p{color:var(--muted);margin:0;font-size:13px}.admin-lines-title{margin:28px 0 10px}.admin-dialogue-lines{background:0 0;border:0;gap:12px;padding:0;display:grid}.admin-line-entry{border:1px solid var(--line);border-left:4px solid var(--dialogue-role-color);background:var(--white);border-radius:12px;padding:14px 16px;font-size:13px}.admin-line-entry>header{align-items:center;gap:9px;margin-bottom:12px;display:flex}.admin-line-number{background:#edf3f7;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid}.admin-line-entry .audio-badge{margin-left:auto}.dialogue-line-fields{grid-template-columns:140px minmax(0,1fr);gap:9px 14px;display:grid}.dialogue-line-fields label{gap:4px;font-size:12px}.dialogue-line-fields label:not(:first-child){grid-column:2}.dialogue-line-fields textarea,.dialogue-line-fields select{min-height:42px;padding:8px 10px;font-size:14px}.dialogue-line-fields textarea{height:58px}.admin-line-entry .stack{gap:10px}.admin-line-entry .actions button{min-height:38px;padding:6px 11px;font-size:13px}.admin-line-entry>.media-editor{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin-top:12px;padding-top:12px;display:grid}.admin-line-entry>.media-editor p,.admin-line-entry>.media-editor label{margin:0;font-size:12px}.admin-line-entry>.media-editor audio{grid-column:1;width:260px;height:38px}.admin-line-entry>.media-editor label{grid-column:1}.admin-line-entry>.media-editor input[type=file]{min-height:40px;padding:7px;font-size:12px}.admin-line-entry>.media-editor>button{grid-area:2/2;min-height:38px;padding:6px 10px;font-size:12px}.admin-line-entry>.media-editor .notice{grid-column:1/-1;margin:0;padding:10px 12px}.admin-line-group{gap:6px;display:grid}.insert-line-control{justify-items:center;display:grid}.insert-line-control>button{min-height:32px;color:var(--muted);background:0 0;border-style:dashed;padding:3px 10px;font-size:12px}.insert-line-control>form{border:1px dashed var(--line);background:var(--white);border-radius:10px;justify-self:stretch;padding:14px}.insert-line-control textarea{min-height:58px}.grammar-admin-line{border-left-color:var(--color-accent,#f3d16b)}.grammar-admin-line .form-grid{grid-template-columns:minmax(0,1fr);gap:10px}.grammar-admin-line .form-grid label{gap:4px;font-size:12px}.grammar-admin-line .form-grid textarea,.grammar-admin-line .form-grid input,.grammar-admin-line .form-grid select{min-height:42px;padding:8px 10px;font-size:14px}.grammar-admin-line .form-grid textarea{height:58px}.grammar-admin-line .hint{font-size:12px}.admin-line-group>.row-actions{justify-content:flex-end;padding:0 4px 8px}.insert-line-control>.editor{justify-self:stretch;width:100%}@media (max-width:680px){.dialogue-roles{grid-template-columns:1fr}.dialogue-transcript{padding:8px 18px 18px}.dialogue-modes button,.dialogue-turn .audio{width:100%}.dialogue-edit-line{padding:20px}.dialogue-module{margin-top:20px}}@media (max-width:900px){.dialogue-line-fields{grid-template-columns:1fr}.dialogue-line-fields label:not(:first-child){grid-column:1}.admin-line-entry>.media-editor{grid-template-columns:1fr}.admin-line-entry>.media-editor>button{grid-area:auto/1}.admin-line-entry>.media-editor audio{max-width:100%}}.home-hero{--home-navy:#16345a;--home-blue:#8ccbff;--home-yellow:#ffc94d;background:var(--home-navy);color:#fff;min-height:100dvh;font-family:Poppins,Arial,sans-serif;overflow:hidden}.home-hero-content{text-align:center;flex-direction:column;align-items:center;max-width:1280px;min-height:100dvh;margin:auto;padding:clamp(32px,6vh,76px) 24px 34px;display:flex}.home-brand{letter-spacing:-.055em;color:#fff;font-size:clamp(1.65rem,2.4vw,2.125rem);font-weight:800;text-decoration:none}.home-brand span{color:var(--home-yellow)}.home-message{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:clamp(52px,9vh,120px) 0;display:flex}.home-kicker{letter-spacing:.24em;flex-direction:column;align-items:center;gap:8px;display:flex}.home-kicker strong{font-size:clamp(.7rem,1.35vw,1rem);font-weight:600}.home-kicker span{color:var(--home-blue);letter-spacing:.2em;font-size:clamp(.65rem,1.1vw,.875rem)}.home-kicker i{background:var(--home-yellow);border-radius:999px;width:120px;height:4px;margin:24px 0 clamp(32px,5vh,66px)}.home-message h1{letter-spacing:-.055em;flex-direction:column;align-items:center;max-width:100%;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(3.65rem,10vw,6rem);font-weight:600;line-height:.95;display:flex;position:relative}.home-message h1:before,.home-message h1:after{content:"";background:var(--home-yellow);border-radius:99px;width:clamp(26px,5vw,68px);height:6px;position:absolute;top:50%}.home-message h1:before{right:calc(100% + clamp(16px,3vw,52px));transform:rotate(27deg)}.home-message h1:after{left:calc(100% + clamp(16px,3vw,52px));transform:rotate(-27deg)}.home-translation{color:var(--home-blue);margin:clamp(22px,4vh,42px) 0 clamp(32px,5vh,54px);font-size:clamp(1.75rem,3.5vw,2.125rem);font-weight:600}.home-cta{background:var(--home-blue);color:var(--home-navy);border-radius:999px;align-items:center;gap:24px;padding:18px 42px;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.home-cta:hover{background:#b5e0ff;transform:translateY(-2px)}.home-cta:focus-visible{outline:3px solid var(--home-yellow);outline-offset:4px}.home-cta span{font-size:1.6em;line-height:.7}.home-footer{flex-direction:column;align-items:center;gap:20px;display:flex}.home-footer p{margin:0;font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.375rem);font-style:italic}.home-footer>i{background:var(--home-yellow);border-radius:70% 40%;width:150px;height:4px;transform:rotate(-4deg)}.home-footer nav{align-items:center;gap:24px;margin-top:10px;display:flex}.home-footer nav a{color:var(--home-blue);width:38px;height:38px;place-items:center;transition:transform .2s;display:grid}.home-footer nav a:hover{transform:translateY(-2px)scale(1.05)}.home-footer svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;width:34px;height:34px}.home-footer svg circle,.home-footer svg rect{fill:none}.home-footer .home-social-play{fill:var(--home-navy);stroke:none}@media (max-width:700px){.home-hero-content{padding:28px 20px}.home-message{padding:64px 0}.home-kicker{letter-spacing:.16em}.home-kicker i{margin:20px 0 40px}.home-message h1{font-size:clamp(3.25rem,16vw,4rem)}.home-message h1:before,.home-message h1:after{display:none}.home-cta{justify-content:center;width:100%;max-width:330px;padding:17px 28px}.home-footer nav{gap:20px}.home-footer nav a,.home-footer svg{width:30px;height:30px}}
:root{--ink:var(--color-text);--green:var(--color-primary);--green-hover:var(--color-secondary);--paper:var(--color-background);--white:var(--color-surface);--line:var(--ui-border-color);--muted:var(--color-text-secondary);--yellow:var(--color-accent);--red:var(--ui-error-color);font-family:Poppins,Arial,sans-serif}body{font-size:var(--ui-body);color:var(--color-text);background:var(--color-background);line-height:1.6}h1,.page-heading h1{font:600 var(--ui-page-title)/1.2 "Playfair Display",Georgia,serif;color:var(--ui-title-color);letter-spacing:-.02em;overflow-wrap:anywhere}h2{font-size:var(--ui-section-title);color:var(--ui-section-color);line-height:1.25}h3,.theme-card h2{font-size:var(--ui-card-title);line-height:1.3}.small,.hint,.support-text,.bilingual-label small,.theme-card p,.practice-bottom{font-size:var(--ui-translation);opacity:1;color:var(--ui-translation-color);line-height:1.5}.eyebrow{font-size:14px}.muted{color:var(--color-text-secondary)}button,.button{min-height:var(--ui-button-space);font-size:var(--ui-button);overflow-wrap:anywhere}.primary{background:var(--color-button-primary);color:var(--ui-button-text-color);border-color:var(--color-button-primary)}.primary small{color:inherit}button:disabled{opacity:1;color:var(--color-text-secondary);background:var(--color-background);cursor:not-allowed}input,textarea,select{font-size:max(16px,var(--ui-input));min-height:var(--ui-field-space);border-color:var(--ui-border-color)}label{font-size:16px}label .hint{font-weight:400}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 2px var(--color-surface)}.topbar,.main-nav{gap:var(--ui-nav-space);padding-inline:max(24px,50% - 640px)}.account{font-size:var(--ui-nav);flex-wrap:wrap}.main-nav{flex-wrap:wrap}.main-nav a{min-height:44px;padding-block:var(--ui-nav-space);font-size:var(--ui-nav);color:var(--ui-nav-color)}.main-nav small{font-size:var(--ui-nav-translation);color:var(--ui-nav-translation-color)}.main-nav a.active{border-color:var(--ui-nav-active-color)}.learning-main{max-width:1280px;padding:var(--ui-page-space);color:var(--ui-body-color)}.learning-main .muted{color:var(--ui-extra-color)}.theme-card,.panel,.practice{border-color:var(--ui-border-color);background:var(--color-surface);padding:24px}.theme-card{min-width:0}.card-action,.back-link{font-size:var(--ui-button);min-height:44px}.practice{max-width:80ch}.practice .translation{font:400 var(--ui-prompt)/1.6 Poppins,Arial,sans-serif;color:var(--ui-practice-translation-color);margin:24px 0}.practice input,.gap-sentence select{font-size:var(--ui-practice-input);min-height:var(--ui-field-space)}.practice-actions{gap:var(--ui-practice-space);flex-wrap:wrap}.practice .notice{font-size:var(--ui-feedback)}.practice .dutch-line{font-size:var(--ui-answer)}.audio{max-width:100%;height:54px}.notice.success,.dialogue-feedback.correct{color:var(--ui-success-color);background:var(--color-surface);border:1px solid}.notice.error,.dialogue-feedback.incorrect{color:var(--ui-error-color);background:var(--color-surface);border:1px solid}.admin-shell{font-size:var(--ui-admin-table)}.admin-sidebar a,.admin-nav a{font-size:var(--ui-admin-menu);min-height:44px}.admin-main,.admin-content,.panel,.form-grid>*{min-width:0}.admin-shell input,.admin-shell textarea,.admin-shell select{font-size:var(--ui-admin-input)}.admin-shell .small,.admin-shell .hint,.admin-shell small{font-size:max(14px,var(--ui-translation))}.admin-row,.student-row{min-height:var(--ui-row-space);overflow-wrap:anywhere}.admin-list,.row-title,.student-dates{min-width:0}.row-title span{overflow-wrap:anywhere}.admin-shell table{font-size:var(--ui-admin-table)}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll table{min-width:640px}td,th{overflow-wrap:anywhere;padding:12px}@media (max-width:1024px){.learning-main{padding:24px}h1,.page-heading h1{font-size:max(24px,calc(var(--ui-page-title) - 4px))}}@media (max-width:767px){body{font-size:max(16px,calc(var(--ui-body) - 1px))}.learning-main{padding:20px 18px}h1,.page-heading h1{font-size:max(24px,calc(var(--ui-page-title) - 8px))}h2{font-size:max(20px,calc(var(--ui-section-title) - 4px))}.topbar{flex-wrap:wrap;padding:20px 18px}.account{gap:12px}.main-nav{padding-inline:18px}.theme-card,.panel,.practice{padding:20px}.admin-row,.student-row{flex-wrap:wrap}.form-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.admin-shell .sidebar nav a{font-size:var(--ui-admin-menu);min-height:44px}.admin-shell .sidebar-label{font-size:14px}.admin-shell .sidebar .brand{font-size:26px}.admin-shell .admin-main{font-size:var(--ui-admin-table)}.appearance-fieldset{border:0;min-width:0;margin:0;padding:0}.appearance-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.appearance-presets button{min-height:64px}.appearance-presets [aria-pressed=true]{background:var(--color-primary);color:var(--on-primary);border-width:2px}.appearance-section{border:1px solid var(--ui-border-color);background:var(--color-surface);border-radius:14px;margin:12px 0}.appearance-section>summary{cursor:pointer;min-height:56px;padding:20px;font-size:18px;font-weight:600}.appearance-section-body{padding:0 20px 20px}.appearance-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0;display:grid}.appearance-controls-grid>div{border:1px solid var(--ui-border-color);border-radius:12px;min-width:0;padding:16px}.appearance-controls-grid ul{flex-wrap:wrap}.appearance-controls-grid input[type=color]{flex:none}.appearance-controls-grid input[type=number]{max-width:150px}.appearance-controls-grid details{margin-top:10px}.appearance-controls-grid label{flex-wrap:wrap}.appearance-region-preview{background:var(--color-background);color:var(--color-text);border:1px solid var(--ui-border-color);overflow-wrap:anywhere;border-radius:12px;margin:24px 0;padding:24px}.appearance-sample .preview-language{margin-bottom:20px;font-size:16px}.appearance-sample .preview-language button{min-height:44px;font-size:15px}.appearance-sample .main-nav{gap:var(--ui-nav-space);padding:0}.appearance-sample .preview-dialogues{min-height:0;font-size:var(--ui-body)}.appearance-sample .practice{width:100%}.appearance-sample .preview-page{padding:var(--ui-page-space);background:var(--color-surface);font-size:var(--ui-body);color:var(--ui-body-color);border-radius:12px}.appearance-sample .preview-title{font:600 var(--ui-page-title)/1.2 Georgia,serif;color:var(--ui-title-color)}.appearance-sample .preview-page h3{font-size:var(--ui-section-title);color:var(--ui-section-color)}.appearance-sample .preview-page .muted{font-size:var(--ui-translation);color:var(--ui-extra-color)}.appearance-sample .preview-admin{background:var(--color-surface);min-height:0;padding:20px;display:block}.appearance-sample .preview-admin nav{padding:12px 0}.appearance-sample .preview-admin table{width:100%;min-width:320px}.appearance-sample .login-preview .login-story small{font-size:var(--ui-login-translation);color:var(--login-secondary)}.appearance-save{background:var(--color-surface);border-top:1px solid var(--ui-border-color);z-index:2;margin-top:24px;padding:16px;position:sticky;bottom:0}.appearance-save p{margin:0 0 10px}.appearance-warning{border:1px solid var(--ui-warning-color);color:var(--ui-warning-color);border-radius:10px;padding:16px}@media (max-width:767px){.appearance-controls-grid{grid-template-columns:minmax(0,1fr)}.appearance-section-body{padding-inline:12px}.appearance-region-preview{padding:14px}.appearance-sample .login-preview{grid-template-columns:minmax(0,1fr)}.appearance-presets{gap:6px}.appearance-presets button{padding:8px}.appearance-save{position:static}.appearance-editor{padding:16px}}@media (max-width:700px){.admin-shell .sidebar .brand{max-width:none;font-size:24px;line-height:1.2;display:block}.admin-shell .sidebar .brand br{display:block}.admin-shell .sidebar form{margin-top:16px;position:static}.admin-shell .sidebar nav{flex-wrap:wrap;gap:8px;overflow:visible}.admin-shell .sidebar nav a{padding:10px 12px}}
.login-shell{--login-translation-size:clamp(12px,1.05vw,16px);isolation:isolate;background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 4%,#fff);width:100%;min-height:100dvh;color:var(--color-primary,#16345a);grid-template-rows:auto 1fr auto;grid-template-columns:1fr;padding:20px clamp(24px,4vw,72px) 18px;font-family:Poppins,Arial,sans-serif;display:grid;position:relative;overflow:hidden}.login-header{z-index:2;grid-template-columns:1fr auto;align-items:start;gap:32px;display:grid}.login-brand-lockup{gap:6px;display:grid}.login-brand-lockup .brand{letter-spacing:-.05em;color:var(--color-primary,#16345a);font:800 clamp(27px,2.5vw,40px)/1 Poppins,Arial,sans-serif}.login-brand-lockup .brand-dot{color:var(--color-accent,#ffc94d)}.login-brand-lockup>a:last-child{font-size:var(--login-translation-size);color:var(--ui-translation-color,#6a7894)}.login-brand-lockup a{transition:color .18s}.login-brand-lockup a:hover,.login-brand-lockup a:focus-visible{color:var(--ui-hover-color,#8ccbff)}.login-language{align-items:center;gap:20px;display:flex}.login-language p{text-align:right;margin:0;line-height:1.2;display:grid}.login-language strong{font-size:clamp(15px,1.35vw,20px)}.login-language span{font-size:var(--login-translation-size);color:var(--ui-translation-color,#6a7894)}.login-language .language-selector{border:1px solid color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 55%,#fff);background:#fff;border-radius:16px;gap:0;padding:2px}.login-language .language-selector button{border:0;border-radius:13px;min-width:78px;min-height:48px;font-size:17px;transition:background-color .18s,box-shadow .18s,transform .18s}.login-language .language-selector button[aria-pressed=true]{background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 34%,#fff);color:var(--color-primary,#16345a)}.login-language .language-selector button:hover,.login-language .language-selector button:focus-visible{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 48%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-hover-color,#8ccbff) 30%,transparent);transform:translateY(-2px)}.login-content{z-index:1;align-self:center;justify-items:center;gap:clamp(12px,1.7vh,20px);width:min(100%,1040px);margin:0 auto;display:grid}.login-title{text-align:center}.login-title h1{color:var(--color-primary,#16345a);letter-spacing:-.045em;margin:0;font:800 clamp(34px,4.1vw,62px)/1.05 Poppins,Arial,sans-serif}.login-title p{color:var(--ui-translation-color,#8490aa);margin:4px 0 0;font-size:clamp(20px,2.2vw,31px);font-weight:600}.login-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(56px,8vw,120px);width:min(100%,760px);margin:2px 0 0;padding:0;list-style:none;display:grid}.login-steps li{text-align:center;align-content:start;justify-items:center;min-width:0;display:grid;position:relative}.login-step-icon{background:color-mix(in srgb,var(--ui-role-action-color,#8ccbff) 18%,#fff);width:104px;height:104px;color:var(--color-primary,#16345a);border-radius:50%;place-items:center;display:grid}.login-step-icon svg{fill:currentColor;width:62px;height:62px}.login-step-number{z-index:1;color:#fff;background:#429af4;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid;position:absolute;top:0;left:calc(50% - 58px)}.login-steps strong{margin-top:5px;font-size:clamp(14px,1.45vw,20px);line-height:1.18}.login-steps small{font-size:var(--login-translation-size);color:var(--ui-translation-color,#6a7894);font-weight:400;line-height:1.2}.login-steps i{color:var(--ui-role-action-color,#8ccbff);font-size:48px;font-style:normal;line-height:1;position:absolute;top:42px;left:calc(100% + 28px)}.login-step-form{width:100%;margin:0}.login-step-action{width:100%;min-height:0;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-content:start;justify-items:center;padding:5px;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s,box-shadow .18s;display:grid}.login-step-action:hover,.login-step-action:focus-visible{background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 22%,#fff);border-color:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 72%,#fff);transform:translateY(-2px);box-shadow:0 7px 18px #16345a1a}.login-step-action:focus-visible{outline:3px solid var(--color-accent,#ffc94d);outline-offset:2px}.login-footer{z-index:1;text-align:center;justify-items:center;gap:7px;display:grid}.login-footer p{color:var(--color-primary,#16345a);margin:0;font-size:clamp(15px,1.4vw,20px);font-weight:700;line-height:1.15}.login-footer p small{color:var(--ui-translation-color,#6a7894);font-size:var(--login-translation-size);margin-top:3px;font-weight:500;display:block}.login-footer .login-privacy-link{color:var(--ui-translation-color,#6a7894);font-size:var(--login-translation-size);font-weight:400;line-height:1.25}.login-footer .login-privacy-link:hover{text-decoration:underline}.login-footer nav{gap:12px;display:flex}.login-footer nav a{width:36px;height:36px;color:var(--color-primary,#16345a);border-radius:10px;place-items:center;transition:transform .18s,color .18s,background-color .18s,box-shadow .18s;display:grid}.login-footer nav a:hover,.login-footer nav a:focus-visible{color:var(--ui-hover-color,#8ccbff);background:color-mix(in srgb,var(--ui-hover-color,#8ccbff) 18%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-hover-color,#8ccbff) 25%,transparent);transform:translateY(-2px)}.login-footer svg{fill:currentColor;stroke:currentColor;stroke-width:1.7px;width:27px;height:27px}.login-footer .instagram-icon{fill:none}.login-footer .social-fill{fill:#fff;stroke:none}@media (max-height:820px) and (min-width:768px){.login-shell{padding-block:14px 10px}.login-content{gap:9px}.login-title h1{font-size:clamp(32px,3.7vw,52px)}.login-title p{font-size:clamp(18px,1.9vw,25px)}.login-step-icon{width:84px;height:84px}.login-step-icon svg{width:50px;height:50px}.login-step-number{width:30px;height:30px;left:calc(50% - 48px)}.login-steps i{top:32px}.login-footer p{font-size:16px}.login-footer nav a{width:30px;height:30px}}@media (max-width:767px){.login-shell{--login-translation-size:9px;grid-template-rows:auto 1fr auto;height:100dvh;min-height:560px;padding:12px 14px 9px;overflow:hidden}.login-header{grid-template-columns:1fr auto;gap:10px}.login-brand-lockup{gap:3px}.login-brand-lockup .brand{font-size:21px}.login-brand-lockup>a:last-child{max-width:185px}.login-language{gap:5px}.login-language p{display:none}.login-language .language-selector{border-radius:11px}.login-language .language-selector button{border-radius:9px;min-width:44px;min-height:38px;padding:5px 7px;font-size:13px}.login-content{align-content:center;align-self:stretch;gap:7px;width:100%}.login-title h1{font-size:clamp(25px,7.4vw,34px);line-height:1.06}.login-title p{margin-top:1px;font-size:clamp(15px,4.5vw,19px)}.login-steps{gap:6px;width:100%;margin:1px 0}.login-step-icon{width:58px;height:58px}.login-step-icon svg{width:34px;height:34px}.login-step-number{width:22px;height:22px;font-size:11px;left:calc(50% - 34px)}.login-steps strong{margin-top:3px;font-size:11px}.login-steps small{font-size:var(--login-translation-size)}.login-steps i{display:none}.login-footer{gap:2px}.login-footer p{font-size:12px}.login-footer p small{font-size:var(--login-translation-size)}.login-footer nav{gap:8px}.login-footer nav a{width:28px;height:28px}.login-footer svg{width:21px;height:21px}}@media (max-width:380px),(max-height:650px){.login-shell{padding-top:8px}.login-brand-lockup>a:last-child{display:none}.login-title h1{font-size:23px}.login-title p{font-size:14px}.login-step-icon{width:48px;height:48px}.login-step-icon svg{width:28px;height:28px}.login-steps strong{font-size:10px}.login-footer p{font-size:12px}.login-footer nav a{height:24px}.login-footer svg{width:19px;height:19px}}@media (prefers-reduced-motion:reduce){.login-footer nav a{transition:none}.login-footer nav a:hover{transform:none}}