@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f8f6ef;--ink:#25392f;--green:#244e3b;--muted:#728075;--pink:#e7a6ad;--line:#dcded3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b45b6a;outline-offset:4px}header{max-width:1320px;margin:auto;padding:30px 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:31px;font-weight:700;letter-spacing:-1.8px}.brand span{color:#b75e70;margin-left:7px}.pill{font-size:10px;letter-spacing:1.8px;border:1px solid var(--line);padding:10px 16px;border-radius:30px}.home{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;min-height:630px}.hero{padding:80px 28px 60px 56px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#687d6b;margin-bottom:24px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.08;letter-spacing:-2px}h1{font-size:60px;margin:0 0 25px}em{font-weight:500;color:#55735a}p{font-size:16px;line-height:1.7;color:#657169}.hero p{max-width:380px;margin-bottom:30px}.button{border:0;display:inline-flex;gap:16px;align-items:center;justify-content:center;background:var(--green);color:white;padding:17px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s}.button:hover{background:#376747}.tiny{font-size:11px;line-height:1.7;color:var(--muted);margin-top:16px}.mini-note{display:flex;gap:9px;align-items:center;font-size:11px;margin-top:40px;color:#7c867a}.art{position:relative;margin:36px 40px 36px 10px;background:#e9ecde;border-radius:200px 200px 24px 24px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:520px}.keytag{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;background:#cf7f90;width:195px;height:290px;border:5px solid #e3a4b0;border-radius:75px 75px 35px 35px;transform:rotate(-12deg);box-shadow:12px 20px 0 #2e492515,4px 5px 0 #af6476;padding:30px 15px 10px;color:#612c40}.keytag span{font:22px Georgia,serif}.keytag strong{font:56px/.85 Georgia,serif;letter-spacing:-3px;margin-top:8px}.keytag small{font-size:7px;letter-spacing:1px;margin-top:4px}.qr-art{font-size:56px;line-height:1;margin-top:14px}.keyring{position:absolute;width:100px;height:100px;border:8px solid #b8bcb5;border-right-color:#fafbf7;border-top-color:#fefefb;border-radius:50%;top:45px;left:44%;box-shadow:2px 3px 2px #899283;z-index:3}.keyring:after{content:'';position:absolute;top:62px;left:21px;width:23px;height:39px;border:5px solid #bcc3bb;border-radius:30px;transform:rotate(20deg)}.scribble{position:absolute;right:26px;top:70px;font:italic 22px Georgia,serif;transform:rotate(9deg)}.heart-sticker{position:absolute;bottom:92px;right:34px;font-size:76px;color:#b25c6e;transform:rotate(14deg)}.art-caption{position:absolute;bottom:25px;font-size:8px;letter-spacing:2px}.orbit{position:absolute;border:1px solid #cbd2bf;width:550px;height:250px;border-radius:50%;transform:rotate(-40deg)}.orbit.two{transform:rotate(45deg);width:580px;height:370px}.steps{max-width:1208px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:33px 0}.steps>div{padding:0 30px;border-right:1px solid var(--line)}.steps>div:first-child{padding-left:0}.steps>div:last-child{border:0}.steps .step-icon{font-size:20px;margin-right:16px}.steps span{font-size:9px;letter-spacing:1.5px}.steps h3{font:400 23px Georgia,serif;margin:20px 0 8px}.steps p{font-size:13px;margin:0;max-width:280px}footer{max-width:1320px;margin:auto;display:flex;justify-content:space-between;padding:26px 56px;font-size:11px;color:var(--muted)}.setup{max-width:1160px;margin:55px auto 80px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding:0 35px}.setup h1{font-size:49px}.setup>section>p{margin-bottom:30px}label{display:block;font-size:12px;font-weight:600;margin-top:22px}input:not([type=checkbox]):not([type=file]){width:100%;background:#fffefa;border:1px solid #cfd5c9;border-radius:7px;padding:14px;margin-top:9px;color:var(--ink)}small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted);margin-top:7px}.domain-input span{font-size:10px;display:block;margin-top:6px;color:var(--muted)}.upload{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px;border:1px dashed #aebca8;border-radius:8px;gap:12px;background:#eef0e6;cursor:pointer}.upload span{font-size:11px;font-weight:400}.upload input{width:100%;font-size:12px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;font-weight:400;margin-bottom:22px}.consent input{accent-color:var(--green);margin-top:3px}.preview-card{align-self:start;margin-top:60px;position:sticky;top:30px;border:1px solid #d3d8c8;border-radius:160px 160px 18px 18px;background:#edf0e5;padding:55px 30px 25px;text-align:center}.preview-card .eyebrow{font-size:8px}.preview-image{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center}.preview-image>span{font-size:150px;line-height:1;color:#be967c}.preview-image img{width:100%;height:100%;object-fit:contain}.preview-card h2{font-size:42px;margin:22px 0}.mock-button{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;background:var(--green);color:white;border-radius:7px;font-size:11px}.preview-card p{font-size:11px}.progress{font-size:12px;display:flex;gap:8px}.error{padding:14px;background:#f6dedc;color:#803d44;border-radius:7px;font-size:13px}.profile{text-align:center;max-width:700px;margin:50px auto 80px;padding:0 24px}.profile h1{font-size:70px;margin:15px 0 20px}.profile>p{margin:18px 0 25px}.portrait-stage{width:300px;height:280px;margin:auto;position:relative;background:#e7ebdb;border-radius:150px 150px 35px 35px}.portrait{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.star{position:absolute;color:#b77e8a;font-size:53px;z-index:2}.s1{left:-30px;top:40px;transform:rotate(12deg)}.s2{right:-25px;bottom:50px}.photo-label{position:absolute;bottom:8px;right:-25px;background:#ecc4c6;border:3px solid var(--paper);padding:8px 17px;transform:rotate(-9deg);font:italic 16px Georgia,serif;z-index:3}.demo-face{font-size:230px;color:#b0775f;line-height:1.1;transform:rotate(-8deg)}.subtle{font-size:11px;color:var(--muted);display:block;margin-top:45px}.success{max-width:650px;margin:70px auto;text-align:center;padding:0 24px}.success h1{font-size:58px}.success-icon{background:#e4eadb;padding:20px;display:inline-flex;border-radius:50%;margin-bottom:30px}.notice{margin-top:40px;text-align:left;border:1px solid var(--line);padding:22px;border-radius:10px}.notice p{font-size:13px}.notice input{font-size:12px!important}.secondary{background:transparent;border:1px solid #b9c4b5;border-radius:7px;padding:10px 14px;color:var(--ink);font-size:12px;margin-top:10px}.admin{max-width:1100px;margin:60px auto;padding:0 30px}.admin h1{font-size:50px}.admin>p{max-width:640px}.login{max-width:480px}.login button{margin-top:20px}.admin-actions{display:flex;gap:16px;align-items:center;margin:30px 0}.admin-actions .secondary{margin:0}.key-row{display:flex;align-items:center;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.key-row>div{flex:1}.key-row a,.key-row button{font-size:12px}.key-row .secondary{margin:0}.key-list{margin-top:28px}.notice input{font-size:12px}.status{min-height:22px}.blank-error{max-width:700px;margin:80px auto;padding:0 24px;text-align:center}@media(max-width:800px){header{padding:22px}.brand{font-size:27px}.pill{font-size:8px;padding:8px;letter-spacing:1px}.home{grid-template-columns:1fr}.hero{padding:50px 24px 20px}h1{font-size:44px}.hero p{font-size:15px}.art{margin:20px 24px 35px;min-height:460px}.keyring{top:22px}.steps{margin:0 24px;grid-template-columns:1fr;padding:0}.steps>div,.steps>div:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.steps>div:last-child{border:0}.steps h3{margin:10px 0}.steps p{max-width:none}footer{padding:24px}.setup{grid-template-columns:1fr;gap:20px;margin:35px auto;padding:0 24px}.setup h1{font-size:43px}.preview-card{position:static;margin-top:0;grid-row:1;padding:35px 20px;border-radius:100px 100px 18px 18px}.preview-image{height:190px}.profile{margin-top:35px}.profile h1{font-size:58px}.portrait-stage{width:260px;height:250px}.admin{margin:40px auto}.admin h1{font-size:43px}.key-row{gap:12px;flex-wrap:wrap}.key-row>div{flex-basis:100%}.key-row button,.key-row a{margin:0}}