*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline:2px solid #efce96;outline-offset:4px}main{min-height:100svh;position:relative;overflow:hidden}main>video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;animation:fade 1.5s both}nav{padding:32px 48px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:10}.logo{width:160px;height:40px;object-fit:contain}.help{position:absolute;left:50%;top:40px;translate:-50% 0;width:40px;height:40px;border-radius:50%;background:#0003;display:grid;place-items:center}.profile{display:flex;align-items:center;gap:24px}.profile b{font-size:36px;letter-spacing:-.04em}.profile button{border-radius:50%;background:none}.profile img{width:72px;height:72px;border-radius:50%;object-fit:cover}.layout{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:0 48px 48px;position:absolute;bottom:0;left:0;right:0}.agecolumn{display:flex;flex-direction:column;align-items:center;max-width:620px;width:52%}.agecard{position:relative;width:100%;height:550px;border-radius:40px;overflow:hidden;display:grid;place-items:center;animation:up .8s .3s both;background:#151719}.rotating{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;background-size:cover;background-position:center;animation:spin 30s linear infinite}.agecard>div:last-child{position:relative;z-index:10;text-align:center}.agecard p{font-size:22px;font-weight:500;color:#e5e7eb;line-height:1.5}.agecard h1{font-size:132px;font-weight:600;line-height:.85;letter-spacing:-.06em;margin-top:34px;font-variant-numeric:tabular-nums}.badge{border:1px solid #efce9680;background:#efce9633;border-radius:999px;padding:8px 24px;font-size:13px;letter-spacing:.02em;margin-top:18px;animation:up .8s 1s both}.ruler{position:relative;max-width:620px;width:100%;height:40px;overflow:hidden;margin-top:8px;-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}.ruler>div{display:flex;gap:9px;align-items:flex-end;height:100%;width:max-content;animation:ticker 12s linear infinite}.ruler i{width:1px;background:#efce9680;border-radius:1px}.ruler>b{position:absolute;left:50%;bottom:0;height:40px;width:2px;background:#efce96}.cards{display:grid;grid-template-columns:repeat(2,260px);gap:20px;align-items:end;animation:up .8s .5s both}.card{background:#2f2f2f99;-webkit-backdrop-filter:blur(52px);backdrop-filter:blur(52px);border-radius:20px;height:144px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:all .3s}.card:hover{background-color:#2f2f2fb3}.card h2{font-size:18px;font-weight:600;line-height:1.25}.card>div{display:flex;align-items:center;justify-content:space-between}.card small{font-size:11px;color:#ffffff8c}.card i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#000;color:#fff;font-style:normal}.card.image{background-size:cover;background-position:center}.card.image:hover{filter:brightness(1.1)}.card.image i{background:#fff;color:#000}.card .pill{background:#fff;color:#000;border-radius:100px;padding:5px 12px;font-size:12px}.card.expanded{height:280px;background:#fff;color:#000}.card.expanded p{font-size:12px;line-height:1.6;margin:12px 0}.card.expanded small{color:#777}.card.expanded i{background:#f0f0f0;color:#000}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.modal{max-width:500px;background:#181a1c;border:1px solid #efce9655;border-radius:24px;padding:32px}.modal>small{font-size:9px;letter-spacing:.15em;color:#efce96}.modal h2{font-size:28px;margin:24px 0}.modal p,.modal ul{color:#b9bec4;font-size:14px;line-height:1.8;margin-bottom:24px}.modal ul{padding-left:20px}.close{float:right;background:none}.done{background:#efce96;color:#161616;padding:12px 24px;border-radius:100px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@media(max-height:900px)and (min-width:1280px){.agecard{height:420px}.agecard h1{font-size:110px}.agecolumn{max-width:560px}}@media(max-width:1279px){.layout{position:relative;flex-direction:column;align-items:center;padding:40px 32px 32px}.agecolumn{width:100%;max-width:620px}.cards{width:100%;max-width:620px;grid-template-columns:1fr 1fr;align-items:start}.agecard{height:500px}nav{padding:24px 32px}.profile b{font-size:28px}.profile img{width:64px;height:64px}}@media(max-width:767px){.profile b{display:none}nav{padding:24px 20px}.profile img{width:44px;height:44px}.help{top:28px}.layout{padding:20px 20px 28px;gap:30px}.agecard{height:420px;border-radius:24px}.agecard h1{font-size:100px}.agecard p{font-size:18px}.cards{gap:16px}.card{padding:16px;height:140px;border-radius:16px}.card h2{font-size:16px}.card.expanded{height:auto;min-height:280px}.card.expanded p{font-size:11px}.card .pill{font-size:10px;padding:5px 8px}.card i{width:25px;height:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}