*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#1e1e2f,#2a2a4e);color:#f5f5f5;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:30px}main{background:#2c2c54;margin-inline:auto;padding:36px;max-width:650px;width:100%;border-radius:16px;box-shadow:0 10px 25px #0000004d}.header{display:flex;align-items:center;height:70px;background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff;padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 5px 15px #00000040}.header>img{height:100%;margin-right:10px}.header>h1{font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-right:auto}.form{display:grid;grid-template:auto auto / 1fr 1fr;gap:15px;margin-bottom:20px}.form input{width:100%;margin-top:5px;border-radius:8px;border:none;padding:10px;font-size:1rem;outline:none;background:#3c3c70;color:#fff;transition:all .2s ease-in-out}.form input:focus{background:#4d4d8c;box-shadow:0 0 8px #ff4b2bb3}.form button{grid-column:1 / -1;border-radius:8px;background:linear-gradient(90deg,#ff4b2b,#ff416c);color:#fff;border:none;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;transition:all .3s ease-in-out;padding:12px}.form button:hover{background:linear-gradient(90deg,#ff416c,#ff4b2b);transform:translateY(-2px);box-shadow:0 5px 15px #00000040}.meme{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border-radius:12px}.meme>img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 25px #00000059}.meme span{position:absolute;text-align:center;margin-block:15px;padding-inline:5px;font-family:Impact,sans-serif;font-size:2rem;text-transform:uppercase;color:#fff;letter-spacing:2px;text-shadow:2px 2px 8px rgba(0,0,0,.8),-2px -2px 8px rgba(0,0,0,.8)}.bottom{bottom:15px}.top{top:15px}@media (max-width: 768px){main{padding:24px}.header{height:auto;padding:15px}.header>h1{font-size:1.2rem}.form{grid-template:auto auto / 1fr}.form button{font-size:.95rem}.meme span{font-size:1.6rem}}@media (max-width: 480px){body{padding:15px}main{padding:18px}.header{flex-direction:column;text-align:center}.header>img{margin:0 0 8px;height:50px}.header>h1{font-size:1rem}.form{gap:12px}.form input{font-size:.9rem;padding:8px}.form button{font-size:.9rem;padding:10px}.meme span{font-size:1.2rem;letter-spacing:1px}}