.role-gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.role-gate.hidden{display:none}.role-gate-backdrop{position:absolute;inset:0;background:rgba(3,18,41,.76);backdrop-filter:blur(6px)}.role-gate-card{position:relative;width:min(370px,100%);padding:22px;border-radius:25px;background:linear-gradient(180deg,#fff,#eef4fa);color:#0d2250;box-shadow:0 30px 70px rgba(0,0,0,.38);text-align:center}.role-gate-icon{width:58px;height:58px;margin:0 auto 8px;border-radius:19px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d315f,#061b38);color:#f0c56d}.role-gate-icon span{font-size:35px}.role-gate-eyebrow{font-size:11px;font-weight:900;color:#b07b22}.role-gate-card h2{margin:4px 0 5px;font-size:22px}.role-gate-card>p{margin:0 0 16px;font-size:12px;color:#64748b}.role-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-choice{aspect-ratio:1/1;border:1px solid #d8e0ea;border-radius:20px;background:#fff;color:#0d2250;padding:14px 10px;font-family:"Noto Sans Thai","Inter",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px 22px rgba(13,49,95,.10)}.role-choice:active{transform:scale(.98)}.role-choice-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center}.role-choice-icon span{font-size:29px}.role-choice.buyer .role-choice-icon{background:#eaf3ff;color:#2467b7}.role-choice.seller .role-choice-icon{background:#fff2d8;color:#b47716}.role-choice b{font-size:17px}.role-choice small{font-size:10px;line-height:1.4;color:#64748b}@media(max-width:350px){.role-gate-card{padding:18px}.role-choice-grid{gap:8px}.role-choice{padding:10px 7px}.role-choice b{font-size:15px}.role-choice small{font-size:9px}}