.bnnp-container{max-width:600px;margin:20px auto;padding:25px;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .05);font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#444}.bnnp-container h1{text-align:center;color:#111111!important;margin-bottom:25px;font-weight:700;font-size:28px}.bnnp-form-group{margin-bottom:20px}.bnnp-form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.bnnp-form-group input[type="text"],.bnnp-form-group input[type="date"],.bnnp-form-group input[type="tel"]{width:100%;padding:12px;border:2px solid #f0f4f8;border-radius:8px;transition:border-color 0.3s ease;box-sizing:border-box}.bnnp-form-group input:focus{border-color:#a8c0ff;outline:none}.bnnp-radio-group{display:flex;gap:20px}.bnnp-radio-item{display:flex;align-items:center;gap:8px;cursor:pointer}.bnnp-checkbox-group{display:flex;align-items:center;gap:10px;margin-top:15px}.bnnp-suggestions-extra{display:none;margin-top:15px;padding:15px;background:#f9fbff;border-radius:8px;border:1px dashed #a8c0ff}.bnnp-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#a8c0ff 0%,#fbc2eb 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform 0.2s,opacity 0.2s;margin-top:10px}.bnnp-submit-btn:hover{opacity:.9}.bnnp-submit-btn:active{transform:scale(.98)}.bnnp-submit-btn:disabled{background:#ccc;cursor:not-allowed}.bnnp-results{margin-top:30px;padding-top:20px;border-top:2px solid #f0f4f8;display:none}.bnnp-badge{padding:15px 20px;border-radius:12px;text-align:center;font-weight:400;line-height:1.5;margin-bottom:25px;font-size:15px}.bnnp-badge strong{font-size:18px;display:block;margin-bottom:5px}.bnnp-badge-compatible{background:#e6fffa;color:#2c7a7b}.bnnp-badge-neutral{background:#fffaf0;color:#975a16}.bnnp-badge-enemy{background:#fff5f5;color:#c53030}.bnnp-stats-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;text-align:center}.bnnp-stat-item{background:#f7fafc;padding:10px;border-radius:8px}.bnnp-stat-val{display:block;font-size:20px;font-weight:700;color:#4a5568}.bnnp-stat-label{font-size:11px;color:#718096;text-transform:uppercase}.bnnp-suggestions-list{margin-top:25px}.bnnp-suggestions-list h3{font-size:18px;color:#4a5568;margin-bottom:15px}.bnnp-suggestion-item{display:flex;justify-content:space-between;padding:10px 15px;background:#fff;border:1px solid #edf2f7;margin-bottom:8px;border-radius:6px}.bnnp-error{color:#e53e3e;font-size:12px;margin-top:5px;display:none}.bnnp-loader{display:none;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #a8c0ff;border-radius:50%;animation:spin 1s linear infinite;margin:10px auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:480px){.bnnp-container{padding:15px;margin:10px}.bnnp-stats-grid{grid-template-columns:1fr}}