:root{
--blue:#1261d1;
--blue-dark:#0d4ea6;
--blue-light:#2a7fff;
--bg:#f8fbff;
--text:#0f172a;
--muted:#475569;
--line:#e2e8f0;
--card:#ffffff;
--soft:#f8fafc;
--success:#059669;
--success-bg:#ecfdf5;
--shadow:0 20px 50px rgba(15,23,42,.10);
--shadow-soft:0 10px 30px rgba(15,23,42,.07);
--radius:24px;
--radius-lg:32px;
--max:1240px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
.container{max-width: 1440px;margin:0 auto; padding-left: 20px; padding-right: 20px}
.btn{display:inline-flex;align-items:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;justify-content:center;padding:14px 22px;border-radius:16px;font-weight:700;font-size:14px;transition:.2s ease;border:1px solid transparent;cursor:pointer}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 16px 30px rgba(18,97,209,.22)}
.btn-primary:hover{background:#0f57bc}
.btn-secondary{background:#fff;border-color:#cbd5e1;color:#334155}
.btn-secondary:hover{background:#f8fafc}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #bfdbfe;background:#fff;color:var(--blue);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;box-shadow:var(--shadow-soft)}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8)}
.nav{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;}
.brand{display:flex;align-items:center;gap:12px; flex: auto;}
.navbar {display: flex; align-items: center; gap:1rem; flex: auto; justify-content: end; }
.brand-mark{width:40px;height:40px;border-radius:18px;background:linear-gradient(135deg,var(--blue-dark),var(--blue-light));box-shadow:0 10px 25px rgba(42,127,255,.30)}
.brand-text{font-size:30px;font-weight:800;letter-spacing:-.03em}
.brand-text span:last-child{color:var(--blue)}
.nav-links{display:flex;gap:32px;color:#475569;font-size:14px;font-weight:600; flex: auto;}
.nav-actions{display:flex; align-items: center; gap:12px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top left, rgba(63,133,255,.20), transparent 32%),radial-gradient(circle at bottom right, rgba(15,92,194,.18), transparent 30%),linear-gradient(180deg,#f8fbff 0%, #fff 62%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right, rgba(15,23,42,.035) 1px, transparent 1px),linear-gradient(to bottom, rgba(15,23,42,.035) 1px, transparent 1px);background-size:48px 48px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;padding-top:58px; padding-bottom: 88px}
.hero h1{margin:22px 0 0;font-size:66px;line-height:1.01;letter-spacing:-.05em;max-width:760px}
.hero p{margin:24px 0 0;font-size:20px;line-height:1.8;color:#475569;max-width:700px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:920px;margin-top:34px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow-soft)}
.stat-card strong{display:block;font-size:36px;letter-spacing:-.04em}
.stat-card span{display:block;margin-top:4px;font-size:14px;line-height:1.6;color:#64748b}
.subproof{margin-top:18px;font-size:15px;color:#334155;font-weight:600}
.logo-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px;color:#94a3b8;font-size:15px;font-weight:700}
.hero-panel-wrap{position:relative}
.hero-panel-glow{position:absolute;inset:-16px;border-radius:40px;background:linear-gradient(135deg, rgba(191,219,254,.9), rgba(255,255,255,0), rgba(241,245,249,.9));filter:blur(24px)}
.hero-panel{position:relative;background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.panel-head small{display:block;color:#64748b;font-size:13px;font-weight:800}
.panel-head h3{margin:4px 0 0;font-size:24px;letter-spacing:-.03em}
.live{background:var(--success-bg);color:var(--success);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.panel-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;padding:20px}
.card{border:1px solid var(--line);background:#fff;border-radius:28px;padding:18px}
.card.soft{background:var(--soft)}
.card-title{font-size:14px;font-weight:800;color:#1e293b}
.dropzone{margin-top:16px;border:2px dashed #bfdbfe;background:#fff;border-radius:28px;padding:34px 20px;text-align:center}
.ai-badge{width:58px;height:58px;border-radius:20px;margin:0 auto;background:linear-gradient(135deg,var(--blue-dark),var(--blue-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px;box-shadow:0 16px 30px rgba(42,127,255,.28)}
.dropzone h4{margin:16px 0 0;font-size:15px}
.dropzone p{margin:6px 0 0;font-size:12px;line-height:1.7;color:#64748b}
.stack{display:grid;gap:12px;margin-top:16px}
.mini{border:1px solid var(--line);background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow-soft)}
.mini label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{background:#dbeafe;color:var(--blue-dark);padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mini strong{display:block;margin-top:8px;font-size:22px;letter-spacing:-.03em}
.results-top{display:flex;align-items:center;justify-content:space-between}
.results-top span{font-size:12px;color:#64748b;font-weight:600}
.top-banner{margin-top:14px;background:#eff6ff;border:1px solid #bfdbfe;color:#0d4ea6;padding:12px 14px;border-radius:16px;font-size:12px;font-weight:800}
.job-list{display:grid;gap:14px;margin-top:16px}
.job{border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow-soft);transition:.18s ease;background:#fff}
.job:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.10)}
.job-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.job h4{margin:0;font-size:18px;letter-spacing:-.02em}
.job .meta{margin-top:6px;color:#64748b;font-size:14px}
.match{white-space:nowrap;background:#eff6ff;color:var(--blue);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.info-box{border-radius:18px;padding:14px}
.info-box.contact{background:#f8fafc}
.info-box.status{background:#eff6ff}
.info-box label{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.info-box.status label{color:var(--blue-dark)}
.info-box strong{display:block;margin-top:6px;font-size:14px}
.info-box .accent{color:var(--blue);margin-top:2px;font-size:14px}
.info-box p{margin:4px 0 0;font-size:14px;color:#64748b;line-height:1.55}
.job-actions{display:flex;gap:10px;margin-top:16px}
.btn-sm{padding:11px 14px;border-radius:12px;font-size:12px;font-weight:800}
.btn-blue{background:var(--blue);color:#fff}
.btn-outline{border:1px solid #cbd5e1;color:#334155;background:#fff}
section{padding:92px 0}
.section-title{text-align:center;max-width:900px;margin:0 auto}
.section-title h2{margin:0;font-size:52px;letter-spacing:-.04em}
.section-title p{margin:18px auto 0;font-size:20px;line-height:1.8;color:#64748b;max-width:820px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}
.compare-card{border-radius:30px;padding:28px}
.compare-card.left{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.compare-card.right{background:linear-gradient(135deg,var(--blue-dark),var(--blue-light));color:#fff;box-shadow:0 22px 50px rgba(18,97,209,.22)}
.compare-card h3{margin:0;font-size:30px;letter-spacing:-.03em}
.compare-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.compare-card li{padding:14px 16px;border-radius:18px;font-size:15px;line-height:1.7}
.compare-card.left li{background:#f8fafc;color:#475569}
.compare-card.right li{background:rgba(255,255,255,.10);color:#eef6ff}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px}
.feature{background:#fff;border:1px solid var(--line);border-radius:30px;padding:26px;box-shadow:var(--shadow-soft)}
.feature-icon{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#f1f5f9)}
.feature h3{margin:18px 0 0;font-size:24px;letter-spacing:-.03em}
.feature p{margin:12px 0 0;font-size:14px;line-height:1.8;color:#64748b}
.dark{background:#020617;color:#fff}
.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.dark .pill{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#bfdbfe;box-shadow:none}
.dark h2{margin:22px 0 0;font-size:52px;letter-spacing:-.04em}
.steps{display:grid;gap:14px;margin-top:30px}
.step{display:flex;gap:16px;align-items:flex-start;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);border-radius:28px;padding:20px}
.step-num{width:42px;height:42px;border-radius:16px;background:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:800}
.step p{margin:4px 0 0;color:#cbd5e1;font-size:18px;line-height:1.7}
.dark-card-wrap{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);border-radius:34px;padding:18px}
.dark-card{background:#fff;border-radius:28px;padding:20px;color:var(--text);box-shadow:var(--shadow)}
.feed-head{display:flex;justify-content:space-between;align-items:center}
.feed-head small{display:block;color:#64748b;font-size:13px;font-weight:800}
.feed-head h3{margin:4px 0 0;font-size:28px}
.feed-head .tag{background:#f1f5f9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;color:#475569}
.feed-list{display:grid;gap:12px;margin-top:18px}
.feed-item{border:1px solid var(--line);border-radius:20px;padding:16px}
.feed-row{display:flex;justify-content:space-between;gap:14px;align-items:center}
.feed-item strong{font-size:17px}
.feed-item p{margin:6px 0 0;color:#64748b;font-size:14px}
.feed-badge{background:#eff6ff;color:var(--blue);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.platform-grid{display:grid;grid-template-columns:1fr .9fr;gap:22px}
.blue-panel{padding:42px;background:linear-gradient(135deg,var(--blue-dark),var(--blue-light));color:#fff;border-radius:34px;box-shadow:0 22px 50px rgba(18,97,209,.20)}
.blue-panel small{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#dbeafe}
.blue-panel h2{margin:18px 0 0;font-size:46px;letter-spacing:-.04em;max-width:760px}
.blue-panel p{margin:18px 0 0;max-width:680px;color:#eff6ff;font-size:18px;line-height:1.8}
.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.tag-row span{border:1px solid rgba(255,255,255,.20);background:rgba(255,255,255,.10);padding:10px 14px;border-radius:999px;font-size:14px}
.why{border:1px solid var(--line);background:#fff;border-radius:34px;padding:32px;box-shadow:var(--shadow-soft)}
.why small{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.why-list{display:grid;gap:16px;margin-top:24px}
.why-item{display:flex;gap:12px;background:#f8fafc;border-radius:18px;padding:14px 16px}
.dot{width:10px;height:10px;border-radius:999px;background:var(--blue);margin-top:8px;flex:0 0 auto}
.why-item p{margin:0;font-size:15px;line-height:1.8;color:#475569}
.pricing-wrap{background:#f8fafc}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.price-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:32px;box-shadow:var(--shadow-soft)}
.price-card.featured{border-color:#bfdbfe;box-shadow:0 0 0 2px rgba(219,234,254,.95), var(--shadow-soft)}
.price-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.price-top h3{margin:0;font-size:24px;letter-spacing:-.03em}
.price-tag{background:#eff6ff;color:var(--blue);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}
.price{font-size:52px;letter-spacing:-.05em;margin-top:20px;font-weight:800}
.price-desc{margin-top:12px;color:#64748b;font-size:15px;line-height:1.8}
.price-list{display:grid;gap:10px;margin-top:22px}
.price-list div{background:#f8fafc;border-radius:18px;padding:13px 14px;font-size:14px;color:#475569}
.price-card .btn{width:100%;margin-top:24px}
footer{border-top:1px solid var(--line);background:#fff}
.footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 0}
.footer small{display:block;color:#64748b;margin-top:6px;font-size:14px}
.footer-links{display:flex;gap:24px;color:#64748b;font-size:14px;font-weight:600}


/* Signup Form */
.form {max-width: 500px; margin: 2rem auto; padding: 1rem}
.form-group { margin-bottom:1.25rem; }
.form-label {
display: block;
font-size: 14px;
font-weight: 500;
margin-bottom: 0.25rem;
}
.form-input,
.form-select {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 16px;
border-radius: 16px;
font-size: 14px;
transition: .2s ease;
border: 1px solid #cbd5e1;
cursor: pointer;
background: #fff;
color: #334155;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Shared Wrapper */
.login-outer-wrap,
.signup-outer-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-height: 100vh;
padding-top: 40px;
background:
radial-gradient(circle at top left, #3f85ff4a, #3f85ff00 32%),
radial-gradient(circle at bottom right, rgb(15 92 194 / 0%), #3f85ff03 30%),
linear-gradient(180deg, #f8fbff 0%, #fff 62%);
}

.login-outer-wrap {
padding-bottom: 40px;
}

/* Shared Container */
.login-container,
.signup-container {
width: 100%;
background: #fff;
border-radius: 18px;
box-shadow: 0 6px 40px rgba(2, 29, 125, 0.09);
margin-top: 18px;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: stretch;
z-index: 10;
}

.login-container {
max-width: 440px;
}

.signup-container {
max-width: 480px;
}

/* Banner */
.banner {
padding: 24px 32px 10px;
text-align: center;
}

.banner h1 {
font-size: 2rem;
color: #1d285f;
font-weight: 700;
margin-top: 0;
margin-bottom: 8px;
}

.banner p {
color: #657180;
font-size: 1rem;
margin-bottom: 0;
}

/* Common Text Reset */
.login-outer-wrap p,
.signup-outer-wrap p {
margin: 0;
}

/* Tabs */
.tabs {
display: flex;
background: #f6f8fb;
}

.tab-btn {
flex: 1;
padding: 14px;
border: none;
background: transparent;
cursor: pointer;
font-size: 1.04rem;
font-weight: 600;
color: #7581a1;
outline: none;
transition: all 0.18s;
border-bottom: 2px solid transparent;
font-family: Inter, ui-sans-serif, system-ui, -apple-system,
Segoe UI, Roboto, Arial, sans-serif;
}

.tab-btn.active {
background: #fff;
color: var(--blue);
border-bottom: 2px solid var(--blue);
}

/* Form Container */
.form-container {
padding: 30px;
}

/* Tab Content */
.tab-content {
display: none;
animation: fadeIn 0.45s;
}

.tab-content.active {
display: block;
}

@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(18px);
}

to {
opacity: 1;
transform: translateY(0);
}
}

/* Form Group */
.form-group {
margin-bottom: 19px;
display: flex;
flex-direction: column;
}

.signup-container .form-group {
position: relative;
}

/* Labels */
label {
display: block;
margin-bottom: 7px;
font-weight: 600;
color: #1c2945;
font-size: 1rem;
}

/* Inputs */
input,
.mobile-row select {
width: 100%;
padding: 13px;
border: 1px solid #cbd5e1;
border-radius: 1rem;
font-size: 1rem;
background: #f9fbff;
color: #334155;
transition: border-color 0.15s, box-shadow 0.15s;
font-family: Inter, ui-sans-serif, system-ui, -apple-system,
Segoe UI, Roboto, Arial, sans-serif;
box-sizing: border-box;
}

input:focus,
.mobile-row select:focus {
outline: none;
border-color: var(--blue);
background: #f2f7fe;
box-shadow: 0 1px 4px rgba(0, 113, 246, 0.08);
}

/* Buttons */
.submit-btn {
width: 100%;
padding: 14px;
background: linear-gradient(85deg, var(--blue) 0%, #18a7e6 100%);
border: none;
border-radius: 7px;
color: #fff;
font-size: 17px;
font-weight: 700;
cursor: pointer;
margin-top: 7px;
transition: background 0.22s;
font-family: Inter, ui-sans-serif, system-ui, -apple-system,
Segoe UI, Roboto, Arial, sans-serif;
}

.submit-btn:hover,
.submit-btn:active {
background: linear-gradient(85deg, #0365c8 0%, #16c7fa 100%);
}

.submit-btn:disabled {
opacity: 0.7;
cursor: not-allowed;
}

/* Messages */
.message {
margin-top: 15px;
text-align: center;
font-size: 15px;
min-height: 18px;
}

.success {
color: #228c21;
font-weight: 600;
}

.error {
color: #d22413;
font-weight: 600;
}

/* Footer / Promo */
.footer-links,
.promo {
text-align: center;
margin-top: 18px;
font-size: 1rem;
color: #515f7a;
line-height: 1.7;
}

.footer-links a,
.help-link {
color: var(--blue);
text-decoration: none;
font-weight: 600;
}

.footer-links a:hover,
.help-link:hover {
text-decoration: underline;
}

.help-link {
font-size: 13.9px;
margin-top: -5px;
display: block;
}

/* Password Strength */
.password-strength {
font-size: 12.5px;
color: #6678a6;
margin-top: 3px;
min-height: 16px;
}

/* Mobile Row */
.mobile-row {
display: flex;
gap: 6px;
}

.mobile-row select {
width: 110px;
flex-shrink: 0;
}

.mobile-row input {
flex: 1;
}

/* Responsive */
@media (max-width: 600px) {

.login-container,
.signup-container {
margin-top: 0;
max-width: 98vw;
border-radius: 9px;
}

.form-container {
padding: 14px 8px 24px;
}

.banner {
padding: 15px 8px 6px;
}
}


/* resume-upload */

.resume-upload .form-label {
font-size: 1.75rem;
display: block;
margin-bottom: 1rem;
text-align: center;
width: 100%;
}

.resume-upload {
align-self: center;
}

.resume-drop-area {
border: 2px dashed #c5c5c5;
border-radius: 3rem;
padding: 35px 20px;
text-align: center;
background: #FFF;
cursor: pointer;
transition: border-color 0.2s;
max-width: 560px;
margin: 0 auto;
width: 100%;
box-sizing: border-box;
aspect-ratio: 7/3;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}

.resume-drop-text span {
color:#4277ff;text-decoration:underline;cursor:pointer;
}
.text-formats {
margin-top: 1rem;
font-size: 1rem;
color: #888;
margin-bottom: 0;
}
.resume-file-info {
margin-top:0.7rem;font-size:0.97rem;color:#333;
}
.resume-upload-error {
color: #b94a48;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  margin: 1em 0;
  padding: 0.7em 1em;
  border-radius: 5px;
  text-align: center;
  display: none;
}

.parse-resume-resume {
text-align: center; width: 100%; margin-top: 1.3rem;
}
/*.parse-resume-btn {
padding: 0.6em 2.2em;
    background: #4277ff;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1.09rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(66,119,255,0.09);
    transition: background 0.2s;
    display: inline-block;
}*/

@media (max-width: 600px) {
.resume-drop-area {
max-width: 100%;
}
}

.page-intro {
padding: 20px 0;
}

.page-intro h1 {
max-width: 100%;
margin-top: 0;
margin-bottom: 8px;
font-size: 40px;
}

.breadcrumb {
display: flex;
gap: 0.5rem;
list-style: none;
margin: 0;
padding: 0;
color: #475569;
font-weight: 500;
}

.breadcrumb li a {
color: var(--blue);
}

.breadcrumb li + li:before {
content: "";
border-top: 2px solid;
border-right: 2px solid;
width: 6px;
height: 6px;
display: inline-block;
transform: rotate(45deg);
margin-right: 0.75rem;
}

.resume-upload-hero {
background: none;
padding: 0;
}

.resume-upload-hero h1 {
font-size: 50px;
}

.resume-upload-stats {
margin-top: 0;
margin-bottom: 3rem;
max-width: 100%;
}

.parse-resume-btn {
margin: auto;
margin-top: 20px;
display: block;
}





/* JOBS */

.jobs-page {
padding: 48px 0;
}

.jobs-layout {
display: grid;
grid-template-columns: 330px 1fr;
gap: 34px;
align-items: start;
}

.jobs-filters {
position: sticky;
top: 95px;
}

.filter-card,
.job-card,
.results-topbar {
background: #fff;
border: 1px solid rgba(20, 40, 90, .08);
border-radius: 24px;
box-shadow: 0 20px 50px rgba(20, 40, 90, .08);
}

.filter-card {
padding: 28px;
overflow-y: auto;
max-height: calc(100vh - 7rem);
}

.filter-header {
margin-bottom: 24px;
}

.filter-header h2,
.results-topbar h2 {
margin: 0;
color: #10203f;
}

.filter-header span,
.results-topbar p {
color: #6d7890;
font-size: 14px;
margin: 4px 0 0;
}

.filter-card label {
display: block;
margin: 18px 0 8px;
font-weight: 700;
color: #10203f;
font-size: 14px;
}

.filter-card input,
.filter-card select {
width: 100%;
border: 1px solid rgba(20, 40, 90, .14);
border-radius: 14px;
padding: 13px 14px;
font-size: 15px;
outline: none;
background: #f9fbff;
}

.filter-card select[multiple] {
min-height: 130px;
}

.experience-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}

.filter-btn,
.clear-btn {
width: 100%;
margin-top: 20px;
justify-content: center;
}

.clear-btn {
margin-top: 10px;
}

.results-topbar {
padding: 24px 28px;
margin-bottom: 24px;
display: flex;
justify-content: space-between;
gap: 20px;
align-items: center;
}

.results-topbar strong {
color: #2457ff;
white-space: nowrap;
}

.job-card {
padding: 30px;
margin-bottom: 24px;
position: relative;
overflow: hidden;
}

.job-card.featured::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 5px;
background: linear-gradient(90deg, #2457ff, #30d5c8);
}

.job-card-top {
display: flex;
justify-content: space-between;
gap: 20px;
}

.job-key {
color: #2457ff;
font-weight: 800;
font-size: 12px;
letter-spacing: .08em;
}

.job-card h3 {
margin: 8px 0 0;
font-size: 28px;
color: #10203f;
}

.job-badge {
background: rgba(48, 213, 200, .14);
color: #008c80;
border-radius: 999px;
padding: 8px 14px;
font-size: 13px;
font-weight: 800;
height: fit-content;
}

.job-meta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 22px 0;
}

.job-meta span {
background: #f1f5ff;
color: #33456b;
padding: 9px 13px;
border-radius: 999px;
font-weight: 700;
font-size: 13px;
}

.job-desc {
height: 145px;
overflow-y: auto;
padding: 18px;
border-radius: 18px;
background: #f8fbff;
color: #4e5d78;
line-height: 1.7;
border: 1px solid rgba(20, 40, 90, .08);
}

.job-details-grid {
margin-top: 24px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.job-details-grid div {
background: #ffffff;
border: 1px solid rgba(20, 40, 90, .08);
border-radius: 16px;
padding: 15px;
}

.job-details-grid small {
display: block;
color: #7b879d;
margin-bottom: 5px;
font-weight: 700;
}

.job-details-grid strong {
color: #10203f;
font-size: 14px;
word-break: break-word;
}

.job-actions {
margin-top: 26px;
display: flex;
gap: 12px;
}

@media (max-width: 900px) {
.jobs-layout {
grid-template-columns: 1fr;
}

.jobs-filters {
position: static;
}

.job-details-grid {
grid-template-columns: 1fr;
}

.results-topbar,
.job-card-top {
flex-direction: column;
align-items: flex-start;
}
}




.jobs-loading {
text-align: center;
margin: 40px 0;
font-size: 1.2em;
color: #888;
}
.no-jobs-message {
text-align: center;
padding: 40px 0 60px 0;
color: #a33;
font-size: 1.25em;
}
.job-desc-short {
max-height: 5em;
overflow: hidden;
position: relative;
}
.job-details-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1em 2em;
}
#load-more-jobs-btn {
display: none;
width: 300px;
margin: 20px auto 40px auto;
font-size: 1.1em;
}
.jobs-bottom-bar {
text-align: center;
margin-bottom: 50px;
}


.jobs-loading {
text-align: center;
margin: 40px 0;
font-size: 1.2em;
color: #888;
}
.no-jobs-message {
text-align: center;
padding: 40px 0 60px 0;
color: #a33;
font-size: 1.25em;
}
.job-desc-short {
max-height: 10em;
overflow: hidden;
position: relative;
}
.job-desc-short p {
margin-top: 0;
}
.job-details-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1em 2em;
}
#load-more-jobs-btn {
display: none;
width: 300px;
margin: 20px auto 40px auto;
font-size: 1.1em;
}
.jobs-bottom-bar {
text-align: center;
margin-bottom: 50px;
}


.validate-resume-message {
margin-bottom: 20px;
padding: 12px 16px;
border-radius: 6px;
font-weight: 600;
}
.validate-resume-message.error {
color: #a00;
background: #fdeaea;
border: 1px solid #f5c2c2;
}
.validate-resume-message.success {
color: #0a5c2e;
background: #e8f8ee;
border: 1px solid #b8e6c8;
}



.togglebar {
width: 2rem;
padding: 0;
border: none;
display: none;
background: no-repeat;
}

.togglebar span {
display: block;
height: 2px;
background-color: #000;
margin: 6px 0;
}

.welcome-candidate {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.account-menu .dropdown-toggle:after {
    content: "";
    border-bottom: 2px solid;
    border-right: 2px solid;
    width: 6px;
    height: 6px;
    display: inline-block;
    transform: rotate(45deg);
    margin-left: 0.5rem;
}

.account-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.account-menu > ul {
    display: flex;
    gap: 1rem;
}

.account-menu ul li {
    position: relative;
}
.account-menu ul li .dropdown-menu{
        border-radius: 0.5rem;
    }
@media (max-width: 760px){
    .account-menu > ul {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }
    .account-menu ul li a {
        width: 100%;
        justify-content: space-between;
        padding: 14px 12px;
    }
    
}
.account-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 100%;
    min-width: 10rem;
    padding: .5rem 0 !important;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: .25rem;
}

.account-menu ul li:hover .dropdown-menu {
    display: block;
}

.account-menu .dropdown-menu a {
    padding: 0.25rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.account-menu .main-menu,
.account-menu .dropdown-menu,
.account-menu .submenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.account-menu .dropdown {
    position: relative;
}

.account-menu .dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 220px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 999;
}

.account-menu .dropdown:hover > .dropdown-menu {
    display: block;
}

.account-menu .dropdown-menu li {
    position: relative;
}

.account-menu .dropdown-menu li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

.account-menu .dropdown-submenu .submenu {
    display: none; 
    position: absolute;
    top: 0;
    right: 100%;
    background: #fff;
    min-width: 220px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 8px 0px;
    border-radius: 7px;
}

.account-menu .dropdown-submenu:hover > .submenu {
    display: block;
}

.submenu-caret {
    float: right;
}
@media (max-width: 1100px){
.hero-grid,.dark-grid,.platform-grid,.panel-grid,.feature-grid,.pricing-grid,.compare-grid,.stats{grid-template-columns:1fr}
.hero h1,.section-title h2,.dark h2,.blue-panel h2{font-size:46px}
}
@media (max-width: 760px){
    .togglebar { display:block; }
.container{width:100%;}

.navbar{display:none; position: absolute; top: 100%; left: 0; right: 0; padding: 20px; background-color: #FFF;box-shadow: var(--shadow-soft);}
.navbar.active{display:grid;justify-content: normal;}
.account-menu .dropdown-menu {position: relative;}
.account-menu .dropdown-submenu .submenu {position: relative; left: 15px;z-index: 10;background: #fff;box-shadow: none;}
.nav-links{display:grid;}
.nav-actions {margin-top: 2rem}
.brand-text{font-size:24px}
.nav-actions .btn{padding:11px 14px}
.hero-grid{padding-top:34px; padding-bottom:56px;gap:28px}
.hero h1,.section-title h2,.dark h2,.blue-panel h2{font-size:38px}
.hero p,.section-title p,.blue-panel p{font-size:17px}
.mini-grid,.job-grid{grid-template-columns:1fr}
.panel-head h3{font-size:20px}
section{padding:68px 0}
.footer{flex-direction:column;align-items:flex-start}
.footer-links{flex-wrap:wrap}
}