@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@300;400;500&family=Jost:wght@300;400;500&display=swap";:root{--color-bg:#fcfbfa;--color-text:#18171a;--color-accent:#e5e0da;--color-primary:#18171a;--color-primary-hover:#333;--color-red:#8b2e2e;--font-title:"Cormorant Garamond", serif;--font-body:"DM Sans", sans-serif;--font-label:"Jost", sans-serif;--border-radius-soft:8px;--border-radius-pill:50px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100vh;display:flex}#root{flex-direction:column;justify-content:center;width:100%;max-width:600px;min-height:100vh;padding:2rem;display:flex}h1,h2,h3,h4{font-family:var(--font-title);text-align:center;margin-bottom:1.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}p{font-family:var(--font-body);text-align:center;color:#4a4a4a;margin-bottom:2rem;font-size:1.1rem;font-weight:300;line-height:1.6}label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:#666;text-align:left;margin-bottom:.5rem;font-size:.9rem;display:block}.input-group{width:100%;margin-bottom:2rem}input[type=text],input[type=email],input[type=tel]{width:100%;font-family:var(--font-body);border:none;border-bottom:1px solid var(--color-accent);color:var(--color-text);background:0 0;outline:none;padding:1rem 0;font-size:1.1rem;transition:border-color .3s}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{border-bottom-color:var(--color-primary)}input::placeholder{color:#a3a3a3;font-weight:300}button{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--border-radius-pill);cursor:pointer;border:none;width:100%;max-width:300px;margin:0 auto;padding:1rem 2rem;font-size:1rem;transition:all .3s;display:block}button.primary{background-color:var(--color-primary);color:#fff}button.primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}button.secondary{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000;margin-top:1rem}button.secondary:hover{background-color:var(--color-bg);opacity:.7}button.option{color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--border-radius-soft);text-transform:none;font-family:var(--font-body);text-align:center;background-color:#fff;max-width:100%;margin-bottom:1rem;padding:1.25rem;font-size:1.1rem}button.option:hover{border-color:var(--color-primary);background-color:#faf9f8}button.option.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brand-detail{color:var(--color-red)}.back-btn{color:#a3a3a3;text-transform:uppercase;font-family:var(--font-label);letter-spacing:.05em;text-align:left;background:0 0;border:none;width:auto;padding:0;font-size:.85rem;position:absolute;top:-2rem;left:0}.back-btn:hover{color:var(--color-primary);background:0 0;transform:none}
