.style-container{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.style-container-single{grid-template-columns:1fr}.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:18px;text-align:left;display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:18px;border-radius:20px;background:radial-gradient(circle at top left,rgba(59,130,246,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(16,185,129,.14),transparent 30%),#ffffff;border:1px solid #d6e3f1;box-shadow:0 16px 34px rgba(15,23,42,.08)}.rank-result-card,.rank-result-message-card{position:relative;flex:1 1 240px;min-width:220px;padding:18px;border-radius:18px;overflow:hidden;border:1px solid rgba(148,163,184,.18);box-shadow:0 14px 30px rgba(15,23,42,.1)}.rank-result-card-air{background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(14,165,233,.18)),#f8fbff}.rank-result-card-state{background:linear-gradient(145deg,rgba(16,185,129,.14),rgba(245,158,11,.16)),#fbfffb}.rank-result-message-card{background:linear-gradient(145deg,rgba(244,63,94,.12),rgba(251,191,36,.18)),#fffdf7}.rank-result-eyebrow{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569}.rank-result-title{margin:0;font-size:26px;font-weight:800;color:#0f172a}.rank-result-message-text,.rank-result-primary,.rank-result-secondary{margin:12px 0 0;padding:10px 14px;border-radius:14px;font-weight:700;line-height:1.4}.rank-result-primary{background:rgba(255,255,255,.82);color:#0f172a;font-size:20px}.rank-result-secondary{background:rgba(15,23,42,.06);color:#334155;font-size:15px}.rank-result-message-text{background:rgba(255,255,255,.82);color:#9a3412;font-size:20px}@keyframes blink{0%{color:#0000ff}50%{color:#00ff00}to{color:#0000ff}}.form{max-width:400px;margin:0 auto}.rank-form-group{margin-top:10px}.style-container-single .form{width:100%;max-width:100%}.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;background:#ffffff}.rank-form-hint,.rank-form-message,.rank-form-summary{max-width:400px;margin:0 auto 16px}.rank-form-message,.rank-form-summary{padding:14px 16px;border-radius:14px;border:1px solid #dbe4ef;line-height:1.6}.rank-form-summary{background:#ffffff}.rank-form-summary p,.rank-form-summary strong{display:block;margin:0}.rank-form-summary p+p{margin-top:4px}.rank-form-message-success{background:#ecfdf5;border-color:#86efac;color:#166534}.rank-form-message-error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.rank-form-message-info{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.rank-form-actions{max-width:400px;margin:16px auto 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.rank-form-link{color:#1d4ed8;font-weight:600;text-decoration:none}.rank-form-link-button{border:0;padding:0;background:transparent;cursor:pointer}.rank-form-link:hover{text-decoration:underline}.rank-form-hint{color:#64748b;font-size:14px;line-height:1.6;text-align:left;white-space:nowrap}.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}.form-submit-btn-wide{width:100%;max-width:100%}@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,.rank-form-actions,.rank-form-hint,.rank-form-message,.rank-form-summary{max-width:100%}.display-rank{padding:14px}.rank-result-card,.rank-result-message-card{min-width:100%;padding:16px}.rank-result-title{font-size:22px}.rank-result-message-text,.rank-result-primary{font-size:18px}.option-title{margin-left:0}}