.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-content{position:relative;z-index:1;text-align:center}.hero-title{margin:0;padding:0}.hero-name{display:inline-block;font-size:clamp(2.5rem,8vw,6rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a78bfa,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-underline{width:0;height:4px;margin:1.5rem auto 0;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:2px;animation:expandWidth 1s ease-out .5s forwards}@keyframes expandWidth{0%{width:0}to{width:200px}}.hero-links{margin-top:2rem;display:flex;justify-content:center;gap:1.5rem;animation:fadeInUp 1s ease-out .75s both}.hero-link{color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:9999px;background:linear-gradient(135deg,#6366f1,#a78bfa);transition:all .3s ease;font-size:1.125rem}.hero-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.hero-link:active{transform:translateY(0)}@media (max-width: 768px){.hero{padding:1rem}.hero-name{letter-spacing:-.01em}.hero-link{padding:.5rem 1rem;font-size:1rem}}@media (prefers-reduced-motion: reduce){.hero:before,.hero-name,.hero-underline{animation:none}.hero-name{opacity:1;transform:none}.hero-underline{width:200px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}