:root{
  --brand:#ff7a00; /* Namecheap-inspired orange */
  --brand-2:#00b67a; /* fresh green accent */
  --ink:#111827;
  --muted:#6b7280;
  --bg:#f6f7fb;
  --card:#ffffff;
  --border:#e5e7eb;
  --shadow: 0 10px 30px rgba(17,24,39,.08);

  /* Bootstrap overrides */
  --bs-primary: var(--brand);
  --bs-primary-rgb: 255, 122, 0;
  --bs-link-color: #0f172a;
  --bs-link-hover-color: var(--brand);
}

html,body{height:100%;}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
  background: var(--bg);
  color: var(--ink);
}

/* Navbar */
.navbar{
  background: rgba(255,255,255,.86) !important;
  border-bottom:1px solid rgba(229,231,235,.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.navbar{position: sticky; top:0; z-index: 1030;}
.navbar .nav-link{color:#111827; font-weight:600;}
.navbar .nav-link:hover{color:var(--brand);}
.navbar-brand{color:#111827 !important;}
.navbar-brand strong{letter-spacing:.2px;}

.navbar .dropdown-menu{
  border-radius: 16px;
  border: 1px solid rgba(229,231,235,.95);
  box-shadow: 0 16px 40px rgba(17,24,39,.12);
  padding: .5rem;
}
.navbar .dropdown-item{
  border-radius: 12px;
  font-weight: 600;
  padding: .55rem .8rem;
}
.navbar .dropdown-item:hover{background: rgba(255,122,0,.08); color: #0f172a;}

/* Buttons */
.btn-primary{
  box-shadow: 0 8px 18px rgba(255,122,0,.22);
  border-color: rgba(255,122,0,.25);
}
.btn-outline-primary{
  border-color: rgba(255,122,0,.45);
  color: var(--brand);
}
.btn-outline-primary:hover{background:rgba(255,122,0,.08); color: var(--brand);}

.badge-soft{
  background: rgba(255,122,0,.10);
  color: #b45309;
  border: 1px solid rgba(255,122,0,.25);
}

/* Hero */
.hero{
  background:
    radial-gradient(900px 520px at 20% 10%, rgba(255,122,0,.20), transparent 60%),
    radial-gradient(860px 520px at 85% 25%, rgba(0,182,122,.16), transparent 60%),
    linear-gradient(180deg, #ffffff, #f6f7fb);
}
.hero h1{color:#0f172a;}
.hero .lead{color:rgba(17,24,39,.72) !important;}

.hero-inner{
  background:
    radial-gradient(900px 520px at 18% 10%, rgba(255,122,0,.18), transparent 60%),
    radial-gradient(860px 520px at 85% 25%, rgba(0,182,122,.14), transparent 60%),
    linear-gradient(180deg, #ffffff, #f6f7fb);
  border-bottom: 1px solid var(--border);
}

/* Cards */
.card{border:1px solid var(--border); border-radius: 18px; background:var(--card);} 
.card.hosting-card{box-shadow: var(--shadow);}
.card.hosting-card .price{font-size:2rem; font-weight:800; color:#0f172a;}

.feature-list{padding-left: 1rem; margin:0;}
.feature-list li{margin-bottom:.55rem; color: rgba(17,24,39,.78);}

/* Subtle info tiles */
.tile{
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(17,24,39,.05);
}

/* Sections */
.section-muted{background: #ffffff; border-top: 1px solid var(--border); border-bottom:1px solid var(--border);} 

/* Footer */
.footer{
  background:#0b1220;
  color: rgba(255,255,255,.70);
}
.footer .text-white{color:#fff !important;}
.footer a{color:#fff; text-decoration:none; opacity:.92;}
.footer a:hover{color: var(--brand); opacity:1;}

/* Admin */
.admin-shell{min-height:100vh; background: var(--bg); color: var(--ink);} 
.admin-shell .sidebar{
  background:#fff;
  border-right:1px solid var(--border);
}
.admin-shell .sidebar a{color:#111827; font-weight:600;}
.admin-shell .sidebar a:hover{color: var(--brand);}
.admin-shell .sidebar .nav-link-lite{display:block; padding:.6rem .75rem; border-radius: 12px;}
.admin-shell .sidebar .nav-link-lite.active{background: rgba(255,122,0,.10); color:#b45309;}
.admin-shell .content{padding:1.25rem;}

/* Admin top card */
.admin-card{border:1px solid var(--border); border-radius:18px; background:#fff; box-shadow: var(--shadow);} 

/* Login */
.auth-bg{
  min-height:100vh;
  background:
    radial-gradient(900px 520px at 20% 10%, rgba(255,122,0,.22), transparent 60%),
    radial-gradient(860px 520px at 85% 25%, rgba(0,182,122,.16), transparent 60%),
    linear-gradient(180deg, #ffffff, #f6f7fb);
}

.table td, .table th{vertical-align:middle;}
.form-text{color: var(--muted);} 

/* Make accordion match */
.accordion-item{border:1px solid var(--border); border-radius:14px; overflow:hidden;}
.accordion-button{font-weight:700;}