.agegate{display: grid; place-items: center; min-height: 100vh; padding: 24px; background: radial-gradient(ellipse at 50% 0%, rgba(255, 46, 126, .22), transparent 60%), var(--night);}
.agegate-card{display: grid; justify-items: center; gap: 14px; width: min(520px, 100%); padding: 34px 28px; border-radius: 30px; border: 1px solid var(--line-2); background: rgba(21, 11, 26, .88); text-align: center; box-shadow: 0 40px 80px -30px #000;}
.agegate-logo{width: 180px; height: auto;}
.agegate-shield{display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: rgba(255, 79, 139, .16); font: 800 .85rem/1 var(--ui); color: var(--rose-2);}
.agegate-shield .icon{width: 18px; height: 18px;}
.agegate h1{font-size: clamp(1.8rem, 5vw, 2.4rem);}
.agegate p{color: var(--mist);}
.agegate-actions{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}

/* Live port overrides */
.agegate-actions{margin: 6px 0 0;}
.agegate-actions .btn{min-width: 180px;}
.agegate .fine a{color: var(--gold);}
body[data-page="agegate"]{padding-bottom: 0;}
.agegate{min-height: 100dvh;}