:root{--blue: #0b1b69;--red: #dc121d;--white: #fff;--font: "Outfit", system-ui, -apple-system, sans-serif;--transition: .2s ease}*,*:before,*:after{box-sizing:border-box}html{font-size:17px}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--blue);background-image:var(--bg-image);background-position:top center;background-repeat:no-repeat;background-size:cover;color:var(--white);font-family:var(--font)}a{color:var(--white)}a:hover{opacity:.8}.page{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 2rem}header{text-align:center;margin-bottom:2rem}#logo{max-width:250px;display:block;margin:0 auto .5rem}.subtitle{margin:0;font-family:var(--font);font-weight:400;font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em;text-wrap:balance;opacity:.8}.fields{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.field label{text-transform:uppercase;letter-spacing:.04em;display:block;font-weight:700;font-size:.85rem;margin-bottom:.35rem;opacity:.9}.field input[type=text]{width:100%;font-family:inherit;padding:.55rem .75rem;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:#ffffff14;color:var(--white);font-size:1rem;transition:border-color var(--transition),background var(--transition)}.field input[type=text]::placeholder{color:#fff6}.field input[type=text]:focus{outline:none;border-color:#fffc;background:#ffffff1f}#canvasWrap{position:relative;cursor:pointer;user-select:none;-webkit-user-select:none}#canvasWrap input[type=file]{display:none}#canvas{width:100%;aspect-ratio:1;display:none}#canvasPlaceholder{width:100%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.25);background:#ffffff05;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),background var(--transition)}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--white);opacity:.3;pointer-events:none}.placeholder-icon{width:2rem;height:2rem}.placeholder-label{margin:0;font-size:.85rem;text-align:center;line-height:1.6}#canvasWrap:hover #canvasPlaceholder{border-color:#fff6;background:#ffffff0a}#canvasWrap:after{content:"Changer l’image";position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);background:#0009;color:var(--white);padding:.3rem .8rem;border-radius:3px;font-size:.75rem;font-family:var(--font);opacity:0;transition:opacity var(--transition);pointer-events:none;white-space:nowrap}#canvasWrap.has-image:hover:after{opacity:1}#canvasWrap.drag-over #canvasPlaceholder{border-color:#ffffff8c;background:#ffffff12}#canvasWrap.drag-over #canvas{opacity:.7}#actions{display:none;justify-content:center;margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;border:none;border-radius:4px;font-size:1rem;font-family:var(--font);cursor:pointer;font-weight:700;transition:opacity var(--transition)}.btn:hover{opacity:.85}.btn-secondary{background:#ffffff26;color:var(--white);border:1px solid rgba(255,255,255,.4)}footer{border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin-top:2.5rem;padding-top:1rem;padding-bottom:1.25rem}.press-text{text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem;font-weight:500;opacity:.65;text-align:center;text-wrap:balance}.press-logos{display:flex;align-items:center}.press-logos a{flex:1;min-width:0;height:22px;display:flex;align-items:center;justify-content:center}.press-logos img{width:100%;height:100%;object-fit:contain;opacity:.6;transition:opacity var(--transition)}.press-logos a:hover img{opacity:1}.credit{padding-top:.5rem;text-align:center}.credit a{text-decoration:none}.credit p{font-size:.78rem;opacity:.65;text-align:center}.credit img{max-width:25px;opacity:.6;transition:opacity var(--transition)}.credit a:hover img{opacity:1}