@font-face{font-family:Poppins;src:url('./assets/poppins_regular.ttf')}@font-face{font-family:Poppins;src:url('./assets/poppins_semibold.ttf');font-weight:600}@font-face{font-family:Playfair;src:url('./assets/playfair_bold.ttf');font-weight:700}@font-face{font-family:Playfair;src:url('./assets/playfair_regular.ttf');font-weight:400}
:root{font-family:Poppins,system-ui,sans-serif;color:#f4f4f6;background:#0e0f14;font-synthesis:none;--accent:#8dacec;--button:#2e4c8f;--button-text:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0%,#1b263e 0,transparent 58%),#0e0f14;min-height:100vh}body.gold{--accent:#d9b770;--button:#c6a052;--button-text:#111;background:radial-gradient(ellipse at 50% 0%,#32281d 0,transparent 58%),#0e0f14}main{max-width:580px;margin:auto;padding:28px 24px 30px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.wordmark{font-size:10px;letter-spacing:.23em;color:#adb7cc}.language{height:44px;min-width:44px;border:1px solid #424959;color:#e6e9f1;background:transparent;border-radius:50%;cursor:pointer;font:600 12px Poppins}.intro{text-align:center;margin-bottom:28px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.045em}h1{font:700 clamp(32px,7.2vw,43px)/1.25 Playfair,serif;margin:13px 0 10px;overflow-wrap:anywhere}.intro p{margin:4px 0;color:#d1d6e0;font-size:13px;line-height:1.65}.intro #company{max-width:320px;margin:auto;color:#9fa9bc;font-size:11px}.card-section{margin:0 -4px 27px}.card{position:relative;display:block;width:100%;aspect-ratio:856/540;padding:0;border:0;border-radius:4%;background:none;perspective:1500px;cursor:pointer;-webkit-tap-highlight-color:transparent}.card-inner{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.3,.6,.3,1)}.card[aria-pressed=true] .card-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;border-radius:4%;background:white;box-shadow:0 17px 23px #0005}.face img{display:block;width:100%;height:100%;object-fit:contain}.back{transform:rotateY(180deg)}.back svg{position:absolute;inset:0;width:100%;height:100%;fill:#4a5263;font-family:Poppins,sans-serif;font-size:17px}.back .card-name{font:700 48px Playfair,serif;fill:#1f3566}.back .card-role{font:400 24px Playfair,serif}.gold .back svg{fill:#d9d9d9}.gold .back .card-name{fill:white}.flip-hint{color:#a6afc0;text-align:center;font-size:10px;line-height:1.5;margin:17px 0 8px}.flip-hint span{margin-left:4px}.designs{display:flex;justify-content:center;gap:4px}.swatch{width:44px;height:44px;border:0;background:none;position:relative;cursor:pointer;border-radius:50%}.swatch:after{content:'';position:absolute;inset:12px;border-radius:50%;border:1px solid #9fa9bc}.swatch.blue:after{background:#2e4c8f}.swatch.gold:after{background:linear-gradient(135deg,#111 50%,#c6a052 50%)}.swatch.mosaic:after{background:conic-gradient(#ff8300,#2e4c8f,#57806e,#baa1b9,#ff8300)}.swatch.selected:before{content:'';position:absolute;inset:7px;border:1px solid var(--accent);border-radius:50%}.actions{max-width:410px;margin:auto}.save{min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;background:var(--button);color:var(--button-text);text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 6px 20px #0002;padding:14px;text-align:center}.save svg{width:21px;height:21px;flex-shrink:0}.consent{font-size:10px;text-align:center;color:#a6afc0;line-height:1.6;margin:12px auto 23px;max-width:280px}.secondary{display:flex;gap:12px}.secondary-action{display:flex;min-height:54px;flex:1;gap:10px;align-items:center;justify-content:center;color:#e0e5ef;text-decoration:none;background:#1d2330;border:1px solid #323b4d;border-radius:14px;font-size:12px;padding:10px}.secondary svg{width:19px;height:19px}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.links a{padding:12px;color:#c9d8f4;font-size:12px}details{border-top:1px solid #303744;margin-top:24px;padding-top:18px;color:#b8c0cf;font-size:11px;line-height:1.8}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between}summary:after{content:'+';font-size:20px}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p{margin-top:4px}#status{color:var(--accent);font-size:11px;line-height:1.8;text-align:center}footer{margin-top:35px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:10px;line-height:1.5;color:#9aa6ba}.footer-line{width:23px;height:1px;background:var(--accent)}footer span:last-child{letter-spacing:.15em;font-size:9px}[hidden]{display:none!important}:focus-visible{outline:3px solid #c6a052;outline-offset:5px}@media(min-width:800px){main{padding-top:35px}header{margin-bottom:27px}.intro{margin-bottom:30px}.card-section{margin-bottom:21px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}@media(max-width:340px){main{padding-left:16px;padding-right:16px}.save{font-size:12px}}

#save-alternative{margin-top:12px;text-align:center}