/*
Theme Name: APOTAC Job Portal Pro
Author: APOTAC
Version: 2.0
Description: Professional placement/job portal for APOTAC.
*/
:root{--blue:#0b63ce;--navy:#071b35;--red:#e9232b;--bg:#f5f8fc;--text:#172337;--muted:#65748b;--line:#e4eaf1}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65}a{text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:99}.head{height:76px;display:flex;align-items:center;justify-content:space-between}.logo img{width:155px}.nav{display:flex;gap:28px;align-items:center;font-weight:700}.nav a{color:var(--navy)}.nav .cta{background:var(--blue);color:#fff;padding:11px 20px;border-radius:8px}
.hero{background:radial-gradient(circle at 85% 15%,#dcecff,transparent 35%),linear-gradient(135deg,#f4f8ff,#fff);padding:88px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.tag{display:inline-block;background:#e9f2ff;color:var(--blue);font-weight:800;padding:7px 13px;border-radius:30px;font-size:13px}.hero h1{font-size:clamp(40px,5.5vw,66px);line-height:1.05;color:var(--navy);margin:18px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero p{font-size:18px;color:var(--muted)}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:13px 22px;border-radius:8px;font-weight:800;border:1px solid transparent;cursor:pointer}.primary{background:var(--blue);color:#fff}.red{background:var(--red);color:#fff}.outline{background:#fff;border-color:#cfd9e5;color:var(--navy)}
.hero-box{background:#fff;border:1px solid #e7edf4;border-radius:22px;padding:32px;box-shadow:0 25px 60px #173b6415}.hero-box .big{font-size:62px;font-weight:950;color:var(--blue);line-height:1}.hero-box .big span{font-size:21px;display:block;color:var(--navy);margin-top:8px}.hero-box ul{list-style:none;padding:0}.hero-box li{padding:10px 0;border-bottom:1px solid var(--line)}.hero-box li:before{content:"✓";color:var(--red);font-weight:900;margin-right:10px}
.section{padding:76px 0}.light{background:var(--bg)}.title{text-align:center;max-width:750px;margin:0 auto 42px}.title h2{font-size:36px;line-height:1.15;color:var(--navy)}.title p{color:var(--muted)}.cards,.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.job,.panel{border:1px solid var(--line);background:#fff;border-radius:16px;padding:27px;box-shadow:0 10px 30px #12365a0a}.card .num,.job-company{color:var(--blue);font-weight:900}.card h3,.job h3{color:var(--navy)}.card p{color:var(--muted)}.job{display:flex;flex-direction:column}.job h3{margin:7px 0 16px}.meta{display:grid;gap:7px;color:var(--muted);font-size:14px;margin-bottom:20px}.job .btn{margin-top:auto;text-align:center}
.pagehead{background:var(--navy);padding:58px 0;color:#fff}.pagehead h1{font-size:44px;margin:0}.crumb{color:#b9c8d9}.detail-layout{display:grid;grid-template-columns:1fr 350px;gap:28px}.job-content h2{color:var(--navy);margin-top:30px}.sidebar{position:sticky;top:100px;height:max-content}.side-row{padding:14px 0;border-bottom:1px solid var(--line)}.side-row strong{display:block;color:var(--navy)}.side-row span{color:var(--muted)}
.apply{background:var(--bg)}.form{max-width:820px;margin:auto}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field textarea{width:100%;border:1px solid #ccd6e2;border-radius:9px;padding:13px;font:inherit}.field textarea{min-height:140px}.notice{padding:14px 17px;border-radius:9px;margin-bottom:20px}.success{background:#eaf8ef;color:#176b39}.error{background:#fff0f0;color:#a0161d}
footer{background:var(--navy);color:#b8c7d8;padding:48px 0 22px}.foot{display:flex;justify-content:space-between}.foot h3{color:#fff}.copy{border-top:1px solid #243b56;margin-top:30px;padding-top:18px;font-size:13px}
@media(max-width:850px){.hero-grid,.detail-layout,.cards,.jobs{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.sidebar{position:static}.nav{gap:12px;font-size:13px}.nav .cta{padding:9px 12px}.hero{padding:60px 0}.foot{flex-direction:column}}