:root{--sc-yellow:#FFFC00;--sc-black:#000;--sc-white:#FFF;--soft-shadow:0 20px 40px rgba(0,0,0,0.1)}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;overflow:hidden;font-family:'Lexend',sans-serif;background:var(--sc-yellow);color:var(--sc-black)}main{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;position:relative}#card{background:var(--sc-white);padding:40px 30px;border-radius:32px;box-shadow:var(--soft-shadow);max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;border:4px solid var(--sc-black);transform:translateY(0);transition:transform .3s ease}#card:hover{transform:translateY(-5px)}img{width:100px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1))}h1{font-size:clamp(1.5rem,6vw,2.2rem);font-weight:700;line-height:1.2;color:var(--sc-black)}p{font-size:clamp(1rem,4vw,1.1rem);line-height:1.5;color:#333;font-weight:400}#cta{background:var(--sc-black);color:var(--sc-white);text-decoration:none;padding:18px 48px;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .2s ease;box-shadow:0 8px 0 #333;display:inline-block;cursor:pointer;border:none}#cta:active{transform:translateY(4px);box-shadow:0 4px 0 #333}#cta:focus{outline:3px solid #58a6ff;outline-offset:4px}footer{position:absolute;bottom:30px;font-size:.85rem;font-weight:700;letter-spacing:.5px;opacity:.6;width:100%;pointer-events:none}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.05;z-index:-1;background-image:radial-gradient(var(--sc-black) 1px,transparent 1px);background-size:30px 30px}