@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fraunces:opsz,wght@9..144,700&display=swap');
:root{--ink:#432f3c;--berry:#ad456e;--cream:#fff9f2;--paper:#fffdf9;--line:#ead9d0;--shadow:0 18px 50px #5531431f}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:var(--berry);text-decoration:none}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{font:700 27px 'Fraunces';color:var(--ink)}.brand span{color:var(--berry)}nav{display:flex;gap:22px;align-items:center}nav a{color:var(--ink);font-weight:600}.nav-button{background:#f1d8e1;padding:10px 17px;border-radius:99px}main{max-width:1180px;margin:auto;padding:20px 28px 70px}footer{text-align:center;padding:30px;color:#8b7681;border-top:1px solid var(--line)}.flash{max-width:680px;margin:10px auto 24px;padding:15px 18px;border-radius:14px;background:#e7f5ee;border:1px solid #b8dec9}.flash.error,.flash.warning{background:#fff1ed;border-color:#efc4b9}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy h1,.customizer-head h1,.auth-card h1{font:700 clamp(43px,6vw,76px)/.98 'Fraunces';margin:12px 0 24px}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.65;max-width:610px;color:#6b5864}.eyebrow{font-size:13px;letter-spacing:.16em;font-weight:700;color:var(--berry)}.actions{display:flex;align-items:center;gap:24px;margin-top:34px}.button{display:inline-flex;justify-content:center;border:0;border-radius:99px;background:var(--berry);color:white;padding:15px 25px;font:700 16px 'DM Sans';cursor:pointer;box-shadow:0 8px 22px #ad456e38}.button:hover{background:#853252}.text-link{font-weight:700}.hero-art{height:500px;border-radius:50% 45% 48% 42%;background:#f4dfe5;position:relative;display:grid;place-items:center;box-shadow:var(--shadow)}.spark{position:absolute;color:var(--berry);font-size:34px}.spark.one{top:60px;left:55px}.spark.two{bottom:70px;right:50px}.doll{position:relative;width:220px;height:360px}.doll .head{position:absolute;z-index:3;width:160px;height:170px;border-radius:47%;background:#d99d77;left:30px;top:58px}.doll .hair.back{position:absolute;width:185px;height:235px;background:#5d3a38;border-radius:48% 48% 36% 36%;left:18px;top:35px}.doll .hair.fringe{position:absolute;width:160px;height:75px;background:#5d3a38;border-radius:80% 40% 60% 25%}.eye{position:absolute;width:12px;height:16px;background:#3d2a30;border-radius:50%;top:92px}.eye.left{left:47px}.eye.right{right:47px}.mouth{position:absolute;width:20px;height:10px;border-bottom:3px solid #9c4d5f;border-radius:50%;left:70px;top:125px}.doll .body{position:absolute;width:150px;height:170px;background:#d99d77;top:205px;left:35px;border-radius:50px}.doll .dress{position:absolute;inset:12px -20px 0;background:var(--berry);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article,.auth-card,.controls{background:var(--paper);border:1px solid var(--line);border-radius:24px}.steps article{padding:28px}.steps h2{font:700 24px 'Fraunces'}.auth-card{max-width:540px;margin:45px auto;padding:42px;box-shadow:var(--shadow)}.auth-card h1{font-size:46px}.auth-card form{display:grid;gap:18px;margin-top:28px}label{font-weight:700;font-size:14px}label small{font-weight:400;color:#88757f}input:not([type=radio]){width:100%;margin-top:7px;border:1px solid #d9c8c0;border-radius:13px;padding:14px;font:16px inherit}input:focus{outline:3px solid #edcbd8}.error-list{background:#fff0ed;border:1px solid #e7b5aa;border-radius:14px;padding:7px 16px}.form-foot{text-align:center}.customizer-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 32px}.customizer-head h1{font-size:56px;margin:8px 0}.saved-note{font-size:13px;background:white;border:1px solid var(--line);padding:10px 14px;border-radius:99px}.customizer{display:grid;grid-template-columns:minmax(340px,.85fr) 1.15fr;gap:28px}.canvas{min-height:650px;background:linear-gradient(160deg,#f4dfe5,#e9f3ee);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:sticky;top:20px}.character{width:260px;height:430px;position:relative;--skin:#d99a72;--hair:#573735;--cloth:#c94f72}.character[data-pele=clara]{--skin:#f1c6a6}.character[data-pele=escura]{--skin:#8f5b42}.character[data-cor-cabelo=mel]{--hair:#b67d3b}.character[data-cor-cabelo=rosa]{--hair:#c56684}.character[data-cor-roupa=ceu]{--cloth:#65a9ca}.character[data-cor-roupa=limao]{--cloth:#dec34d}.hair-back{position:absolute;width:205px;height:265px;background:var(--hair);border-radius:48% 48% 35% 35%;left:28px;top:20px}.character[data-cabelo=curto] .hair-back{height:190px}.character[data-cabelo=coque] .hair-back:before{content:"";position:absolute;width:100px;height:95px;background:var(--hair);border-radius:50%;left:53px;top:-58px}.face{position:absolute;z-index:2;width:174px;height:184px;border-radius:46%;background:var(--skin);left:43px;top:56px}.hair-front{position:absolute;width:174px;height:76px;background:var(--hair);border-radius:70% 38% 65% 28%}.character .eye{top:98px}.character .mouth{left:77px;top:137px}.blush{position:absolute;width:23px;height:10px;background:#d9797f66;border-radius:50%;top:128px}.blush.left{left:24px}.blush.right{right:24px}.neck{position:absolute;background:var(--skin);width:50px;height:45px;left:105px;top:220px}.torso{position:absolute;width:145px;height:165px;background:var(--skin);left:58px;top:248px;border-radius:45px}.outfit{position:absolute;inset:0;background:var(--cloth);border-radius:42px 42px 20px 20px}.character[data-roupa=vestido] .outfit{left:-28px;right:-28px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.character[data-roupa=jardineira] .outfit:before{content:"";position:absolute;background:#fff8;left:38px;right:38px;top:0;height:65px;border-radius:12px}.character[data-roupa=camiseta] .outfit{height:100px}.legs{position:absolute;display:flex;gap:35px;left:88px;top:397px}.legs i{width:25px;height:32px;background:var(--skin)}.accessory{position:absolute;z-index:5}.character[data-acessorio=laco] .accessory{width:30px;height:24px;background:var(--cloth);left:34px;top:55px;border-radius:70% 10%;transform:rotate(-18deg)}.character[data-acessorio=laco] .accessory:after{content:"";position:absolute;width:30px;height:24px;background:var(--cloth);left:22px;top:4px}.character[data-acessorio=estrela] .accessory{left:48px;top:48px}.character[data-acessorio=estrela] .accessory:after{content:"★";color:#f4d878;font-size:38px}.controls{padding:30px}.controls fieldset{border:0;padding:0 0 26px;margin:0 0 25px;border-bottom:1px solid var(--line)}.controls legend{font:700 21px 'Fraunces';margin-bottom:14px}.choice-row{display:flex;flex-wrap:wrap;gap:9px}.choice input{position:absolute;opacity:0}.choice span{display:block;border:1px solid #d9c8c0;border-radius:99px;padding:10px 15px;background:#fff;cursor:pointer}.choice input:checked+span{background:#f0d3de;border-color:var(--berry)}.save-button{width:100%}@media(max-width:800px){main{padding:10px 18px 50px}.hero{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.customizer-head{display:block}.saved-note{display:inline-block;margin-top:18px}.customizer{grid-template-columns:1fr}.canvas{min-height:530px;position:relative}.auth-card{padding:28px 22px}}