#age-gate{position:fixed;inset:0;z-index:1000;background:rgba(8,14,20,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 24px;box-sizing:border-box;overflow-y:auto;font-family:'Inter',system-ui,sans-serif}
html.ag-ok #age-gate{display:none}
html:not(.ag-ok),html:not(.ag-ok) body{overflow:hidden}
.ag-card{background:#0C1620;color:#F4F3EF;border:1px solid #2C3D4A;border-radius:28px;padding:48px 40px 40px;width:100%;max-width:540px;box-sizing:border-box;text-align:center;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.ag-card img{height:56px;width:auto;display:block;margin:0 auto}
.ag-card h2{margin:36px 0 0;font-family:'Archivo',sans-serif;font-weight:800;font-size:40px;line-height:1;letter-spacing:-.03em}
.ag-intro{margin:14px 0 0;font-size:16px;line-height:1.6;color:#B7C2CB}
.ag-fields{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:left}
.ag-fields div{display:flex;flex-direction:column;gap:8px}
.ag-fields label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8D9BA6}
.ag-fields select{height:52px;padding:0 12px;border-radius:12px;border:1px solid #3A4A57;background:#13212D;color:#F4F3EF;font-family:inherit;font-size:16px;cursor:pointer;width:100%}
.ag-error{margin:18px 0 0;font-size:15px;line-height:1.5;color:#FFB4B4;min-height:0}
.ag-error:empty{display:none}
.ag-card button{margin-top:28px;width:100%;height:56px;border:none;border-radius:999px;background:#8EC5E8;color:#0C1620;font-family:inherit;font-weight:600;font-size:17px;cursor:pointer}
.ag-card button:hover{filter:brightness(1.06)}
.ag-small{margin:22px 0 0;font-size:13px;line-height:1.6;color:#8D9BA6}
@media (max-width:480px){.ag-card{padding:36px 22px 28px}.ag-card h2{font-size:32px}.ag-fields{gap:8px}.ag-fields select{padding:0 8px}}
