*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(180deg,#0b3d2e,#145a32);color:#fff;min-height:100vh}.container{max-width:500px;margin:100px auto;padding:40px;background:#ffffff1a;border-radius:20px;text-align:center;box-shadow:0 0 30px #0006}h1{margin-bottom:30px}.name-input,.match-btn{width:100%;padding:14px;font-size:16px;border-radius:10px;margin-bottom:20px}.match-btn:hover{background:#e74c3c}.result{margin-top:30px;padding:20px;background:#0000004d;border-radius:15px}.result h2{margin:10px 0 0;font-size:28px;color:#f9e79f}