:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;background:#111714;color:#edf5ed}*{box-sizing:border-box}body{margin:0;padding:48px 20px}main{max-width:510px;margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.16em;color:#a3bcab;font-weight:700}h1{font-size:clamp(2.6rem,9vw,4rem);line-height:1.07;letter-spacing:-.045em;margin:22px 0}h2{font-size:1.6rem}.intro{color:#b3c3b8;margin-bottom:32px}form,section{background:#1b251e;border:1px solid #344b3b;border-radius:24px;padding:26px}label{display:block;font-size:.9rem;margin-bottom:20px}input,select{display:block;width:100%;font:inherit;color:inherit;background:#111914;border:1px solid #4b6052;padding:12px;border-radius:10px;margin-top:8px}button{font:inherit;font-weight:650;width:100%;padding:14px;border-radius:12px;background:#c2edbc;color:#182517;border:0;cursor:pointer;margin:8px 0}button:disabled{opacity:.4;cursor:not-allowed}.secondary{color:#d9e6dc;background:transparent;border:1px solid #637969}.small{font-size:.85rem;color:#b6c5ba}output{display:block;overflow-wrap:anywhere;font:14px/1.65 monospace;text-align:center;margin:18px 0}#qr{background:white;border-radius:12px;padding:10px;max-width:260px;margin:24px auto}#qr svg{display:block;width:100%;height:auto}#error{padding:16px;border:1px solid #d67c72;border-radius:12px;color:#ffd4ce}[hidden]{display:none!important}:focus-visible{outline:3px solid #c2edbc;outline-offset:3px}

