.whois-hero{background:linear-gradient(135deg,#0a0a1f,#0d1840,#0f172a);padding:100px 0 70px;position:relative;overflow:hidden}.whois-hero:before{content:"";position:absolute;top:-20%;right:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.18) 0%,transparent 65%);pointer-events:none}.whois-hero:after{content:"";position:absolute;bottom:-20%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 65%);pointer-events:none}.whois-search-wrap{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:32px;max-width:740px;margin:0 auto}.whois-input-bar{display:flex;border-radius:14px;overflow:hidden;border:2px solid rgba(34,211,238,.45)}.whois-input-bar input{flex:1;background:#ffffff12;border:none;outline:none;color:#fff;padding:16px 22px;font-size:1.05rem}.whois-input-bar input::placeholder{color:#ffffff59}.whois-input-bar button{background:linear-gradient(135deg,#06b6d4,#4f46e5);border:none;color:#fff;padding:14px 28px;font-weight:700;white-space:nowrap;cursor:pointer}.whois-result-card{background:#fff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 8px 40px #00000012;overflow:hidden}.whois-result-header{padding:24px 28px;border-bottom:1px solid #f1f5f9}.whois-result-body{padding:28px}.whois-field-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-weight:600;margin-bottom:4px}.whois-field-value{font-size:.95rem;color:#1e293b;font-weight:500;word-break:break-all}.whois-field-row{padding:14px 0;border-bottom:1px solid #f1f5f9}.whois-field-row:last-child{border-bottom:none}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:50px;font-size:.75rem;font-weight:600;margin:2px}.status-pill.ok{background:#dcfce7;color:#166534}.status-pill.warn{background:#fef9c3;color:#854d0e}.status-pill.info{background:#e0f2fe;color:#0369a1}.ns-badge{display:inline-block;padding:4px 10px;border-radius:8px;background:#f0f4ff;color:#4f46e5;font-size:.8rem;font-weight:600;margin:2px}.avail-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #4ade80;border-radius:16px;padding:24px;text-align:center}.taken-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:16px;padding:24px}.section-divider{margin:32px 0;border-color:#f1f5f9}.raw-toggle{cursor:pointer;color:#4f46e5;font-size:.85rem;font-weight:600;user-select:none}.raw-box{background:#0f172a;color:#a5b4fc;border-radius:12px;padding:20px;font-family:monospace;font-size:.78rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow-y:auto}.how-step{text-align:center;padding:28px 20px}.how-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 16px}.tool-card{border:1px solid #e2e8f0;border-radius:16px;padding:24px;background:#fff;transition:all .2s;text-decoration:none;display:block;color:inherit}.tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #6366f11a;border-color:#6366f1;color:inherit}.spinner-ring{width:48px;height:48px;border:4px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}
