.vm-page{--accent:#38d9c1;--accent-dark:#1f9d8c;--glow:#174246;--surface:#0e2f34;background:radial-gradient(circle at 75% 0, var(--glow) 0, #102536 40%, #06111d 100%);color:#f4fffc;box-sizing:border-box;min-height:100vh;padding:22px;font-family:Inter,ui-sans-serif,sans-serif}.vm-page *{box-sizing:border-box}.vm-shell{max-width:1100px;margin:auto}.vm-top{grid-template-columns:1fr 280px auto;align-items:center;gap:20px;margin-bottom:18px;display:grid}.vm-top>div:first-child span,.vm-top>div:first-child strong{display:block}.vm-top>div:first-child span{color:var(--accent);letter-spacing:.13em;font-size:10px;font-weight:900}.vm-top>div:first-child strong{margin-top:4px;font-size:17px}.vm-progress i{background:#ffffff17;border-radius:8px;height:6px;display:block;overflow:hidden}.vm-progress em{background:linear-gradient(90deg, var(--accent-dark), var(--accent));height:100%;transition:width .3s;display:block}.vm-progress small{text-align:right;color:#9bb1bd;margin-top:6px;font-size:10px;display:block}.vm-top>button{border:1px solid color-mix(in srgb, var(--accent) 42%, #17364a);color:#fff;cursor:pointer;background:#0a2232;border-radius:11px;padding:12px 18px;font-size:10px;font-weight:900}.vm-card{border:1px solid color-mix(in srgb, var(--accent) 40%, #17364a);background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 88%, transparent), #071522f8);border-radius:24px;min-height:500px;padding:34px clamp(18px,4vw,40px);box-shadow:0 24px 55px #0008}.vm-heading{margin-bottom:22px}.vm-heading-tight{margin:30px 0 16px}.vm-heading span{color:var(--accent);letter-spacing:.13em;font-size:10px;font-weight:900}.vm-heading h1,.vm-heading h2{margin:10px 0 8px;font-size:clamp(24px,3vw,32px)}.vm-heading p{color:#afc4cf;margin:0;font-size:14px;line-height:1.6}.vm-welcome>span{color:var(--accent);letter-spacing:.13em;font-size:10px;font-weight:900}.vm-welcome>h1{background:linear-gradient(90deg, #fff, var(--accent), #75c9ff);color:#0000;-webkit-background-clip:text;margin:14px 0 10px;font-size:clamp(32px,5vw,48px)}.vm-welcome>p{color:#afc4cf;max-width:640px;font-size:14px;line-height:1.7}.vm-meta{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.vm-meta>div{border:1px solid color-mix(in srgb, var(--accent) 35%, #17364a);background:#0a2130;border-radius:15px;align-items:center;gap:13px;padding:14px;display:flex}.vm-meta>div>b{background:var(--accent-dark);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.vm-meta span,.vm-meta small{display:block}.vm-meta span{font-size:9px;font-weight:900}.vm-meta small{color:#93aab6;margin-top:5px}.vm-steps{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.vm-steps h2{letter-spacing:.03em;grid-column:1/-1;font-size:16px}.vm-steps button{border:1px solid color-mix(in srgb, var(--accent) 32%, #17364a);color:#fff;text-align:left;cursor:pointer;background:#091f2e;border-radius:14px;align-items:center;gap:10px;min-height:72px;padding:12px;display:flex}.vm-steps button:hover{border-color:var(--accent)}.vm-steps button>b{color:var(--accent);flex:none;font-size:18px}.vm-steps button span{flex:1}.vm-steps button strong,.vm-steps button small{display:block}.vm-steps button small{color:#8fa6b2;margin-top:4px;font-size:12px}.vm-steps button em{color:var(--accent);font-style:normal}.vm-vocab-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vm-vocab-wide{grid-column:span 3}.vm-vocab-card{border:1px solid color-mix(in srgb, var(--accent) 30%, #17364a);background:#0a2130;border-radius:16px;padding:16px}.vm-vocab-card h3{color:var(--accent);letter-spacing:.03em;margin:0 0 10px;font-size:12px}.vm-vocab-card ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.vm-vocab-card li{flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12.5px;line-height:1.4;display:flex}.vm-en{color:#fff;font-weight:700}.vm-arrow{color:var(--accent);opacity:.7}.vm-fr{color:#b9cbd4}.vm-callout{border:1px solid color-mix(in srgb, var(--accent) 40%, #17364a);background:color-mix(in srgb, var(--glow) 55%, #0a2130);border-radius:16px;margin-top:20px;padding:16px 18px}.vm-callout h3{margin:0 0 10px;font-size:13px}.vm-callout ul{color:#d9ecec;margin:0;padding-left:18px;font-size:13px;line-height:1.7}.vm-quote{border-left:3px solid var(--accent);color:#e4f4f2;background:#0a2130;border-radius:4px 16px 16px 4px;margin-bottom:18px;padding:18px 20px;font-size:14.5px;line-height:1.7}.vm-quote small{color:#8fa6b2;letter-spacing:.05em;margin-top:10px;font-size:10px;display:block}.vm-criterion{border:1px solid color-mix(in srgb, var(--accent) 35%, #17364a);background:color-mix(in srgb, var(--glow) 40%, #0a2130);border-radius:16px;margin-bottom:20px;padding:16px 18px}.vm-criterion span{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:900}.vm-criterion p{margin:8px 0 0;font-size:14px;line-height:1.6}.vm-subheading{color:#d9ecec;margin:0 0 10px;font-size:14px}.vm-check-list{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.vm-check-list li{border:1px solid color-mix(in srgb, var(--accent) 25%, #17364a);background:#0a2130;border-radius:12px;padding:10px 14px 10px 34px;font-size:13.5px;line-height:1.5;position:relative}.vm-check-list li:before{content:"✓";color:var(--accent);font-weight:900;position:absolute;left:12px}.vm-transversal{border:1px solid color-mix(in srgb, var(--accent) 25%, #17364a);background:#0a2130;border-radius:14px;padding:14px 16px}.vm-transversal span{color:var(--accent);letter-spacing:.1em;margin-bottom:10px;font-size:10px;font-weight:900;display:block}.vm-transversal div{flex-wrap:wrap;gap:10px;display:flex}.vm-transversal b{background:var(--accent-dark);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.vm-timeline{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.vm-timeline-item{border:1px solid color-mix(in srgb, var(--accent) 25%, #17364a);background:#0a2130;border-radius:16px;gap:16px;padding:16px 18px;display:flex}.vm-timeline-item>b{width:68px;color:var(--accent);flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.vm-timeline-item strong{margin-bottom:4px;font-size:14px;display:block}.vm-timeline-item p{color:#b9cbd4;margin:0;font-size:13px;line-height:1.55}.vm-timeline-total{text-align:right;color:var(--accent);letter-spacing:.05em;padding-top:4px;font-size:12px;font-weight:800}.vm-steps-flow{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.vm-flow-step{background:color-mix(in srgb, var(--glow) 45%, #0a2130);border:1px solid color-mix(in srgb, var(--accent) 35%, #17364a);text-align:center;border-radius:16px;padding:18px 16px}.vm-flow-step>b{color:var(--accent);margin-bottom:8px;font-size:20px;display:block}.vm-flow-step strong{margin-bottom:6px;font-size:13.5px;display:block}.vm-flow-step p{color:#b9cbd4;margin:0;font-size:12px;line-height:1.5}.vm-fiche{border:1px solid color-mix(in srgb, var(--accent) 30%, #17364a);border-radius:16px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.vm-fiche-row{background:#0a2130;grid-template-columns:220px 1fr 90px;align-items:center;gap:10px;padding:14px 18px;display:grid}.vm-fiche-row:nth-child(2n){background:#0c2530}.vm-fiche-label{font-size:13.5px;font-weight:700}.vm-fiche-hint{color:#8fa6b2;font-size:11.5px;font-style:italic}.vm-fiche-blank{background:color-mix(in srgb, var(--accent) 45%, transparent);border-radius:2px;height:2px}.vm-grille{flex-direction:column;gap:18px;display:flex}.vm-grille-group h3{color:var(--accent);letter-spacing:.03em;margin:0 0 8px;font-size:12px}.vm-grille-row{background:#0a2130;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:9px 14px;font-size:12.5px;line-height:1.4;display:flex}.vm-grille-marks{flex:none;gap:6px;display:flex}.vm-grille-marks i{border:1px solid #ffffff30;border-radius:4px;width:14px;height:14px;display:block}.vm-grille-marks i.ok{border-color:#34d399}.vm-grille-marks i.mid{border-color:#ffad42}.vm-grille-marks i.no{border-color:#ff5f7a}.vm-grille-legend{color:#b9cbd4;flex-wrap:wrap;gap:20px;padding-top:8px;font-size:12px;display:flex}.vm-grille-legend span{align-items:center;gap:6px;display:flex}.vm-grille-legend i{border-radius:4px;width:12px;height:12px;display:block}.vm-grille-legend i.ok{background:#34d399}.vm-grille-legend i.mid{background:#ffad42}.vm-grille-legend i.no{background:#ff5f7a}.vm-done{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.vm-award{color:var(--accent);margin-bottom:4px;font-size:44px}.vm-done>span{color:var(--accent);letter-spacing:.13em;font-size:10px;font-weight:900}.vm-done>h1{margin:8px 0;font-size:clamp(26px,4vw,36px)}.vm-done>p{color:#afc4cf;max-width:480px;margin:0 0 22px;font-size:14px;line-height:1.6}.vm-footer{border:1px solid color-mix(in srgb, var(--accent) 30%, #17364a);background:#0a2130;border-radius:16px;justify-content:space-between;align-items:center;margin-top:16px;padding:16px 20px;display:flex}.vm-footer span{letter-spacing:.08em;color:#9bb1bd;font-size:11px;font-weight:800}.vm-footer button{white-space:nowrap;border:1px solid color-mix(in srgb, var(--accent) 40%, #17364a);color:#fff;cursor:pointer;background:#091f2e;border-radius:10px;flex:none;padding:10px 16px;font-size:12px;font-weight:800}.vm-primary,button.vm-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#06251f;border:none}@media (max-width:900px){.vm-vocab-grid{grid-template-columns:repeat(2,1fr)}.vm-vocab-wide{grid-column:span 2}.vm-steps-flow{grid-template-columns:1fr}.vm-footer span{display:none}.vm-footer{justify-content:space-between;gap:12px}}@media (max-width:700px){.vm-top{grid-template-columns:1fr auto}.vm-top>div:nth-child(2){grid-area:2/1/auto/-1}.vm-meta,.vm-steps,.vm-vocab-grid{grid-template-columns:1fr}.vm-vocab-wide{grid-column:span 1}.vm-fiche-row{grid-template-columns:1fr;gap:4px}.vm-card{padding:22px 16px}}.vm-top>button,.vm-footer button,.vm-primary,.vm-steps button{transition:transform .16s,box-shadow .16s,border-color .16s,filter .16s}.vm-top>button:hover,.vm-footer button:hover,.vm-steps button:hover{border-color:var(--accent);box-shadow:0 9px 20px #0005, 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-3px)}.vm-primary:hover,button.vm-primary:hover{filter:brightness(1.08);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-3px)}.vm-top>button:active,.vm-footer button:active,.vm-primary:active,.vm-steps button:active{transform:translateY(1px)scale(.98)}.vm-top>button:focus-visible,.vm-footer button:focus-visible,.vm-primary:focus-visible,.vm-steps button:focus-visible,.vm-poster-panel a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.vm-poster-panel{border:1px solid color-mix(in srgb, var(--accent) 38%, #17364a);background:#081e2c;border-radius:18px;grid-template-columns:minmax(240px,.72fr) minmax(360px,1.28fr);gap:18px;margin-top:26px;padding:18px;display:grid}.vm-poster-panel>div{align-self:center}.vm-poster-panel>div>span{color:var(--accent);letter-spacing:.12em;font-size:10px;font-weight:900}.vm-poster-panel h2{margin:9px 0;font-size:21px}.vm-poster-panel p{color:#afc4cf;font-size:13px;line-height:1.6}.vm-poster-panel a{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#06251f;border-radius:11px;margin-top:8px;padding:12px 15px;font-size:11px;font-weight:900;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.vm-poster-panel a:hover{filter:brightness(1.08);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 28%, transparent);transform:translateY(-3px)}.vm-poster-panel object{background:#fff;border:0;border-radius:12px;width:100%;height:520px}@media (max-width:820px){.vm-poster-panel{grid-template-columns:1fr}.vm-poster-panel object{height:460px}}@media (prefers-reduced-motion:reduce){.vm-top>button,.vm-footer button,.vm-primary,.vm-steps button,.vm-poster-panel a{transition:none}}