/* omb-ce1-2026 : registre unique, 320–3840 px CSS.
   Une colonne à toutes les largeurs. Papier centré dans la hauteur disponible.
   Les deux ailes identiques du cadre réservent le titre et les commandes.
   Croissance continue, largeur plafonnée à 1280 px ; petits écrans défilables. */
:root{--cream:#fff5db;--ink:#43597a;--blue:#6d9cda;--pink:#f0afbb;--mint:#bde1ce;--yellow:#ffd779;--line:#dfe7f4;--font:ui-rounded,'Avenir Next','Trebuchet MS',sans-serif;--scale:clamp(1px,.0520833vw,2px);--inset:clamp(18px,4vw,150px);--width:min(1280px,calc(100vw - var(--inset)*2));--radius:calc(25 * var(--scale));--field-height:clamp(205px,32svh,640px);--wing:calc(176 * var(--scale));--title:clamp(33px,3.5vw,88px);--text:clamp(18px,1.2vw,34px);--rule:calc(34 * var(--scale));--pad:calc(26 * var(--scale));--button-height:calc(56 * var(--scale));--gap:calc(16 * var(--scale));--ease:cubic-bezier(.2,.7,.25,1)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--cream);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}main{width:var(--width);max-width:100%;margin-inline:auto;min-height:100svh;display:grid;grid-template-rows:minmax(var(--wing),1fr) auto minmax(var(--wing),1fr);position:relative;z-index:1}h1{align-self:end;text-align:center;font-size:var(--title);line-height:1.2;letter-spacing:-.045em;font-weight:750;margin:0 0 calc(38 * var(--scale));white-space:nowrap;animation:arrive .65s var(--ease) both}h1 span{color:#e69b6d}form{display:contents}.paper{position:relative;height:var(--field-height);border:calc(2 * var(--scale)) solid #fff; border-radius:var(--radius);background:#fffefb;box-shadow:0 calc(9 * var(--scale)) 0 #ebdcb93b,0 calc(20 * var(--scale)) calc(60 * var(--scale)) #a69c7f12;animation:arrive .7s .08s var(--ease) both;transition:box-shadow .25s,border-color .25s}.paper:focus-within{border-color:#8db6eb;box-shadow:0 0 0 calc(5 * var(--scale)) #9ec3f32e,0 calc(16 * var(--scale)) calc(40 * var(--scale)) #8db6eb17}textarea{display:block;resize:none;width:100%;height:100%;border:0;border-radius:calc(var(--radius) - 2px);background:linear-gradient(90deg,transparent calc(var(--pad) - 9px),#efbdc777 calc(var(--pad) - 9px),#efbdc777 calc(var(--pad) - 8px),transparent calc(var(--pad) - 8px)),repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--rule) - 1px),var(--line) calc(var(--rule) - 1px),var(--line) var(--rule));background-position:0 0,0 var(--pad);padding:var(--pad);font:400 var(--text)/var(--rule) var(--font);color:var(--ink);outline:none;caret-color:#618fc9;overflow:auto}.pencil{position:absolute;right:calc(20 * var(--scale));top:calc(-17 * var(--scale));width:calc(96 * var(--scale));transform:rotate(-9deg);pointer-events:none;transform-origin:70% 50%;animation:pencil-hello 1.2s .6s ease-in-out both}.pencil svg{width:100%;display:block}.paper:focus-within .pencil{animation:pencil-write 1.2s ease-in-out 2}.below{align-self:start;display:flex;flex-direction:column;align-items:center;gap:var(--gap);padding-top:calc(23 * var(--scale));animation:arrive .7s .16s var(--ease) both}.captcha{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--scale));font-size:calc(16 * var(--scale));line-height:1;white-space:nowrap}.smile{display:block;width:calc(28 * var(--scale));height:calc(28 * var(--scale));transform:rotate(-8deg)}.smile svg{display:block;width:100%}.captcha label{font-weight:650;letter-spacing:.03em}.captcha input{width:calc(47 * var(--scale));height:calc(40 * var(--scale));text-align:center;border:2px solid #e6d8bb;border-radius:calc(13 * var(--scale));background:#fffdfa;font:650 calc(18 * var(--scale)) var(--font);color:var(--ink);outline:none}.captcha input:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #9ec3f330}button{display:flex;align-items:center;justify-content:center;gap:calc(20 * var(--scale));height:var(--button-height);padding:0 calc(31 * var(--scale));border:0;border-radius:calc(21 * var(--scale));background:#6b98d3;color:white;font:700 calc(18 * var(--scale)) var(--font);box-shadow:0 calc(5 * var(--scale)) 0 #4f7db7;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}button:hover{background:#628fcb;transform:translateY(-2px);box-shadow:0 calc(7 * var(--scale)) 0 #4f7db7}button:active{transform:translateY(4px);box-shadow:0 1px 0 #4f7db7}button:focus-visible,a:focus-visible{outline:3px solid #e8b552;outline-offset:6px}.plane{width:calc(27 * var(--scale));height:calc(27 * var(--scale));color:#4a6fa0;transition:transform .3s var(--ease)}button:hover .plane{transform:translate(4px,-4px) rotate(-7deg)}button[aria-busy=true] .plane{animation:plane-fly 1s ease-in-out infinite}button:disabled{cursor:wait;opacity:.75}#status{margin:0;text-align:center;font-size:calc(13 * var(--scale));line-height:1.5;max-width:38ch;color:#a55056;padding:0 8px}#status:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.decoration{position:fixed;inset:0;pointer-events:none;overflow:hidden}.sun{position:absolute;top:8%;left:10%;font-size:clamp(48px,7vw,180px);color:var(--yellow);line-height:1;animation:sunshine 9s ease-in-out infinite alternate}.star{position:absolute;bottom:11%;right:9%;font-size:clamp(42px,5vw,140px);color:var(--pink);animation:float 5s ease-in-out infinite}.circle{position:absolute;bottom:20%;left:6%;width:clamp(20px,3vw,80px);aspect-ratio:1;border:calc(5 * var(--scale)) solid var(--mint);border-radius:50%}.triangle{position:absolute;right:7%;top:20%;width:clamp(22px,3vw,75px);aspect-ratio:1;background:#c9bce7;clip-path:polygon(50% 0,100% 100%,0 100%);transform:rotate(18deg)}[hidden]{display:none!important}body.sent main{grid-template-rows:1fr}body.sent h1{display:none}#success{align-self:center;text-align:center;animation:arrive .65s var(--ease)}#success h2{font-size:var(--title);margin:15px 0}#success p{font-size:calc(12 * var(--scale))}#success a{display:inline-block;color:var(--ink);margin-top:20px;text-underline-offset:5px;font-size:var(--text)}.happy{color:#e8b34b;font-size:calc(70 * var(--scale));animation:celebrate .8s var(--ease)}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pencil-hello{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(1deg) translateY(-5px)}}@keyframes pencil-write{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(-3deg) translateX(4px)}}@keyframes sunshine{to{transform:rotate(16deg)}}@keyframes float{50%{transform:translateY(-9px) rotate(10deg)}}@keyframes plane-fly{50%{transform:translate(6px,-7px) rotate(-10deg)}}@keyframes celebrate{from{transform:scale(.3) rotate(-40deg)}to{transform:scale(1) rotate(0)}}@media(max-width:699px){:root{--inset:20px;--wing:165px;--field-height:clamp(205px,31svh,320px)}.sun{top:5%;left:6%;font-size:52px}.star{right:5%;bottom:7%;font-size:38px}.triangle{right:7%;top:14%;width:22px}.circle{left:5%;bottom:13%;width:20px}h1{margin-bottom:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}