
:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-2:#f0f4ff;
  --ink:#0f172a;
  --muted:#64748b;
  --line:rgba(15,23,42,.09);
  --navy:#07152b;
  --navy-2:#0b1f3a;
  --blue:#4f7cff;
  --cyan:#20d9e7;
  --violet:#8b5cf6;
  --green:#0f9f74;
  --red:#c63b31;
  --gold:#d59b13;
  --glow:0 20px 60px rgba(56,89,255,.14);
  --shadow:0 16px 45px rgba(15,23,42,.08);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:
    radial-gradient(circle at 5% 8%,rgba(79,124,255,.08),transparent 26rem),
    radial-gradient(circle at 95% 28%,rgba(32,217,231,.08),transparent 24rem),
    var(--bg);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(1180px,92%);margin:auto}

/* Header */
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px) saturate(160%);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid rgba(15,23,42,.07);
}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-weight:900;font-size:1.23rem;letter-spacing:-.02em}
.brand:hover{transform:translateY(-1px)}
.brand-mark{
  width:38px;height:38px;border-radius:13px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--violet) 55%,var(--cyan));
  box-shadow:0 9px 26px rgba(79,124,255,.35);font-weight:900
}
.nav nav{display:flex;align-items:center;gap:7px}
.nav nav a{color:#34445c;font-weight:700;padding:9px 12px;border-radius:11px;transition:.18s ease}
.nav nav a:hover{color:var(--ink);background:#eef3ff}
.menu-btn{display:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:8px 11px;font-size:20px;box-shadow:0 5px 18px rgba(15,23,42,.06)}

/* Hero */
.hero{
  position:relative;overflow:hidden;padding:82px 0 76px;color:#fff;
  background:
    radial-gradient(circle at 78% 42%,rgba(32,217,231,.20),transparent 18rem),
    radial-gradient(circle at 60% 0%,rgba(139,92,246,.26),transparent 25rem),
    linear-gradient(135deg,#061326 0%,#0a1b36 47%,#102b4a 100%);
}
.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.hero:before{width:430px;height:430px;right:-120px;top:-170px}
.hero:after{width:280px;height:280px;right:110px;bottom:-170px}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.15em;
  font-size:.74rem;color:#5b6df8;font-weight:900
}
.hero .eyebrow{color:#8eeaf1}
.hero h1,.page-hero h1{
  margin:.25em 0 .22em;font-size:clamp(2.45rem,5.4vw,4.9rem);line-height:1.02;letter-spacing:-.055em
}
.hero h1{
  background:linear-gradient(105deg,#fff 0%,#dce6ff 62%,#8eeaf1 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero p,.page-hero p,.lead{font-size:1.1rem;color:var(--muted);max-width:760px}
.hero p{color:#b7c7dc;font-size:1.16rem}
.hero-search{
  margin-top:30px;padding:8px;display:grid;grid-template-columns:1.1fr .75fr auto;gap:8px;
  border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.09);
  backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(0,0,0,.18)
}
.hero-search input{background:rgba(255,255,255,.98);border:0;min-height:50px}
.hero-search .btn{min-width:145px}
.hero-card{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,0,0,.24);display:grid;gap:14px
}
.hero-card:before{content:"";position:absolute;width:120px;height:120px;right:-35px;top:-35px;border-radius:50%;background:rgba(32,217,231,.13);filter:blur(2px)}
.hero-stat{
  position:relative;display:flex;align-items:center;gap:17px;padding:15px 16px;border-radius:17px;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06)
}
.hero-stat b{font-size:1.7rem;color:#fff;min-width:66px;letter-spacing:-.04em}
.hero-stat span{color:#bfd0e4}
.hero-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.hero-trust a,.hero-trust span{
  color:#d6e4f4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);
  padding:7px 11px;border-radius:999px;font-size:.83rem;font-weight:700
}

/* Controls */
input,select,textarea{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d7deea;background:#fff;color:var(--ink);
  transition:.18s ease;box-shadow:0 1px 0 rgba(15,23,42,.02)
}
input:focus,select:focus,textarea:focus{
  outline:4px solid rgba(79,124,255,.12);border-color:#7794ff;box-shadow:0 8px 24px rgba(79,124,255,.08)
}
label{display:grid;gap:7px;color:#334155;font-weight:750}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--blue);
  background:#fff;color:var(--blue);font-weight:800;border-radius:12px;padding:11px 17px;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease
}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(79,124,255,.15)}
.btn.primary{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),#6b66f6)}
.btn.primary:hover{box-shadow:0 12px 30px rgba(79,124,255,.28)}
.btn.ghost{border-color:var(--line);color:var(--ink);background:#fff}
.btn.small{padding:8px 12px;font-size:.88rem}.btn.full{width:100%}

/* Sections */
.section{padding:68px 0}
.section.alt{background:linear-gradient(180deg,rgba(238,243,255,.78),rgba(246,248,252,.3));border-block:1px solid rgba(15,23,42,.035)}
.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:27px}
.section-head h2,.subhead{margin:.2em 0;font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}
.section-head>a{font-weight:800;color:#4f63e8}
.page-hero{
  position:relative;overflow:hidden;padding:54px 0 50px;border-bottom:1px solid rgba(15,23,42,.06);
  background:
    radial-gradient(circle at 80% 20%,rgba(32,217,231,.10),transparent 22rem),
    linear-gradient(135deg,#eff4ff,#f9fbff)
}
.page-hero h1{font-size:clamp(2.1rem,4vw,3.4rem)}
.page-hero p,.lead{color:var(--muted)}

/* Cards */
.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.top-gap{margin-top:18px}
.job-card,.content-card,.side-card,.calc-card,.result-card,.empty-card,.tool-card,.panel{
  border:1px solid rgba(15,23,42,.075);border-radius:var(--radius);background:rgba(255,255,255,.92);
  box-shadow:0 8px 30px rgba(15,23,42,.055)
}
.job-card{
  position:relative;overflow:hidden;padding:22px;display:flex;flex-direction:column;gap:11px;
  transition:.22s ease
}
.job-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--cyan));opacity:0;transition:.22s ease}
.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(79,124,255,.2)}
.job-card:hover:before{opacity:1}
.job-card h3{margin:0;font-size:1.2rem;letter-spacing:-.02em}.job-card h3 a{color:var(--ink)}
.company{margin:0;color:#53657b;font-weight:750}
.job-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.job-category,.featured,.badge{
  display:inline-flex;align-items:center;width:max-content;font-size:.74rem;font-weight:850;padding:6px 10px;border-radius:999px;
  color:#4055cb;background:#edf0ff;border:1px solid rgba(79,124,255,.10)
}
.featured{color:#8b6200;background:#fff7d8;border-color:#f6e4a3}
.job-meta{display:flex;flex-wrap:wrap;gap:8px;color:#5d6d82;font-size:.86rem}
.job-meta span{background:#f5f7fb;border:1px solid #edf0f4;padding:5px 8px;border-radius:8px}
.job-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.job-foot small{color:#718096}
.filter-panel{
  display:grid;grid-template-columns:1.3fr 1fr .9fr .8fr auto;gap:10px;padding:14px;border-radius:18px;
  background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:var(--shadow)
}
.results-count{color:var(--muted);font-weight:650}.pagination{display:flex;justify-content:center;gap:18px;align-items:center;margin-top:30px}
.detail-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:26px;align-items:start}
.content-card,.side-card{padding:30px}.side-card{position:sticky;top:96px}
.side-card dl{display:grid;grid-template-columns:1fr 1.35fr;gap:9px 12px}.side-card dt{font-weight:850}.side-card dd{margin:0;color:var(--muted)}
.salary-box{display:flex;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#eef3ff,#edfbfc);border:1px solid #dbe6ff;border-radius:14px;padding:15px 17px}.salary-box strong{color:#4055cb}
.notice,.legal-note{background:#fffaf0;border:1px solid #f4deb0;border-radius:14px;padding:15px 17px;color:#725821}
.status{padding:11px;border-radius:10px;background:#edf2ff;color:#4055cb;font-weight:800;text-align:center;margin:14px 0}.status.ok{background:#e9f8f2;color:var(--green)}.status.closed{background:#fff0ef;color:var(--red)}

/* Tool cards */
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tool-card{position:relative;overflow:hidden;padding:24px;color:var(--ink);transition:.22s ease}
.tool-card:after{content:"";position:absolute;width:100px;height:100px;right:-35px;bottom:-45px;border-radius:50%;background:radial-gradient(circle,rgba(79,124,255,.12),transparent 68%)}
.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(79,124,255,.18)}
.tool-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 10px 24px rgba(79,124,255,.22)}
.tool-card:nth-child(3n+2)>span{background:linear-gradient(135deg,#0ca4bf,var(--cyan))}
.tool-card:nth-child(3n+3)>span{background:linear-gradient(135deg,#7c4fe4,#a06cf4)}
.tool-card h3{margin:15px 0 6px;letter-spacing:-.02em}.tool-card p{margin:0;color:var(--muted)}

/* Calculators/tracker */
.calc-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:start}
.calc-card,.result-card{padding:26px}.calc-card{display:grid;gap:16px}.result-card h2{margin-top:0}
.metric{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.metric span{color:var(--muted)}.metric b{text-align:right;color:#233566}
.form-note{font-size:.9rem;color:var(--muted);font-weight:500}.legal-note{margin-top:20px}
.tracker-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:start}
.tracker-table-wrap{overflow:auto}.tracker-table{width:100%;border-collapse:collapse}
.tracker-table th,.tracker-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tracker-table th{color:#53657b;background:#f8faff}
.link-btn{border:0;background:none;color:var(--blue);cursor:pointer;padding:3px;font-weight:750}.link-btn.danger{color:var(--red)}
.button-row{display:flex;gap:8px}.prose{max-width:860px}.prose h2{margin-top:32px;letter-spacing:-.02em}

/* Futuristic feature band */
.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.future-card{
  padding:23px;border-radius:20px;border:1px solid rgba(79,124,255,.12);
  background:linear-gradient(145deg,#fff,#f6f8ff);box-shadow:0 10px 30px rgba(15,23,42,.05)
}
.future-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;margin-bottom:14px;background:#eef2ff;color:#5266e8;font-size:1.2rem;font-weight:900}
.future-card h3{margin:0 0 6px}.future-card p{margin:0;color:var(--muted)}
.cta-shell{
  overflow:hidden;position:relative;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;
  padding:34px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#0b1c36,#122f51);
  box-shadow:0 24px 65px rgba(15,23,42,.16)
}
.cta-shell:after{content:"";position:absolute;right:-80px;top:-120px;width:300px;height:300px;border-radius:50%;background:rgba(32,217,231,.10)}
.cta-shell h2{margin:0 0 7px;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.035em}.cta-shell p{margin:0;color:#b9cae0}

/* Footer */
.footer{margin-top:55px;padding:44px 0;color:#bdcde0;background:linear-gradient(135deg,#071326,#0c203a)}
.footer-grid{display:flex;justify-content:space-between;gap:26px}.footer p{margin:.4em 0}.footer-links{display:flex;gap:18px}.footer a{color:#e4edf8}

/* Admin */
.admin-wrap{min-height:100vh;background:linear-gradient(140deg,#f4f7fd,#eef3ff)}
.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.admin-side{
  color:#fff;padding:26px 18px;background:
  radial-gradient(circle at 0 0,rgba(79,124,255,.22),transparent 16rem),
  linear-gradient(180deg,#081629,#0c233f)
}
.admin-side h2{letter-spacing:-.03em}.admin-side a{display:block;color:#c7d6e8;padding:11px 13px;border-radius:11px;margin:4px 0;font-weight:700}
.admin-side a:hover,.admin-side a.active{background:rgba(255,255,255,.09);color:#fff}
.admin-main{padding:34px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.stat-card{padding:19px;border-radius:17px;background:#fff;border:1px solid var(--line);box-shadow:0 7px 24px rgba(15,23,42,.055)}
.stat-card strong{display:block;font-size:1.85rem;color:#4d63e9}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 7px 24px rgba(15,23,42,.045)}
.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.data-table th{color:#526178;background:#f8faff}.panel{padding:22px}
.login-box{width:min(440px,92%);margin:8vh auto;padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 25px 80px rgba(15,23,42,.15)}
.flash{padding:12px 14px;border-radius:11px;background:#e9f8f2;color:#12634a;margin:12px 0}.flash.error{background:#fff0ef;color:#8f2017}.danger-zone{border:1px solid #efc8c4;background:#fff8f7}

/* Accessibility / motion */
:focus-visible{outline:3px solid rgba(32,217,231,.55);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:920px){
  .hero-grid,.detail-grid,.calc-grid,.tracker-layout{grid-template-columns:1fr}
  .hero-card{max-width:650px}.job-grid,.tool-grid,.future-grid{grid-template-columns:repeat(2,1fr)}
  .filter-panel{grid-template-columns:1fr 1fr}.side-card{position:static}
  .hero-search{grid-template-columns:1fr 1fr}.hero-search .btn{grid-column:1/-1}
  .admin-shell{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .nav nav{
    display:none;position:absolute;top:76px;left:0;right:0;padding:14px 4% 18px;flex-direction:column;align-items:stretch;
    background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(15,23,42,.08)
  }
  .nav nav.open{display:flex}.menu-btn{display:block}
  .hero{padding:56px 0 52px}.hero h1{font-size:clamp(2.35rem,12vw,3.55rem)}
  .hero-search,.job-grid,.tool-grid,.future-grid,.filter-panel{grid-template-columns:1fr}.hero-search .btn{grid-column:auto}
  .section{padding:50px 0}.section-head,.footer-grid,.cta-shell{align-items:flex-start;grid-template-columns:1fr;flex-direction:column}
  .job-foot{align-items:flex-start;flex-direction:column}.content-card,.side-card,.calc-card,.result-card{padding:21px}
  .admin-main{padding:19px}.admin-grid{grid-template-columns:1fr}
}


/* Vacancy images + grid/list view */
.jobs-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 18px
}
.view-switch{
  display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);background:#fff;border-radius:12px;
  box-shadow:0 7px 20px rgba(15,23,42,.05)
}
.view-btn{
  border:0;background:transparent;color:#64748b;cursor:pointer;border-radius:9px;padding:8px 11px;
  font-weight:800;display:inline-flex;align-items:center;gap:7px
}
.view-btn:hover{background:#f2f5ff;color:#3449cb}
.view-btn.active{background:linear-gradient(135deg,var(--blue),#6b66f6);color:#fff;box-shadow:0 7px 18px rgba(79,124,255,.22)}
.job-card{padding:0}
.job-card-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.job-media{
  position:relative;height:178px;overflow:hidden;background:
  radial-gradient(circle at 80% 20%,rgba(32,217,231,.20),transparent 8rem),
  linear-gradient(135deg,#0d2441,#244c79);
  border-radius:21px 21px 0 0
}
.job-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.job-card:hover .job-media img{transform:scale(1.035)}
.job-image-placeholder{
  width:100%;height:100%;display:grid;place-items:center;color:#dce9f7;font-size:2.2rem;font-weight:950;
  letter-spacing:-.08em;text-transform:uppercase
}
.job-image-placeholder span{
  width:68px;height:68px;border-radius:19px;display:grid;place-items:center;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px)
}
.jobs-display.list-view{grid-template-columns:1fr}
.jobs-display.list-view .job-card{
  display:grid;grid-template-columns:220px 1fr;min-height:180px
}
.jobs-display.list-view .job-media{
  height:100%;min-height:180px;border-radius:21px 0 0 21px
}
.jobs-display.list-view .job-card-body{padding:21px 23px}
.jobs-display.list-view .job-foot{margin-top:4px}
.jobs-display.list-view .job-card-body>p{margin:.15rem 0}
.job-detail-image{
  width:100%;max-height:420px;object-fit:cover;border-radius:18px;margin-bottom:22px;
  border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,23,42,.08)
}
.admin-thumb{
  width:58px;height:44px;object-fit:cover;border-radius:9px;border:1px solid var(--line);display:block
}
.admin-thumb-placeholder{
  width:58px;height:44px;border-radius:9px;background:#edf2ff;color:#5367e4;display:grid;place-items:center;
  font-weight:900;border:1px solid #dde4ff
}
.image-upload-box{
  display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center;padding:16px;
  border:1px dashed #b8c7e8;border-radius:16px;background:#f8faff
}
.image-preview{
  width:140px;height:100px;border-radius:13px;overflow:hidden;background:linear-gradient(135deg,#102a43,#285583);
  display:grid;place-items:center;color:#dce9f7;font-weight:900
}
.image-preview img{width:100%;height:100%;object-fit:cover}
.upload-help{font-size:.88rem;color:var(--muted);margin:.35rem 0 0}
.job-image-badge{
  position:absolute;right:12px;top:12px;background:rgba(7,21,43,.76);color:#fff;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:800;backdrop-filter:blur(8px)
}
@media(max-width:720px){
  .jobs-toolbar{align-items:flex-start;flex-direction:column}
  .jobs-display.list-view .job-card{grid-template-columns:1fr}
  .jobs-display.list-view .job-media{height:170px;min-height:0;border-radius:21px 21px 0 0}
  .image-upload-box{grid-template-columns:1fr}
}


/* Contact + advertising packages */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}
.contact-card,.pricing-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 10px 32px rgba(15,23,42,.06)}
.contact-card{padding:26px}.contact-list{display:grid;gap:13px;margin-top:18px}
.contact-item{display:flex;align-items:center;gap:13px;padding:14px;border-radius:14px;background:#f7f9fe;border:1px solid #edf1f8}
.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:900;flex:0 0 auto}
.contact-item small{display:block;color:var(--muted);font-weight:700}.contact-item a{font-weight:850;color:var(--ink);word-break:break-word}
.payment-note{margin-top:18px;padding:15px 16px;border-radius:14px;background:linear-gradient(135deg,#eef3ff,#effbfc);border:1px solid #dce8fb;color:#334155}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pricing-card{padding:24px;position:relative;overflow:hidden;transition:.2s ease}
.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:rgba(79,124,255,.18)}
.pricing-card:after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-45px;border-radius:50%;background:radial-gradient(circle,rgba(79,124,255,.12),transparent 68%)}
.price-label{font-size:2rem;font-weight:950;letter-spacing:-.04em;color:#3247c8;margin:.2rem 0 .6rem}.price-name{font-size:1.15rem;font-weight:900;margin:0}
.price-desc{color:var(--muted);margin:.4rem 0 0}.price-meta{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:.9rem;color:#5d6d82}
.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border-radius:18px;background:linear-gradient(135deg,#0c1b34,#123253);color:#fff;margin-top:22px}
.contact-cta p{margin:0;color:#bfd0e4}.contact-cta h3{margin:0 0 4px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-form-grid .full-span{grid-column:1/-1}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pricing-grid{grid-template-columns:1fr}.contact-cta{align-items:flex-start;flex-direction:column}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full-span{grid-column:auto}}