main{max-width:760px}a{color:#c2edbc}.back{display:block;margin:16px 0}.button{display:block;text-align:center;padding:14px;background:#c2edbc;color:#182517;border-radius:12px;text-decoration:none;font-weight:650}section{margin-top:20px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{width:auto;flex:1;padding:9px}.transaction{border-top:1px solid #344b3b;padding:20px 0;overflow-wrap:anywhere}.transaction p{margin:8px 0}.transaction button{width:auto;font-size:.85rem;padding:8px 12px;margin-left:16px}

#explorer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0 24px}.explorer-link{display:block;padding:14px 16px;border:1px solid var(--border,#334155);border-radius:12px;text-decoration:none;overflow-wrap:anywhere}.explorer-link:hover,.explorer-link:focus-visible{background:rgba(148,163,184,.12);outline:2px solid currentColor;outline-offset:2px}

.session-bar{display:flex;justify-content:flex-end;margin-bottom:16px}#logout{margin:0;border:0;background:none;padding:0;width:auto}#logout button{width:auto;padding:9px 13px;font-size:.85rem}#logout[hidden]{display:none}

:root{background:#0e1411;color:#ecf4ef;--border:#344b3b}body{padding:0 24px 32px}main{max-width:1120px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #2a3a31;gap:15px}.topbar a{text-decoration:none;font-size:.85rem}.topbar .brand{font-size:1.2rem;color:#f2f8f3;font-weight:800;letter-spacing:.08em}.brand span{color:#baf19d;font-size:.75rem;margin-left:8px}.hero{padding:64px 0 32px;max-width:780px}h1{font-size:clamp(2.7rem,6vw,5rem);margin:22px 0}.intro{font-size:1.1rem;max-width:620px}.progress{display:flex;gap:20px;padding:0;list-style:none;color:#b5c5b9;font-size:.85rem;flex-wrap:wrap}.progress li{border-top:2px solid #415c49;padding-top:12px}.progress .active{border-color:#baf19d;color:#baf19d}.identity-heading{max-width:650px}.identity-heading h2{font-size:1.35rem}#login,#registration{max-width:600px}#logout{border:0;padding:0;background:none;max-width:260px}#logout button{font-size:.8rem;padding:8px}#receipt{max-width:760px;margin:26px auto}#receipt h2{margin:10px 0}#receipt #qr{max-width:160px}#receipt>section{padding:18px}#address-panel{max-width:530px;margin:auto}.methods{padding:32px 0;background:transparent;border:0}.methods>h2{font-size:2.1rem;margin:12px 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.method{background:#18231c;border:1px solid #364a3c;border-radius:24px;padding:28px;display:flex;flex-direction:column}.method.recommended{border-color:#88ba74;background:linear-gradient(160deg,#243423,#17231b)}.badge{align-self:start;padding:6px 10px;border-radius:99px;font-size:.65rem;letter-spacing:.07em;font-weight:750;color:#d6f6c4;background:#3b5532}.badge.subtle{color:#c8d8e2;background:#314149}.method h3{font-size:2rem;margin:22px 0 4px}.method-sub{color:#c3d4c7;font-size:.9rem;margin:0 0 10px}.method>p:not(.method-sub){color:#b5c5b9;font-size:.95rem}.method ul{list-style:none;padding:0;flex:1;font-size:.9rem}.method li{padding:16px 0;border-top:1px solid #354a3c;color:#b9cbbf}.method li strong{color:#edf4ee}.method button{margin-top:20px;display:flex;justify-content:space-between}.privacy{padding:24px;border:1px solid #344b3b;border-radius:16px;color:#b6c5ba;font-size:.9rem}.privacy summary{cursor:pointer;color:#dfebe1}.privacy a{display:inline-block;margin:4px 0}#guide{padding:32px;scroll-margin-top:20px}.guide-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.guide-toolbar h2{margin:8px 0}.guide-toolbar button{width:auto;font-size:.85rem}.destination{background:#101b14;border:1px solid #628852;border-radius:16px;padding:24px;margin:24px 0}.destination output{text-align:left}.destination button{width:auto}.tuto-body{max-width:800px;margin:auto}.tuto-body h2{font-size:1.4rem;margin:30px 0 15px}.tuto-body h3{font-size:1.1rem;margin-top:24px}.tuto-body p,.tuto-body li{color:#c7d4cb}.tuto-body details{border-bottom:1px solid #405245;padding:16px 0}.tuto-body summary{cursor:pointer}.tuto-body summary h2{display:inline;font-size:1.25rem}.tuto-body figure{margin:24px auto;max-width:540px}.tuto-body img{display:block;max-width:100%;height:auto;max-height:780px;object-fit:contain;margin:auto;border-radius:12px}.tuto-body figcaption{font-size:.8rem;text-align:center;color:#a7bcae;margin-top:10px}.tuto-body a{overflow-wrap:anywhere}.tuto-body table{display:block;overflow:auto}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2f4035;padding-top:24px;font-size:.8rem;color:#a5b9ac;margin-top:40px}@media(max-width:720px){body{padding:0 16px 24px}.hero{padding-top:40px}.method-grid{grid-template-columns:1fr}.method{padding:22px}#guide{padding:20px}.guide-toolbar{display:block}#receipt{padding:20px}.topbar>a:last-child{font-size:.75rem}footer{flex-direction:column}}
.language{display:flex;gap:6px;margin-left:auto}.language a{padding:7px 10px;border:1px solid #43594a;border-radius:8px}.topbar{flex-wrap:wrap}html[lang=en] .language [lang=en],html[lang=fr] .language [lang=fr]{color:#142415;background:#c2edbc}.language a:focus-visible{outline-offset:3px}
/* Compact introduction: keep the identity step and method choice close. */
.hero{padding:28px 0 12px;max-width:900px}.hero h1{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.18;margin:12px 0}.hero h1 br{display:none}.hero h1 br::after{content:' '}.hero .intro{font-size:1rem;margin:0 0 18px;max-width:760px}.progress{margin:12px 0 8px;gap:20px}.progress li{padding-top:8px}.identity-heading h2{margin-top:12px}.identity-heading p{margin-bottom:16px}@media(max-width:720px){.hero{padding:22px 0 8px}.hero h1{font-size:1.7rem}}

.step-nav{display:grid;gap:12px;scroll-margin-top:20px;margin:24px 0}.step-nav select{width:100%;min-width:0;background:#15251b;color:#edf4ee;border:1px solid #628852;border-radius:10px;padding:12px;font:inherit}.step-nav progress{width:100%;height:6px;accent-color:#baf19d}.guide-step[hidden]{display:none}.step-buttons{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.step-buttons button{width:auto}.step-buttons span{font-size:.85rem;white-space:nowrap}.guide-help{background:#142019;border:1px solid #405b49;border-radius:14px;padding:18px;margin-top:24px}.guide-help summary{font-weight:700;cursor:pointer}.guide-help p{font-size:.85rem}.guide-help form{border:0;background:none;padding:0}.guide-help textarea{box-sizing:border-box;width:100%;resize:vertical;background:#0d1711;color:#edf4ee;border:1px solid #57745e;border-radius:8px;padding:12px;font:inherit}.help-answer{white-space:pre-wrap;margin-top:16px}.guide-help .source-step{font-size:.85rem;background:#293e30;color:#d9f2df;margin-top:8px;text-align:left}.guide-step>h2{margin-top:16px}@media(max-width:500px){.step-buttons{gap:6px}.step-buttons button{padding:10px;font-size:.85rem}}

.method-verdict{border:1px solid #58774e;background:#101d14;border-radius:14px;padding:16px;margin:12px 0 6px}.method-verdict p{margin:0;color:#dbe9dc;font-size:1rem;line-height:1.55}.method-verdict p+p{margin-top:12px;padding-top:12px;border-top:1px solid #354b38}.method-verdict strong{color:#d0f4b9}.method:not(.recommended) .method-verdict{border-color:#665a40;background:#211e16}.method:not(.recommended) .method-verdict strong{color:#f3dca7}.method-verdict .tradeoff{font-size:.9rem}.badge{line-height:1.5}

.guide-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.guide-shortcuts button{width:auto;background:#29442d;color:#e5f7df;padding:10px 13px;font-size:.85rem;text-align:left}.guide-contents{border:1px solid #415d48;border-radius:12px;padding:14px!important;margin-bottom:20px}.guide-contents summary{font-weight:700}.contents-group{border-top:1px solid #304737;padding-top:10px;margin-top:12px}.guide-contents button{display:block;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;color:#d6e6d9;padding:8px 10px;font-size:.9rem;line-height:1.4}.guide-contents .contents-section{font-weight:750;color:#c9f3b6}.guide-contents .contents-detail{padding-left:24px;color:#b8cabd;font-weight:400}.guide-contents button:hover{background:#253d2c}.guide-step h2,.guide-step h3{scroll-margin-top:24px}

body{padding-bottom:100px}.assistant-launcher{position:fixed;right:20px;bottom:20px;z-index:1001;width:auto;border-radius:999px;background:#c2edbc;color:#132417;border:1px solid #98c98c;padding:14px 20px;box-shadow:0 5px 25px #0008;font-weight:750}.floating-help{position:fixed;right:20px;bottom:82px;z-index:1000;width:min(390px,calc(100vw - 32px));box-sizing:border-box;max-height:calc(100dvh - 110px);overflow:auto;margin:0;padding:18px;box-shadow:0 8px 40px #000b}.floating-help[hidden]{display:none}.assistant-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.assistant-top h2{font-size:1.15rem;margin:0}.assistant-top button{width:auto;background:transparent;color:#e2eee3;font-size:1.5rem;padding:3px 10px}.floating-help select{box-sizing:border-box;width:100%;background:#0d1711;color:#edf4ee;border:1px solid #57745e;border-radius:8px;padding:10px;margin:6px 0 14px;font:inherit}.floating-help label{font-size:.9rem}.floating-help textarea{margin:6px 0}.floating-help .help-answer{font-size:.95rem}.floating-help .source-step{width:100%}@media(max-width:500px){.assistant-launcher{right:16px;bottom:16px}.floating-help{right:16px;bottom:78px;max-height:calc(100dvh - 100px)}}

.topbar #logout{margin-left:auto;max-width:none;flex:0 0 auto}.topbar .language{margin-left:0}.topbar #logout button{padding:9px 13px;font-size:.85rem}

/* Shared TVOTT shell and palette. No identity information in the appearance cookie. */
:root{color-scheme:dark;--bg:#101715;--bg1:#19231f;--bg2:#14201a;--surf:#1b2721;--surf2:#26382d;--border:#354b3e;--border2:#50695a;--accent:#a7dfb1;--accent2:#c6f3ce;--text:#edf5ef;--text2:#b8cbbf;--text3:#a0b8a8}
:root[data-theme=light]{color-scheme:light;--bg:#f5f7f9;--bg1:#fff;--bg2:#f0f4f6;--surf:#fff;--surf2:#eaf1f3;--border:#e3e9ed;--border2:#ccd8de;--accent:#087e82;--accent2:#096b70;--text:#182e3a;--text2:#526974;--text3:#657b86}
html{background:var(--bg);color:var(--text)}body{background:var(--bg);color:var(--text)}
.tvott-header{box-sizing:border-box;position:fixed;top:0;left:0;right:0;z-index:120;min-height:68px;padding:12px max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:28px;background:var(--bg);border-bottom:1px solid var(--border);font:14px/1.4 system-ui,sans-serif}
.tvott-header a{color:var(--text2);text-decoration:none;white-space:nowrap}.tvott-header .tvott-brand{font-size:18px;letter-spacing:.09em;font-weight:800;color:var(--text)}.tvott-header nav{display:flex;gap:6px;align-items:center}.tvott-header nav a{padding:8px 12px;border-radius:8px}.tvott-header nav a[aria-current=page],.tvott-header nav a:hover{background:var(--surf2);color:var(--accent)}
.tvott-header .theme-switch{position:static;margin-left:auto;display:flex;gap:3px;padding:3px;background:var(--surf);border:1px solid var(--border2);border-radius:10px;box-shadow:none}.tvott-header .theme-switch button{width:auto;min-height:32px;padding:6px 10px;margin:0;border:0;border-radius:7px;font:600 12px/1.3 system-ui,sans-serif;background:transparent;color:var(--text2);cursor:pointer}.tvott-header .theme-switch button[aria-pressed=true]{background:var(--accent);color:var(--bg)}
html body:has(.tvott-header){padding-top:92px}html body.center-page:has(.tvott-header){padding-top:100px;padding-bottom:30px}html body:has(.app-nav){padding-top:68px}.app-nav{top:68px}body:has(.app-nav) main{padding-top:38px}
.tvott-public{font:16px/1.55 system-ui,sans-serif}.tvott-public h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.04em}.tvott-public h2{line-height:1.25}.tvott-public a{color:var(--accent)}.tvott-public .intro,.tvott-public .small,.tvott-public .eyebrow{color:var(--text2)}
.tvott-public form,.tvott-public section{background:var(--surf);border-color:var(--border)}.tvott-public input,.tvott-public select,.tvott-public textarea{background:var(--bg);color:var(--text);border-color:var(--border2)}.tvott-public button,.tvott-public .button{background:var(--accent);color:var(--bg)}.tvott-public .secondary{background:transparent;color:var(--text);border-color:var(--border2)}.tvott-public #logout,.tvott-public .session-bar{border:0;background:none;padding:0}.tvott-public .session-bar{min-height:0}.tvott-public #error{color:var(--red,#ffa4ac)}
.tvott-public .methods{background:transparent}.tvott-public .method{background:var(--surf);border-color:var(--border)}.tvott-public .method.recommended{background:var(--surf);border-color:var(--accent)}.tvott-public .method-sub,.tvott-public .method>p:not(.method-sub),.tvott-public .method li,.tvott-public .privacy,.tvott-public .tuto-body p,.tvott-public .tuto-body li,.tvott-public footer{color:var(--text2)}.tvott-public .method li strong,.tvott-public .privacy summary{color:var(--text)}.tvott-public .badge{color:var(--accent);background:var(--surf2)}.tvott-public .method-verdict,.tvott-public .method:not(.recommended) .method-verdict,.tvott-public .destination,.tvott-public .guide-help{background:var(--bg2);border-color:var(--border2)}.tvott-public .method-verdict p{color:var(--text)}.tvott-public .method-verdict strong{color:var(--accent)}.tvott-public .method:not(.recommended) .method-verdict strong{color:var(--text)}.tvott-public .step-nav select,.tvott-public .floating-help select,.tvott-public .guide-help textarea{background:var(--bg);color:var(--text);border-color:var(--border2)}.tvott-public .guide-contents button,.tvott-public .assistant-top button{color:var(--text);background:transparent}.tvott-public .guide-contents .contents-detail{color:var(--text2)}.tvott-public .guide-contents button:hover,.tvott-public .guide-shortcuts button,.tvott-public .guide-help .source-step{color:var(--text);background:var(--surf2)}.tvott-public .progress{color:var(--text2)}.tvott-public .progress .active{color:var(--accent);border-color:var(--accent)}.tvott-public .language a{color:var(--text2);border-color:var(--border2)}.tvott-public .language a[aria-current=page],html[lang=en] .tvott-public .language [lang=en],html[lang=fr] .tvott-public .language [lang=fr]{background:var(--accent);color:var(--bg)}.tvott-public .topbar{padding:0 0 18px;border-color:var(--border)}.tvott-public .hero{padding-top:20px}.tvott-public .topbar .brand{color:var(--text)}
.home-main{max-width:1120px;margin:auto}.home-intro{max-width:680px;padding:32px 0 28px}.home-intro p{color:var(--text2)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:var(--surf);border:1px solid var(--border);border-radius:20px}.service-card .service-number{font:600 12px/1 system-ui;color:var(--accent);letter-spacing:.1em}.service-card h2{margin:22px 0 10px;font-size:1.65rem}.service-card p{color:var(--text2);margin:0 0 20px}.service-card .service-detail{font-size:.85rem;margin-bottom:28px}.service-card .button{margin-top:auto;width:100%}.home-note{max-width:760px;margin:30px 0;color:var(--text2);font-size:.9rem}.tvott-public :focus-visible,.tvott-header :focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.tvott-header{min-height:100px;padding:10px 16px;gap:8px;flex-wrap:wrap}.tvott-header nav{order:3;width:100%;justify-content:center}.tvott-header nav a{padding:6px 13px}.tvott-header .theme-switch{margin-left:auto}.tvott-header .tvott-brand{font-size:16px}html body:has(.tvott-header){padding-top:120px}html body.center-page:has(.tvott-header){padding:124px 16px 30px}html body:has(.app-nav){padding-top:100px}.app-nav{top:100px;height:70px;padding:12px 16px;align-items:center}.app-nav .nav-links{top:69px;max-height:calc(100dvh - 170px)}body:has(.app-nav) main{padding-top:24px}.service-grid{grid-template-columns:1fr}.home-intro{padding:12px 0 20px}.service-card{padding:24px}}
/* Reset legacy portal nav and Autowallet-specific overrides inside the common shell. */
.tvott-header nav{position:static;background:transparent;border:0;padding:0;margin:0;box-shadow:none;backdrop-filter:none;min-height:0}
html.autowallet-dark body.center-page{background:var(--bg)}
html.autowallet-dark .btn,html.autowallet-dark .logo-mark{background:var(--accent);color:var(--bg)}
html.autowallet-dark .btn:hover{background:var(--accent2);color:var(--bg)}
html.autowallet-dark .btn-outline{background:var(--surf);color:var(--text);border-color:var(--border2)}
html.autowallet-dark :focus-visible{outline-color:var(--accent)}

.tvott-public .brand span{color:var(--accent)}
.tvott-public .hero h1{font-size:clamp(1.65rem,3vw,2.4rem)}

.tvott-header nav .tvott-home-link{color:var(--accent);font-weight:650;border:1px solid var(--border2)}
@media(max-width:760px){.tvott-header nav{gap:2px}.tvott-header nav a{padding:6px 8px;font-size:12px}}

/* Compact language switch, alongside the shared appearance control. */
.tvott-header .language{order:0;display:flex;flex:0 0 auto;width:auto;gap:3px;margin:0 0 0 auto;padding:3px;border:1px solid var(--border2);border-radius:10px;background:var(--surf)}
.tvott-header .language a{display:grid;place-items:center;min-width:34px;min-height:32px;margin:0;padding:5px 8px;border:0;border-radius:7px;text-decoration:none;font:650 12px/1.3 system-ui,sans-serif;color:var(--text2);background:transparent}
.tvott-header .language a[aria-current=page]{background:var(--accent);color:var(--bg)}
.tvott-header .language a:not([aria-current]):hover{background:var(--surf2);color:var(--text)}
.tvott-header .language+.theme-switch{margin-left:0}
.tvott-header:has(.language){gap:14px}
@media(min-width:761px) and (max-width:1000px){.tvott-header:has(.language){gap:8px;padding-left:16px;padding-right:16px}.tvott-header:has(.language) .tvott-services a{padding-left:7px;padding-right:7px}}
@media(max-width:760px){.tvott-header:has(.language){gap:6px}.tvott-header .language{order:0;width:auto;gap:2px;margin-left:auto}.tvott-header .language a{min-width:29px;padding:5px 6px}.tvott-header .language+.theme-switch button{padding-left:7px;padding-right:7px}}

.tvott-header .tvott-logout{flex:0 0 auto;margin:0;padding:0;border:0;background:none}
.tvott-header :is(#logout,.tvott-logout) button{display:flex;align-items:center;gap:6px;width:auto;min-height:38px;margin:0;padding:7px 10px;border:1px solid var(--border2);border-radius:10px;background:var(--surf);color:var(--text2);font:600 12px/1.3 system-ui,sans-serif;cursor:pointer}
.tvott-header :is(#logout,.tvott-logout) button:hover{color:var(--text);background:var(--surf2)}
.tvott-header .tvott-logout svg{width:18px;height:18px;flex:none}
@media(max-width:1100px){.tvott-header .tvott-logout .logout-label{display:none}.tvott-header :is(#logout,.tvott-logout) button{padding:7px}}
@media(max-width:380px){.tvott-header{padding-left:10px;padding-right:10px}.tvott-header .tvott-brand{font-size:14px}.tvott-header .language a{min-width:23px;padding:5px 4px}.tvott-header .theme-switch button{padding:6px}}
.payment-admin-card{margin:18px 0}.payment-admin-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.payment-admin-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.payment-admin-details dt{font-size:.8rem;color:var(--text3)}.payment-admin-details dd{margin:4px 0;color:var(--text)}.payment-wrap{overflow-wrap:anywhere}.payment-admin-card textarea,.payment-admin-card select{display:block;width:100%;box-sizing:border-box;margin:8px 0 16px}.payment-admin-card label{display:block}.payment-admin-card summary{cursor:pointer;color:var(--accent);padding:12px 0}

.service-card .service-notice{padding:12px;border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:8px;font-size:.85rem;background:var(--bg2)}
