body{background:#faf9f7;}
#clarity-app{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;}
#clarity-card{max-width:440px;width:100%;background:#fff;padding:40px;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.screen{display:none}.screen.active{display:block}
.logo{font-size:72px;font-weight:700;letter-spacing:-1px;line-height:1.05;margin-bottom:22px}
h2{font-size:22px;font-weight:500;line-height:1.45;margin-bottom:16px}
p{color:#555;line-height:1.55;margin-bottom:12px}
p.micro{font-size:14px;color:#777}
p.integrity{font-size:14px;color:#777;text-align:center;margin:20px 0 12px}
input{width:100%;padding:14px;margin:10px 0;border-radius:14px;border:1px solid #ddd;font-size:16px}
.option{border:1px solid #ddd;border-radius:16px;padding:16px;margin:12px 0;cursor:pointer;font-size:16px}
.option.selected{border-color:#e07a3f;background:#fff6ef}
button{width:100%;padding:18px;border:none;border-radius:18px;background:#e07a3f;color:#fff;font-size:16px;letter-spacing:1px}