/* Sentinel Career visual identity (Dark, cyber corporate, blue/cyan, premium SaaS, Microsoft/OpenAI/Palantir inspired) */
:root {
  color-scheme: dark;
  --bg: #070b14;
  --surface: #0f1826;
  --surface-2: #121f33;
  --text: #f4f7fb;
  --muted: #aeb9c8;
  --line: rgba(74,163,255,0.28);
  --accent: #38d6ae;
  --accent2: #4aa3ff;
  --shadow: 0 34px 80px rgba(8,18,36,0.76);
  --radius: 12px;
  --brand: #35c8e1;
  --premium: #81d6f7;
  --pro: #38d6ae;
  --master: #2793ee;
  --free: #16202f;
  --danger: #ff6b6b;
}

body, html {background: radial-gradient(circle at 12% 8%, rgba(74,163,255,0.12), transparent 360px), radial-gradient(circle at 82% 12%, rgba(56,214,174,0.08), transparent 420px), var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, Segoe UI, Arial, sans-serif; margin:0;}

.sentinel-bg {background: var(--bg);}
.dark-mode {color: var(--text);}

.navbar {display: flex; align-items: center; justify-content: space-between; padding: 24px 5vw 0 5vw; background: rgba(7,11,20,0.92); border-bottom: 1px solid var(--line); box-shadow: var(--shadow);}
.brand {font-weight: 800; color: var(--premium); text-shadow: 0 2px 24px var(--accent2, #2855a5); font-size:1.32rem;}
.nav-menu {display: flex; gap: 18px; list-style:none; margin:0;}
.nav-menu a {color: var(--muted); font-weight: 700; border-radius: var(--radius); padding:8px 16px; transition: background 0.15s;}
.nav-menu a:hover, .nav-menu .login-btn:hover, .nav-menu .signup-btn:hover {background: var(--accent2); color: #10131c;}
.login-btn, .signup-btn {background: var(--line); color: var(--premium); padding: 8px 16px; border-radius: var(--radius); font-weight: 800;}

.hero-section {padding: 48px 5vw 36px 5vw; background: linear-gradient(135deg, rgba(56,214,174,0.12) 6%,transparent 90%), #122026;}
.hero-content {max-width: 680px; margin:auto; text-align: center;}
.hero-content h1 {font-size: clamp(2.6rem,8vw,4.4rem); margin:24px 0 18px 0; letter-spacing: -.5px;}
.hero-content p {color: var(--muted);font-size:1.19rem; margin:0 0 26px 0;}
.cta-btn {padding:14px 38px; border-radius: 999px; font-weight: 900; background: var(--accent2); color: #121721; border:none; box-shadow: var(--shadow); text-decoration:none; font-size:1.1rem;}
.cta-btn:hover {background: var(--accent); color:#021511;}

.feature-cards-section {padding:48px 5vw;}
.feature-cards-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px;}
.feature-card {background: rgba(10,18,32,0.92); border-radius: var(--radius); box-shadow: var(--shadow); padding:28px 20px; border:1px solid rgba(74,163,255,0.24);}
.feature-card h3 {color:var(--accent); margin:0 0 10px; font-size:1.15rem;}
.feature-card p {color: var(--muted);margin:0;}

.pricing-section {padding:48px 5vw 24px 5vw;background:rgba(37,58,77,0.15);}
.pricing-cards-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:24px;}
.pricing-card {background:rgba(12,20,33,0.92); border-radius:var(--radius); box-shadow:var(--shadow); padding:30px 16px; border:1.5px solid rgba(74,163,255,0.24); text-align:center;}
.pricing-card .price {font-size:2.3rem;color:var(--premium);margin:18px 0 26px 0;}
.pricing-card ul {list-style:none;margin:0; padding:0;}
.pricing-card li {font-size:1.09rem;color:var(--accent);margin:0 0 8px 0;}
.pricing-card.free {background:var(--free);}
.pricing-card.pro {background:var(--surface-2);border-color:var(--pro);color:var(--pro);}
.pricing-card.premium {background:var(--surface-2);border-color:var(--premium);color:var(--premium);}
.pricing-card.master {background: var(--surface-2);border-color:var(--master);color:var(--master);}

.faq-section {padding:48px 5vw;background:rgba(10,18,32,0.88);}
.faq-list{max-width:760px;margin:auto;}
.faq-list details {background:var(--surface); margin:12px 0; padding:20px 28px; border-radius:var(--radius); box-shadow:var(--shadow); border:1px solid var(--accent2);}
.faq-list summary {font-weight:800;color:var(--accent2);font-size:1.10rem;cursor:pointer;}
.faq-list p{margin:12px 0 0 0;color:var(--muted);}

.cta-section {text-align:center; padding:50px 5vw 61px 5vw;background: linear-gradient(120deg,rgba(74,212,255,0.15),rgba(18,32,38,1) 90%)}
.cta-section h2 {font-size:2rem; margin-bottom:24px;color:var(--accent);}

.footer {padding:34px 5vw;border-top:1px solid var(--line); background:rgba(18,32,38,0.97); color:var(--muted); font-size:0.96rem;}
.footer-content {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}

/* Responsive */
@media (max-width:720px){.nav-menu{gap:10px;}.feature-cards-list,.pricing-cards-list{grid-template-columns:1fr;}.footer-content{flex-direction:column;gap:6px;}}