:root{--orange:#f76b16;--ink:#17191e;--navy:#303d50;--cream:#fbf8f4}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:16px/1.55 system-ui,sans-serif}header{background:white;padding:18px max(6vw,20px);display:flex;align-items:center;justify-content:space-between;gap:15px}a{color:inherit}.brand{font-size:25px;font-weight:850;color:var(--ink);text-decoration:none}.brand span{color:var(--orange)}.hero{background:linear-gradient(90deg,rgba(15,18,24,.9),rgba(15,18,24,.45)),url('/images/marseille-vieux-port.jpg') center/cover;color:white;padding:55px max(6vw,20px)}.hero small{text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:15px 0}.hero em{font-style:normal;color:var(--orange)}.hero p{max-width:680px}main{max-width:900px;margin:auto;padding:35px 20px 60px}.card{padding:28px;background:white;border:1px solid #e9e0d6;border-radius:15px;margin-bottom:22px}.card h2{font-size:23px;color:var(--ink);margin:0 0 16px}.tag{color:#9f3e00;font-weight:750}.notice{padding:15px 18px;border-left:4px solid var(--orange);background:#fff1e6;border-radius:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}label{font-size:14px;font-weight:650;display:block}input,select,textarea{font:inherit;width:100%;margin-top:7px;padding:12px;border:1px solid #b9bec3;border-radius:8px;background:white;color:var(--navy)}textarea{resize:vertical}button,.btn{background:var(--orange);color:#17191e;padding:14px 20px;border:0;border-radius:8px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.secondary{background:#eee8df}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.check{display:flex;gap:12px;align-items:flex-start;margin:18px 0;font-weight:400}.check input{width:20px;height:20px;flex:none;margin:2px 0 0}fieldset{border:1px solid #ddd;border-radius:8px;margin:24px 0;padding:15px}legend{font-weight:750}iframe{width:100%;height:560px;border:1px solid #ccc;border-radius:7px;background:white}#status{white-space:pre-line;color:#8b240e;padding:10px 0}#status:empty{display:none}dl{display:grid;grid-template-columns:1fr 2fr;gap:8px 18px}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}.amount{font-size:35px;font-weight:850;color:var(--orange);line-height:1.2}.muted{font-size:13px;color:#606870}.hidden,[hidden]{display:none!important}footer{max-width:900px;padding:20px;margin:auto;border-top:1px solid #ddd;font-size:13px}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f76b16;outline-offset:3px}code{overflow-wrap:anywhere}#linkResult{overflow-wrap:anywhere}@media(max-width:580px){.grid{grid-template-columns:1fr}.card{padding:20px}dl{grid-template-columns:1fr}dd{margin-bottom:10px}.hero{padding-top:35px;padding-bottom:35px}header a:last-child{font-size:12px}iframe{height:440px}}