body{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;background:linear-gradient(135deg,#1e3a8a,#dc2626);color:#fff;min-height:100vh}.container{background:#000c;padding:40px;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h1{font-size:2.5rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.subtitle{font-size:1.2rem;margin-bottom:40px;opacity:.9}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px}.link-card{background:#ffffff1a;padding:30px;border-radius:15px;text-decoration:none;color:#fff;transition:all .3s ease;border:2px solid transparent}.link-card:hover{background:#fff3;border-color:gold;transform:translateY(-5px)}.link-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.link-description{font-size:1rem;opacity:.8}.match-input{margin:20px 0}.match-input input{padding:10px 15px;border:none;border-radius:5px;font-size:1rem;margin-right:10px;width:200px}.match-input button{padding:10px 20px;background:gold;color:#000;border:none;border-radius:5px;font-size:1rem;cursor:pointer;font-weight:700}.match-input button:hover{background:#ffed4e}.info{background:#ffffff1a;padding:20px;border-radius:10px;margin-top:30px;text-align:left}.info h3{margin-bottom:15px;color:gold}.info ul{margin:0;padding-left:20px}.info li{margin-bottom:8px}
