:root{

    --forest-dark:#081c15;
    --forest:#1b4332;
    --forest-light:#2d6a4f;

    --accent:#52b788;
    --accent-hover:#74c69d;

    --text:#202124;
    --muted:#6c757d;

    --bg:#f6f8f7;

    --border:#e5ece8;

}

body{

    background:var(--bg);

    color:var(--text);

    font-family:'Inter',sans-serif;

}

/* NAVBAR */

.navbar-doforest{

    background:
        rgba(8,28,21,.92);

    backdrop-filter:
        blur(15px);

}

.navbar-brand{

    display:flex;

    gap:10px;

    align-items:center;

    color:white !important;

    font-weight:700;

}

.navbar-brand i{

    color:var(--accent);

    font-size:1.5rem;

}

.brand-text{

    display:flex;

    flex-direction:column;

    line-height:1.1;

}

.brand-text small{

    font-size:.65rem;

    color:
        rgba(255,255,255,.6);

}

.nav-link{

    color:
        rgba(255,255,255,.8) !important;

}

/* HERO */

.hero{

    min-height:720px;

    display:flex;

    align-items:center;

    background:
        linear-gradient(
            rgba(8,28,21,.80),
            rgba(8,28,21,.88)
        ),
        url('https://images.unsplash.com/photo-1448375240586-882707db888b?q=80&w=2200');

    background-size:cover;

    background-position:center;

}

.hero-inner{

    max-width:900px;

    margin:auto;

    text-align:center;

}

.hero-badge{

    display:inline-block;

    background:
        rgba(255,255,255,.12);

    color:white;

    padding:10px 18px;

    border-radius:50px;

    margin-bottom:25px;

}

.hero h1{

    color:white;

    font-family:'Poppins',sans-serif;

    font-size:clamp(
        3rem,
        6vw,
        5rem
    );

    font-weight:800;

}

.hero p{

    color:
        rgba(255,255,255,.82);

    font-size:1.1rem;

    max-width:700px;

    margin:auto;

}

/* SEARCH */

.search-wrapper{

    margin-top:35px;

}

.search-wrapper .input-group{

    background:
        rgba(255,255,255,.12);

    border:
        1px solid rgba(255,255,255,.15);

    border-radius:20px;

    padding:10px;

}

.search-wrapper .input-group-text{

    background:none;

    border:none;

    color:white;

}

.search-wrapper .form-control{

    background:none;

    border:none;

    color:white;

    box-shadow:none;

}

.search-wrapper .form-control::placeholder{

    color:
        rgba(255,255,255,.6);

}

.search-wrapper .btn{

    border-radius:12px;

    min-width:180px;

}

/* HERO STATS */

.hero-stats{

    margin-top:30px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

}

.hero-stats span{

    background:
        rgba(255,255,255,.10);

    color:white;

    padding:8px 14px;

    border-radius:50px;

    font-size:.85rem;

}

/* SEARCH RESULTS */

.domain-result{

    background:white;

    border:
        1px solid var(--border);

    border-radius:16px;

    padding:20px;

    margin-bottom:15px;

    box-shadow:
        0 5px 25px rgba(0,0,0,.04);

}

.search-loading{

    background:white;

    padding:40px;

    border-radius:16px;

}

.section{

    padding:90px 0;

}

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-title h2{

    font-family:'Poppins',sans-serif;

    font-weight:700;

    margin-bottom:15px;

}

.section-title p{

    color:#6c757d;

}

/* STATS */

.stats-card{

    background:white;

    border:1px solid var(--border);

    border-radius:18px;

    padding:30px;

    text-align:center;

    height:100%;

}

.stats-number{

    color:var(--accent);

    font-size:2rem;

    font-weight:800;

}

.stats-label{

    margin-top:10px;

    color:#666;

}

/* FEATURES */

.feature-card{

    background:white;

    border:1px solid var(--border);

    border-radius:18px;

    padding:30px;

    height:100%;

    transition:.25s;

}

.feature-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.06);

}

.feature-card i{

    color:var(--accent);

    font-size:2rem;

    margin-bottom:15px;

}

.feature-card p{

    color:#6c757d;

    margin:0;

}

/* TLDS */

.tld-card{

    background:white;

    border:1px solid var(--border);

    border-radius:18px;

    padding:30px;

    text-align:center;

    font-weight:700;

    font-size:1.3rem;

    transition:.25s;

}

.tld-card:hover{

    background:var(--accent);

    color:white;

}

/* PRICING */

.pricing-card{

    background:white;

    border:1px solid var(--border);

    border-radius:22px;

    padding:30px;

    height:100%;

    transition:.25s;

}

.pricing-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);

}

.pricing-tld{

    font-size:1.8rem;

    font-weight:700;

}

.pricing-price{

    color:var(--accent);

    font-size:2rem;

    font-weight:800;

    margin-top:15px;

}

.pricing-period{

    color:#777;

    margin-bottom:20px;

}

.pricing-features{

    list-style:none;

    padding:0;

    margin:20px 0;

}

.pricing-features li{

    margin-bottom:8px;

}

.pricing-features li::before{

    content:'✓';

    color:var(--accent);

    margin-right:8px;

}

/* TRUST */

.trust-section{

    padding:100px 0;

}

.trust-box{

    background:#081c15;

    color:white;

    padding:60px;

    border-radius:30px;

}

.trust-box p{

    color:
        rgba(255,255,255,.8);

}

.trust-badges{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    justify-content:center;

}

.trust-badges span{

    background:
        rgba(255,255,255,.12);

    padding:10px 18px;

    border-radius:50px;

}

/* FOOTER */

.footer{

    background:#05120d;

    color:#d6dfda;

    padding:80px 0 40px;

}

.footer h6,
.footer h5{

    color:white;

}

.footer a{

    display:block;

    color:#d6dfda;

    text-decoration:none;

    margin-bottom:8px;

}

.footer a:hover{

    color:white;

}

.footer-bottom{

    text-align:center;

    color:#999;

}

.search-result-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:25px;

    margin-bottom:15px;

    transition:.2s;

}

.search-result-card:hover{

    transform:translateY(-3px);

    box-shadow:
        0 10px 30px rgba(0,0,0,.06);

}

.domain-name{

    font-size:1.25rem;

    font-weight:700;

}

.domain-status{

    color:#777;

    margin-top:5px;

}

.price-big{

    font-size:2rem;

    font-weight:800;

    color:var(--accent);

}

.cart-item{

    background:white;

    border:1px solid var(--border);

    border-radius:18px;

    padding:20px;

    margin-bottom:15px;

}

.cart-total{

    font-size:1.3rem;

}

.cart-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:25px;

    margin-bottom:15px;

}

.summary-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:25px;

    position:sticky;

    top:100px;

}

.checkout-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:35px;

}

.success-box{

    background:#fff;

    border:1px solid var(--border);

    border-radius:24px;

    padding:60px;

}