/*
Theme Name: Kunlun Domain For Sale
Theme URI: https://kunlun.ae
Author: Kunlun
Author URI: https://kunlun.ae
Description: A single-page WordPress theme for showcasing a premium domain name for sale, with a contact form. Every piece of text, the price, contact details and colors are editable from Appearance > Customize — no code editing or plugins required.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kunlun-domain
*/

:root{
  --kd-accent: #c9a24b;
  --kd-bg: #0b0d12;
  --kd-bg-alt: #12151c;
  --kd-text: #f4f4f2;
  --kd-muted: #a9adb8;
  --kd-radius: 14px;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--kd-bg);
  color: var(--kd-text);
  line-height:1.6;
}

a{color:inherit;text-decoration:none;}

img{max-width:100%;display:block;}

.kd-container{
  max-width:1080px;
  margin:0 auto;
  padding:0 24px;
}

/* Header */
.kd-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(11,13,18,0.85);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.kd-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 0;
}
.kd-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  font-size:1.15rem;
  letter-spacing:0.5px;
}
.kd-logo img{height:36px;width:auto;}
.kd-header-cta{
  background:var(--kd-accent);
  color:#0b0d12;
  padding:10px 20px;
  border-radius:999px;
  font-weight:600;
  font-size:0.9rem;
  transition:transform .15s ease, opacity .15s ease;
}
.kd-header-cta:hover{transform:translateY(-1px);opacity:.92;}

/* Hero */
.kd-hero{
  padding:100px 0 70px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,162,75,0.14), transparent 60%),
    var(--kd-bg);
}
.kd-eyebrow{
  display:inline-block;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:0.78rem;
  color:var(--kd-accent);
  border:1px solid rgba(201,162,75,0.4);
  padding:6px 16px;
  border-radius:999px;
  margin-bottom:24px;
}
.kd-domain{
  font-size:clamp(2.4rem, 6vw, 4.2rem);
  font-weight:800;
  margin:0 0 18px;
  letter-spacing:-1px;
}
.kd-domain span{color:var(--kd-accent);}
.kd-subheading{
  max-width:640px;
  margin:0 auto 36px;
  color:var(--kd-muted);
  font-size:1.15rem;
}
.kd-price-box{
  display:inline-flex;
  align-items:baseline;
  gap:10px;
  background:var(--kd-bg-alt);
  border:1px solid rgba(255,255,255,0.08);
  padding:18px 34px;
  border-radius:var(--kd-radius);
  margin-bottom:34px;
}
.kd-price-label{color:var(--kd-muted);font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;}
.kd-price-value{font-size:2rem;font-weight:800;color:var(--kd-accent);}
.kd-hero-buttons{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}
.kd-btn{
  padding:14px 30px;
  border-radius:999px;
  font-weight:600;
  font-size:1rem;
  transition:transform .15s ease, opacity .15s ease;
  display:inline-block;
}
.kd-btn-primary{background:var(--kd-accent);color:#0b0d12;}
.kd-btn-secondary{background:transparent;color:var(--kd-text);border:1px solid rgba(255,255,255,0.25);}
.kd-btn:hover{transform:translateY(-2px);opacity:.92;}

/* Sections */
.kd-section{padding:70px 0;border-top:1px solid rgba(255,255,255,0.06);}
.kd-section-title{
  font-size:clamp(1.6rem,3.5vw,2.2rem);
  font-weight:700;
  margin:0 0 14px;
  text-align:center;
}
.kd-section-desc{
  max-width:680px;
  margin:0 auto 44px;
  text-align:center;
  color:var(--kd-muted);
  font-size:1.05rem;
}

/* Features grid */
.kd-features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:22px;
}
.kd-feature-card{
  background:var(--kd-bg-alt);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--kd-radius);
  padding:26px;
}
.kd-feature-icon{
  width:42px;height:42px;
  border-radius:10px;
  background:rgba(201,162,75,0.15);
  color:var(--kd-accent);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
  margin-bottom:16px;
}
.kd-feature-card h3{margin:0 0 8px;font-size:1.05rem;}
.kd-feature-card p{margin:0;color:var(--kd-muted);font-size:0.95rem;}

/* Contact */
.kd-contact-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:start;
}
@media (max-width:820px){
  .kd-contact-wrap{grid-template-columns:1fr;}
}
.kd-contact-info h3{margin-top:0;}
.kd-contact-list{list-style:none;padding:0;margin:20px 0;}
.kd-contact-list li{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
  color:var(--kd-muted);
}
.kd-contact-list li strong{color:var(--kd-text);min-width:90px;display:inline-block;}
.kd-form{
  background:var(--kd-bg-alt);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--kd-radius);
  padding:30px;
}
.kd-form label{
  display:block;
  font-size:0.85rem;
  color:var(--kd-muted);
  margin-bottom:6px;
  margin-top:16px;
}
.kd-form input,.kd-form textarea{
  width:100%;
  padding:12px 14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,0.12);
  background:#0b0d12;
  color:var(--kd-text);
  font-family:inherit;
  font-size:0.95rem;
}
.kd-form input:focus,.kd-form textarea:focus{outline:2px solid var(--kd-accent);}
.kd-form button{
  margin-top:22px;
  width:100%;
  padding:14px;
  border:none;
  border-radius:999px;
  background:var(--kd-accent);
  color:#0b0d12;
  font-weight:700;
  font-size:1rem;
  cursor:pointer;
  transition:opacity .15s ease;
}
.kd-form button:hover{opacity:.9;}
.kd-notice{
  padding:14px 18px;
  border-radius:10px;
  margin-bottom:18px;
  font-size:0.92rem;
}
.kd-notice-success{background:rgba(76,175,80,0.15);border:1px solid rgba(76,175,80,0.4);color:#a7e3aa;}
.kd-notice-error{background:rgba(244,67,54,0.15);border:1px solid rgba(244,67,54,0.4);color:#f3aca6;}

/* Footer */
.kd-footer{
  padding:40px 0;
  text-align:center;
  color:var(--kd-muted);
  font-size:0.88rem;
  border-top:1px solid rgba(255,255,255,0.06);
}
.kd-footer a{color:var(--kd-accent);}