:root{--navy:#073b70;--blue:#0b5da7;--green:#08723e;--green2:#0b8a4c;--gold:#f6b91b;--ink:#17324d;--muted:#687b8e;--bg:#f4f7fb;--white:#fff;--danger:#c93232;--warning:#c47c00;--shadow:0 15px 45px rgba(6,42,75,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#062f5a,#06467c);color:#fff;box-shadow:0 4px 20px #0018}.nav-wrap{min-height:82px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;min-width:290px}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand b{font-size:18px}.brand small{font-size:11px;opacity:.8;margin-top:3px}.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.main-nav a{font-weight:650;font-size:14px;opacity:.92}.main-nav a:hover{color:var(--gold)}.nav-actions{display:flex;gap:9px}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 19px;font-weight:750;cursor:pointer;font:inherit}.btn-sm{padding:9px 15px;border-radius:10px;font-size:13px}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#075d34}.btn-gold{background:linear-gradient(180deg,#ffd358,#f3ad05);color:#123;box-shadow:0 6px 18px #0002}.btn-outline-light{border-color:#fff8;color:#fff}.btn-light{background:#fff;color:var(--navy)}.btn-danger{background:var(--danger);color:#fff}.btn-whatsapp{background:#20a85b;color:#fff}.hero{min-height:690px;position:relative;background:linear-gradient(90deg,rgba(4,42,79,.96) 0%,rgba(4,58,103,.86) 42%,rgba(4,58,103,.25) 72%),url('../img/gedung-kampus.jpg') center/cover no-repeat;color:#fff;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(172deg,transparent 0 45%,rgba(5,111,58,.95) 46% 100%);border-top:4px solid var(--gold)}.hero-content{position:relative;z-index:2;padding:75px 0 150px}.hero-badge{display:inline-flex;gap:8px;align-items:center;border:1px solid #fff4;background:#0a7b46cc;border-radius:999px;padding:8px 14px;font-weight:700}.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin:22px 0 12px;max-width:680px}.hero h1 span{color:var(--gold)}.hero h2{font-size:28px;margin:0 0 16px}.hero p{font-size:19px;line-height:1.65;max-width:610px;color:#edf7ff}.hero-actions{display:flex;gap:14px;margin:28px 0}.hero-info{display:flex;gap:12px;flex-wrap:wrap}.hero-info span{padding:10px 14px;background:#ffffff18;border:1px solid #ffffff28;border-radius:10px;font-size:13px}.section{padding:78px 0}.section.soft{background:var(--bg)}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.section-title .eyebrow{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:1px}.section-title h2{font-size:38px;margin:8px 0 10px;color:#123e68}.section-title p{color:var(--muted);line-height:1.65}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.program-card{background:#fff;border-radius:18px;padding:24px;border:1px solid #e3eaf1;box-shadow:0 10px 28px #11304a12;display:flex;flex-direction:column;min-height:285px;transition:.25s}.program-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.program-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;color:#fff;font-size:28px;background:var(--accent,var(--green))}.program-card h3{font-size:21px;margin:18px 0 9px}.program-card p{color:var(--muted);line-height:1.55;flex:1}.status-pill,.badge{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:750}.badge.open,.status-pill.success{background:#e1f7ea;color:#08723e}.badge.soon,.status-pill.warning{background:#fff1cf;color:#966100}.badge.closed,.status-pill.danger{background:#ffe0e0;color:#a62525}.status-pill.info{background:#dfefff;color:#15588f}.status-pill.muted{background:#edf0f3;color:#657380}.scholarship-strip{background:linear-gradient(90deg,#075e35,#0b8a4c);border-radius:22px;padding:28px;color:#fff;box-shadow:var(--shadow)}.scholarship-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.scholarship-head h2{margin:0}.scholarship-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.scholarship-card{background:#fff;color:var(--ink);border-radius:14px;padding:18px;min-height:120px}.scholarship-card h3{margin:0 0 8px;color:var(--green)}.scholarship-card p{margin:0 0 12px;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{position:relative;background:#fff;border:1px solid #e3e9ef;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0000000a}.step-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:900;margin-bottom:14px}.step h3{margin:0 0 8px}.step p{color:var(--muted);line-height:1.5;margin:0}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature{padding:20px;text-align:center}.feature-icon{font-size:36px}.feature h3{color:var(--navy)}.feature p{color:var(--muted);line-height:1.5}.cta{padding:55px 0;background:linear-gradient(90deg,#062f5a,#08723e);color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:34px;margin:0 0 8px}.site-footer{background:#052947;color:#d9e9f5;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:70px}.footer-brand span,.footer-brand div{display:flex;flex-direction:column}.footer-brand small{margin-top:4px;color:#a8c4d8}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a:hover{color:var(--gold)}.copyright{text-align:center;border-top:1px solid #ffffff18;margin-top:35px;padding:20px;color:#9db6c8}.auth-page{min-height:calc(100vh - 82px);display:grid;place-items:center;background:linear-gradient(120deg,#edf5fb,#f5fbf7);padding:40px 16px}.auth-card{width:min(540px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 8px;color:var(--navy)}.auth-card>p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:14px}.input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=url],input[type=datetime-local],input[type=file]{width:100%;border:1px solid #cfd9e3;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:105px;resize:vertical}.input:focus,select:focus,textarea:focus,input:focus{outline:3px solid #0b6cb31c;border-color:#0b6cb3}.help{font-size:12px;color:var(--muted)}.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px}.alert.success{background:#e2f6e9;color:#0c6338}.alert.danger{background:#ffe2e2;color:#9a2929}.alert.warning{background:#fff1d2;color:#875b00}.dashboard-body{background:var(--bg);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,#063b70,#052d50);color:#fff;z-index:60;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:22px 18px;border-bottom:1px solid #ffffff18}.sidebar-brand img{width:52px;height:52px;object-fit:contain}.sidebar-brand span{display:flex;flex-direction:column;font-weight:800}.sidebar-brand small{font-size:11px;font-weight:400;color:#bdd2e2;margin-top:4px}.sidebar nav{padding:15px 10px;display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:12px 14px;border-radius:9px;color:#e6f0f7;font-size:14px}.sidebar nav a:hover{background:#ffffff16;color:#fff}.candidate-sidebar{background:linear-gradient(180deg,#075e39,#06452d)}.dashboard-main{margin-left:260px;min-height:100vh}.dash-top{height:70px;background:#fff;border-bottom:1px solid #e3e8ed;display:flex;align-items:center;justify-content:flex-end;padding:0 26px;position:sticky;top:0;z-index:30}.dash-top>div{display:flex;flex-direction:column;text-align:right}.dash-top small{color:var(--muted);font-size:12px}.sidebar-toggle{display:none;margin-right:auto;border:0;background:#edf2f6;border-radius:8px;padding:8px 12px}.dash-content{padding:28px;max-width:1500px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title h1{margin:0;color:var(--navy)}.page-title p{margin:6px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;padding:22px;border:1px solid #e4e9ef;box-shadow:0 7px 22px #0000000b}.stat-card b{font-size:30px;color:var(--navy)}.stat-card span{display:block;color:var(--muted);margin-top:6px}.panel{background:#fff;border:1px solid #e1e7ed;border-radius:16px;padding:22px;margin-bottom:22px;box-shadow:0 6px 20px #00000008}.panel h2,.panel h3{margin-top:0;color:var(--navy)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 10px;border-bottom:1px solid #e8edf2;text-align:left;vertical-align:top;font-size:14px}.table th{background:#f5f8fb;color:#4c6376}.actions{display:flex;gap:7px;flex-wrap:wrap}.progress-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:20px 0}.progress-step{text-align:center;font-size:11px;color:#7b8c9a;position:relative}.progress-step:before{content:"";display:block;width:28px;height:28px;border-radius:50%;background:#dfe5eb;margin:0 auto 7px;border:5px solid #eef2f6}.progress-step.done:before{background:var(--green);border-color:#dff1e7}.progress-step.active:before{background:var(--gold);border-color:#fff0c4}.document-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.document-card{border:1px solid #dce4eb;border-radius:13px;padding:17px}.document-card h3{margin:0 0 8px}.chat-widget{position:fixed;right:20px;bottom:20px;z-index:100}.chat-launch{border:0;border-radius:999px;background:linear-gradient(135deg,#0b7b48,#075d9c);color:#fff;padding:14px 20px;box-shadow:0 12px 35px #002c;display:flex;align-items:center;gap:9px;cursor:pointer;font:inherit}.chat-launch span{font-size:22px}.chat-panel{display:none;position:absolute;right:0;bottom:62px;width:min(380px,calc(100vw - 30px));height:560px;max-height:calc(100vh - 100px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #0018;border:1px solid #dfe7ee}.chat-panel.open{display:flex;flex-direction:column}.chat-panel header{background:linear-gradient(90deg,#063b70,#08723e);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between}.chat-panel header>div{display:flex;flex-direction:column}.chat-panel header small{opacity:.8;margin-top:3px}.chat-panel header button{background:none;color:#fff;border:0;font-size:28px;cursor:pointer}.chat-messages{padding:16px;overflow:auto;flex:1;background:#f5f8fb;display:flex;flex-direction:column;gap:10px}.message{padding:11px 13px;border-radius:14px;max-width:88%;font-size:14px;line-height:1.5;white-space:pre-wrap}.message.bot{background:#fff;border:1px solid #dfe7ee;align-self:flex-start}.message.user{background:#0b6f44;color:#fff;align-self:flex-end}.quick-questions{padding:8px 12px;display:flex;gap:6px;overflow:auto;border-top:1px solid #e5eaf0}.quick-questions button{white-space:nowrap;border:1px solid #cfdbe5;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}.chat-panel form{display:flex;padding:10px;border-top:1px solid #e3e8ed;gap:7px}.chat-panel form input{flex:1;border:1px solid #ccd8e2;border-radius:10px;padding:10px}.chat-panel form button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:0 13px;font-weight:700}.chat-wa{text-align:center;padding:9px;background:#effaf3;color:#08723e;font-size:12px;font-weight:750}.install-page{min-height:100vh;background:linear-gradient(135deg,#e7f1f9,#edf8f1);padding:40px 15px}.install-card{max-width:760px;margin:auto;background:#fff;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.install-logo{display:flex;align-items:center;gap:15px}.install-logo img{width:80px}.install-logo h1{margin:0;color:var(--navy)}.note{padding:12px;background:#fff5d9;border-left:4px solid var(--gold);border-radius:6px;color:#6e5200}.empty{text-align:center;color:var(--muted);padding:30px}.code{font-family:Consolas,monospace;background:#edf2f6;padding:2px 6px;border-radius:5px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{width:auto;min-width:180px}.inline-form{display:inline}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.login-links{display:flex;justify-content:space-between;margin-top:14px;font-size:13px}.muted{color:var(--muted)}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#063b70;padding:20px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.nav-toggle{display:block;margin-left:auto}.nav-actions{display:none}.program-grid,.steps,.features{grid-template-columns:repeat(2,1fr)}.scholarship-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.dashboard-main{margin-left:0}.sidebar-toggle{display:block}.progress-steps{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){.brand{min-width:0}.brand small{display:none}.brand b{font-size:14px}.brand img{width:46px;height:46px}.nav-wrap{min-height:70px}.hero{min-height:650px}.hero-content{padding-top:55px}.hero h2{font-size:21px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:55px 0}.section-title h2{font-size:30px}.program-grid,.steps,.features,.scholarship-grid,.footer-grid,.stats,.document-list,.form-grid{grid-template-columns:1fr}.scholarship-head,.cta-inner,.page-title{align-items:flex-start;flex-direction:column}.dashboard-main{margin-left:0}.dash-content{padding:18px}.progress-steps{grid-template-columns:repeat(2,1fr)}.chat-widget{right:12px;bottom:12px}.chat-launch b{display:none}.chat-launch{padding:13px}.auth-card{padding:24px}}