:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0c0c0e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at center,#1a1a2e,#0c0c0e);overflow-x:hidden}#app{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;animation:fadeIn 1s ease-out}header h1{font-size:4rem;font-weight:700;letter-spacing:.5rem;margin:0;background:linear-gradient(to bottom,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,255,255,.1))}header p{font-size:1.2rem;color:#a0a0a0;margin-top:.5rem;font-weight:300}.main{position:relative}.image-button{display:block;text-decoration:none;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;cursor:pointer;position:relative;max-width:800px;border:1px solid rgba(255,255,255,.1)}.image-button:hover{transform:scale(1.02) translateY(-10px);box-shadow:0 30px 60px #000000b3,0 0 20px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.image-wrapper{position:relative;width:100%;line-height:0}.image-wrapper img{width:100%;height:auto;transition:filter .4s ease}.image-button:hover img{filter:brightness(.6) blur(2px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;background:#0003}.image-button:hover .overlay{opacity:1}.overlay span{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.2rem;border:2px solid #ffffff;padding:1rem 2rem;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translateY(20px);transition:transform .4s ease}.image-button:hover .overlay span{transform:translateY(0)}footer{margin-top:2rem;color:#444;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){header h1{font-size:2.5rem;letter-spacing:.2rem}}