*{box-sizing:border-box}html{background:#0a0c12}body{color:#e9ecef;overscroll-behavior:none;background-color:#0a0c12;background-image:radial-gradient(115% 70% at 50% -8%,#4dabf71f,#0000 55%),radial-gradient(90% 60% at 50% 108%,#51cf660f,#0000 55%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0;font-family:Pretendard,-apple-system,Apple SD Gothic Neo,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:22px 22px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(120% 80% at 50% 0,#000 30%,#0000 80%)}.grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:480px;margin:0 auto;padding:56px 20px;display:grid}.card{color:inherit;opacity:0;animation:.45s forwards card-rise;animation-delay:calc(var(--i,0) * 70ms);background:linear-gradient(168deg,#171b23 0%,#101319 100%);border:1px solid #252a34;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:30px 12px 22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #0006}.card:before{content:"";background:radial-gradient(circle, var(--accent,#4dabf7), transparent 68%);opacity:.12;pointer-events:none;width:150px;height:150px;transition:opacity .2s;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.card:hover,.card:focus-visible{border-color:var(--accent,#4dabf7);box-shadow:0 16px 34px #00000080, 0 0 0 1px var(--accent,#4dabf7), 0 0 28px -6px var(--accent,#4dabf7);outline:none;transform:translateY(-5px)}.card:hover:before,.card:focus-visible:before{opacity:.32}.card .icon{filter:drop-shadow(0 4px 10px #00000073);font-size:50px;line-height:1}.card .name{letter-spacing:-.2px;color:#f1f3f5;font-size:15px;font-weight:700}@media (prefers-reduced-motion:reduce){.card{opacity:1;animation:none}.card:hover,.card:focus-visible{transform:none}}@keyframes card-rise{to{opacity:1}}