/* HOSTPOKA page: whois | Developer: RAHAT */
.whois-hero { background: linear-gradient(135deg, var(--hp-brand) 0%, var(--hp-brand-600) 100%); padding: 80px 0 60px; text-align: center; color: #fff; }
.whois-hero h1 { font-size: 38px; font-weight: 900; margin-bottom: 15px; }
.whois-hero p { font-size: 17px; opacity: 0.9; margin-bottom: 40px; }
.search-container { max-width: 700px; margin: -40px auto 50px; background: #fff; padding: 10px; border-radius: 20px; display: flex; box-shadow: 0 15px 40px rgba(0,0,0,0.1); border: 1px solid #eef2ff; }
.search-container input { flex: 1; border: none; padding: 15px 25px; font-size: 16px; outline: none; border-radius: 20px; }
.btn-lookup { background: var(--dark); color: #fff; border: none; padding: 15px 35px; border-radius: 15px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.btn-lookup:hover { background: #000; }
.result-section { max-width: 900px; margin: 0 auto 80px; width: 90%; }
.whois-result-card { background: #fff; border-radius: 25px; border: 1px solid #eef2ff; padding: 35px; box-shadow: 0 10px 30px rgba(0,0,0,0.02); }
.whois-data { background: #1e293b; color: #e2e8f0; padding: 25px; border-radius: 15px; font-family: 'Courier New', Courier, monospace; font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-x: auto; max-height: 500px; border: 1px solid #334155; }
.result-header { margin-bottom: 20px; display: flex; align-items: center; gap: 10px; color: var(--dark); }
.result-header i { color: var(--secondary); font-size: 20px; }
.whois-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 50px; }
.info-item { text-align: center; padding: 25px; background: #f8faff; border-radius: 20px; }
.info-item i { font-size: 30px; color: var(--primary); margin-bottom: 15px; }
.info-item h4 { margin-bottom: 10px; font-weight: 700; }
.info-item p { font-size: 14px; color: #64748b; }
@media (max-width: 600px) { .search-container { flex-direction: column; border-radius: 15px; } .btn-lookup { width: 100%; margin-top: 10px; } .whois-hero h1 { font-size: 28px; } }