:root { --primary:#D57A5C; --secondary:#2c3e50; --accent:#f8c471; --light-bg:#f9f6f2; --text-dark:#2c3e50; --text-light:#ffffff; --border-radius:12px; --box-shadow:0 10px 30px rgba(0,0,0,0.08); --transition:all 0.3s ease; }
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',sans-serif;background-color:var(--light-bg);color:var(--text-dark);line-height:1.6}
h1,h2,h3,h4{font-family:"TAN - PEARL",'Playfair Display',serif;font-weight:400}
.careers-hero{background:linear-gradient(rgba(44,62,80,.85),rgba(26,37,47,.9)),url('https://images.unsplash.com/photo-1582268611958-ebfd161ef9cf?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') no-repeat center/cover;color:var(--text-light);text-align:center;padding:120px 20px;position:relative;overflow:hidden}
.careers-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(213,122,92,.2) 0%,transparent 50%);pointer-events:none}
.careers-hero h1{font-size:4rem;margin-bottom:20px;position:relative;display:inline-block;color: #c87e5c;}
.careers-hero h1::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:2px}
.careers-hero p{font-size:1.3rem;max-width:800px;margin:0 auto 30px;opacity:.9;color: #eee9e7;}
.cta-button{display:inline-block;background:linear-gradient(135deg,var(--primary) 0%,#c46a4e 100%);color:#fff;font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:500;padding:15px 35px;border-radius:50px;text-decoration:none;box-shadow:0 8px 25px rgba(213,122,92,.4);transition:var(--transition);margin-top:20px}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(213,122,92,.5)}
section{padding:80px 20px;max-width:1200px;margin:0 auto}
.careers-hero{max-width:100%;margin:0;}
.section-header{text-align:center;margin-bottom:50px}
.section-header h2{font-size:2.8rem;color:#2c3e50;margin-bottom:15px;position:relative;display:inline-block}
.section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:70px;height:3px;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:2px}
.section-header p{font-size:1.1rem;color:#5d6d7e;max-width:700px;margin:0 auto}
.culture-perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.perk-card{background:#fff;border-radius:12px;box-shadow:var(--box-shadow);padding:30px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}
.perk-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,var(--primary),var(--accent))}
.perk-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.perk-card i{font-size:3rem;color:var(--primary);margin-bottom:20px;display:inline-block;background:rgba(213,122,92,.1);width:80px;height:80px;line-height:80px;border-radius:50%}
.perk-card h3{font-size:1.5rem;margin-bottom:15px;color:#2c3e50}
.job-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.category-card{background:#fff;border-radius:12px;box-shadow:var(--box-shadow);padding:25px;transition:var(--transition);border-left:4px solid var(--primary)}
.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,.1)}
.category-card h3{font-size:1.4rem;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:10px}
.category-card h3::before{content:'';display:inline-block;width:8px;height:8px;background:var(--primary);border-radius:50%}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.testimonial{background:#fff;border-radius:12px;box-shadow:var(--box-shadow);padding:30px;position:relative}
.testimonial::before{content:'"';position:absolute;top:20px;left:20px;font-size:4rem;color:rgba(213,122,92,.2);font-family:serif;line-height:1}
.testimonial-content{margin-bottom:20px;font-style:italic;position:relative;z-index:1}
.testimonial-author{display:flex;align-items:center;gap:15px}
.author-avatar{width:60px;height:60px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}
.author-info h4{font-size:1.1rem;margin-bottom:5px}
.author-info p{color:#7f8c8d;font-size:.9rem}
.job-filter{display:flex;justify-content:center;margin-bottom:40px;flex-wrap:wrap;gap:10px}
.filter-btn{background:#fff;border:1px solid #ddd;padding:10px 20px;border-radius:50px;cursor:pointer;transition:var(--transition);font-family:'Poppins',sans-serif}
.filter-btn.active,.filter-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.job-listings{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}
.job-card{background:#fff;border-radius:12px;box-shadow:var(--box-shadow);padding:25px;transition:var(--transition);position:relative;overflow:hidden}
.job-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--primary),var(--accent))}
.job-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.12)}
.job-card h3{font-size:1.4rem;margin-bottom:10px;color:#2c3e50}
.job-meta{display:flex;gap:15px;margin-bottom:15px;font-size:.9rem;color:#7f8c8d}
.job-meta span{display:flex;align-items:center;gap:5px}
.job-card button{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:15px;transition:var(--transition);font-family:'Poppins',sans-serif}
.job-card button:hover{background:#c46a4e}
.benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}
.benefit-item{text-align:center;padding:25px 15px;background:#fff;border-radius:12px;box-shadow:var(--box-shadow);transition:var(--transition)}
.benefit-item:hover{transform:translateY(-5px)}
.benefit-item i{font-size:2.5rem;color:var(--primary);margin-bottom:15px;display:inline-block;background:rgba(213,122,92,.1);width:70px;height:70px;line-height:70px;border-radius:50%}
.faq{max-width:800px;margin:0 auto}
.faq-item{background:#fff;border-radius:12px;box-shadow:var(--box-shadow);margin-bottom:15px;overflow:hidden}
.faq-question{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;transition:var(--transition)}
.faq-question:hover{background:rgba(213,122,92,.05)}
.faq-question::after{content:'+';font-size:1.5rem;transition:var(--transition)}
.faq-item.active .faq-question::after{transform:rotate(45deg)}
.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-item.active .faq-answer{padding:0 20px 20px;max-height:200px}
.contact-info{text-align:center;margin-top:40px}
.contact-info a{color:var(--primary);text-decoration:none;font-weight:500}
/* Ensure footer matches global footer on careers page */
.site-footer .copyright{color:var(--text-dark) !important}
@media (max-width:992px){.careers-hero h1{font-size:3.2rem}.section-header h2{font-size:2.4rem}}
@media (max-width:768px){.careers-hero{padding:80px 20px}.careers-hero h1{font-size:2.5rem}.careers-hero p{font-size:1.1rem}section{padding:60px 20px}.section-header h2{font-size:2rem}}
@media (max-width:576px){.job-listings,.culture-perks,.testimonials,.job-categories{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}}


