.style-container{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.form-container{margin:0;width:100%;height:100%;padding:20px;background-color:#f8fafc;border:1px solid #dbe4ef;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.form-title{text-align:center;margin-bottom:20px;animation:blink 1s linear infinite}.display-rank{margin-top:10px;text-align:left;display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:16px;border-radius:14px;background:#ffffff;border:1px solid #dbe4ef}@keyframes blink{0%{color:#0000ff}50%{color:#00ff00}to{color:#0000ff}}.form{max-width:400px;margin:0 auto}.option-title{display:flex;font-weight:600;margin-left:0;margin-top:10px}.rank-banner{width:100%;max-width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;display:block}@media (min-width:768px){.option-title{display:flex;margin-left:10px}}.form-input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}.form-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.form-group label{color:#333}.form-submit-btn{width:100%;max-width:100px;padding:10px;border:none;border-radius:5px;background-color:#4CAF50;color:#fff;font-size:16px;cursor:pointer;margin-top:10px;transition:all .3s ease-in-out}.form-submit-btn:hover{background-color:#3e8e41}@media (max-width:991px){.style-container{grid-template-columns:1fr}.rank-banner{height:auto;min-height:0}}@media (max-width:767px){.form-container{padding:16px;border-radius:16px}.form,.form-submit-btn{max-width:100%}.option-title{margin-left:0}}