*{margin:0;padding:0;box-sizing:border-box}body{font-family:Quicksand,sans-serif;background-color:#fffbf0;color:#3e2723;min-height:100vh;display:flex;align-items:center;justify-content:center}#root{width:100%}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.container{max-width:480px;width:100%;text-align:center}.logo-section{margin-bottom:24px}.logo{font-size:64px;margin-bottom:8px}h1{font-size:2.4rem;font-weight:700;color:#f57f17;margin-bottom:4px}.tagline{font-size:1.1rem;font-weight:600;color:#ff8f00}.description{font-size:1rem;color:#5d4037;line-height:1.6;margin-bottom:24px}.form{display:flex;flex-direction:column;gap:16px}.input{font-family:Quicksand,sans-serif;font-size:1rem;padding:14px 18px;border:2px solid #ffe0b2;border-radius:24px;background:#fff;color:#3e2723;outline:none;transition:border-color .2s}.input:focus{border-color:#ffb300}.input::placeholder{color:#bcaaa4}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23795548' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:40px;cursor:pointer}.select option[value=""]{color:#bcaaa4}.button{font-family:Quicksand,sans-serif;font-size:1.05rem;font-weight:700;padding:14px 24px;border:none;border-radius:24px;background:linear-gradient(135deg,#ffb300,#ff8f00);color:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 12px #ff8f004d}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ff8f0066}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.6;cursor:not-allowed}.label{font-size:1rem;font-weight:600;color:#5d4037;text-align:left}.role-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-button{font-family:Quicksand,sans-serif;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;border:2px solid #ffe0b2;border-radius:24px;background:#fff;cursor:pointer;transition:border-color .2s,background-color .2s}.role-button:hover{border-color:#ffb300}.role-button.active{border-color:#ff8f00;background:#fff8e1}.role-icon{font-size:2rem}.role-title{font-size:1rem;font-weight:700;color:#3e2723}.role-subtitle{font-size:.8rem;color:#8d6e63}.option-group{display:flex;flex-wrap:wrap;gap:8px}.option-button{font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;padding:10px 18px;border:2px solid #ffe0b2;border-radius:24px;background:#fff;color:#5d4037;cursor:pointer;transition:border-color .2s,background-color .2s}.option-button:hover{border-color:#ffb300}.option-button.active{border-color:#ff8f00;background:#fff8e1;color:#e65100}.done{padding:24px 0}.checkmark{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#ffb300,#ff8f00);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center}.done h2{font-size:1.6rem;color:#f57f17;margin-bottom:8px}.footer{margin-top:48px;color:#bcaaa4;font-size:.85rem}@media(max-width:480px){h1{font-size:2rem}.role-buttons{grid-template-columns:1fr}}