:root{--ppdb-green:#07552f;--ppdb-deep:#043e24;--ppdb-yellow:#f3ca36;--ppdb-soft:#f2f8f4;--ppdb-line:#dbe7df;--ppdb-text:#173126;--ppdb-muted:#63746a}*{box-sizing:border-box}body{margin:0}.ppdb-page{min-height:100vh;color:var(--ppdb-text);background:#f7faf8;font-family:Arial,Helvetica,sans-serif}.ppdb-container{width:min(1140px,100% - 32px);margin:0 auto}.ppdb-header{z-index:50;border-bottom:1px solid var(--ppdb-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;position:sticky;top:0}.ppdb-navbar{justify-content:space-between;align-items:center;gap:18px;min-height:78px;display:flex}.ppdb-brand{color:var(--ppdb-text);align-items:center;gap:11px;text-decoration:none;display:flex}.ppdb-brand img{object-fit:cover;border-radius:50%;width:55px;height:55px;box-shadow:0 0 0 3px #e5f1e8}.ppdb-brand span{gap:2px;display:grid}.ppdb-brand strong{color:var(--ppdb-green);font-size:19px}.ppdb-brand b{letter-spacing:.7px;font-size:11px}.ppdb-brand small{color:var(--ppdb-muted);font-size:9px}.ppdb-back{color:var(--ppdb-green);border:1px solid #bcd4c4;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none}.ppdb-page-nav{align-items:center;gap:8px;display:flex}.ppdb-page-nav>a:not(.ppdb-back){color:var(--ppdb-muted);border-radius:8px;padding:10px 11px;font-size:12px;font-weight:800;text-decoration:none}.ppdb-page-nav>a.active,.ppdb-page-nav>a:not(.ppdb-back):hover{color:var(--ppdb-green);background:#edf7f1}.ppdb-hero-page{color:#fff;background:linear-gradient(115deg, var(--ppdb-deep), #087640);overflow:hidden}.ppdb-hero-layout{grid-template-columns:1fr 340px;align-items:center;gap:75px;min-height:405px;padding:65px 0;display:grid}.ppdb-label,.ppdb-info-card>span,.ppdb-form-heading>span{color:var(--ppdb-yellow);letter-spacing:1.5px;font-size:11px;font-weight:900}.ppdb-hero-page h1{letter-spacing:-2.4px;max-width:680px;margin:11px 0 17px;font-size:clamp(42px,6vw,68px);line-height:.98}.ppdb-hero-page p{color:#d9ece1;max-width:650px;margin:0;line-height:1.7}.ppdb-hero-points{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.ppdb-hero-points span{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:99px;padding:8px 11px;font-size:11px;font-weight:700}.ppdb-hero-layout>aside{background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;padding:27px;box-shadow:0 20px 50px #00000029}.ppdb-hero-layout aside small{color:var(--ppdb-yellow);letter-spacing:1px;font-weight:900}.ppdb-hero-layout aside h2{margin:8px 0;font-size:25px}.ppdb-hero-layout aside p{font-size:13px}.ppdb-hero-layout aside a{color:var(--ppdb-deep);background:var(--ppdb-yellow);border-radius:8px;margin-top:18px;padding:11px 13px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}.ppdb-main{padding:55px 0 80px}.ppdb-main-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:28px;display:grid}.ppdb-info-card{color:#fff;background:var(--ppdb-deep);border-radius:17px;padding:26px;position:sticky;top:102px}.ppdb-info-card ol{gap:18px;margin:20px 0 0;padding:0;list-style:none;display:grid}.ppdb-info-card li{grid-template-columns:34px 1fr;gap:10px;display:grid}.ppdb-info-card li>b{width:32px;height:32px;color:var(--ppdb-deep);background:var(--ppdb-yellow);border-radius:50%;place-items:center;display:grid}.ppdb-info-card li div{gap:4px;display:grid}.ppdb-info-card li strong{font-size:13px}.ppdb-info-card li small{color:#b8d6c5;line-height:1.45}.ppdb-docs{color:var(--ppdb-text);background:#fff;border-radius:10px;margin-top:24px;padding:15px}.ppdb-docs strong{color:var(--ppdb-green);font-size:12px}.ppdb-docs p{color:var(--ppdb-muted);margin:6px 0 0;font-size:11px;line-height:1.55}.ppdb-form-card{border:1px solid var(--ppdb-line);background:#fff;border-radius:18px;padding:34px;box-shadow:0 12px 38px #043e2412}.ppdb-form-heading{margin-bottom:30px}.ppdb-form-heading>span{color:var(--ppdb-green)}.ppdb-form-heading h2{margin:7px 0;font-size:31px}.ppdb-form-heading p{color:var(--ppdb-muted);margin:0;font-size:13px}.ppdb-online-form{gap:28px;display:grid}.ppdb-online-form fieldset{border:0;margin:0;padding:0}.ppdb-online-form legend{width:100%;color:var(--ppdb-deep);border-bottom:1px solid var(--ppdb-line);align-items:center;gap:9px;margin-bottom:17px;padding-bottom:11px;font-size:15px;font-weight:900;display:flex}.ppdb-online-form legend span{color:#fff;background:var(--ppdb-green);border-radius:50%;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.ppdb-fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.ppdb-fields label{color:#344a3e;font-size:12px;font-weight:800}.ppdb-fields label.wide{grid-column:1/-1}.ppdb-fields input,.ppdb-fields select,.ppdb-fields textarea{width:100%;color:var(--ppdb-text);font:inherit;background:#fff;border:1px solid #c8d7cd;border-radius:9px;outline:none;margin-top:7px;padding:12px 13px}.ppdb-fields input:focus,.ppdb-fields select:focus,.ppdb-fields textarea:focus{border-color:var(--ppdb-green);box-shadow:0 0 0 3px #07552f1a}.ppdb-fields textarea{resize:vertical;line-height:1.5}.ppdb-upload-intro{color:var(--ppdb-muted);margin:0 0 16px;font-size:12px;line-height:1.55}.ppdb-upload-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.ppdb-upload-grid label{color:#344a3e;background:#f8fbf9;border:1px dashed #b8cec0;border-radius:10px;gap:8px;padding:15px;font-size:12px;font-weight:900;display:grid}.ppdb-upload-grid input{width:100%;color:var(--ppdb-muted);font-size:11px}.ppdb-upload-grid input::file-selector-button{color:#fff;background:var(--ppdb-green);cursor:pointer;border:0;border-radius:7px;margin-right:8px;padding:8px 10px;font-weight:800}.ppdb-upload-grid small{color:var(--ppdb-muted);font-size:10px;font-weight:400}.ppdb-consent{color:var(--ppdb-muted);align-items:flex-start;gap:10px;font-size:12px;line-height:1.55;display:flex}.ppdb-consent input{width:17px;height:17px;accent-color:var(--ppdb-green);flex:none}.ppdb-submit{color:var(--ppdb-deep);background:var(--ppdb-yellow);cursor:pointer;border:0;border-radius:10px;padding:15px 20px;font-weight:900}.ppdb-submit:hover{filter:brightness(.96);transform:translateY(-1px)}.ppdb-submit:disabled{cursor:wait;opacity:.65;transform:none}.ppdb-form-error{color:#922d26;background:#fff0ee;border:1px solid #f0c5c1;border-radius:9px;margin:0;padding:12px 14px;font-size:12px}.ppdb-privacy{color:#7b8981;text-align:center;line-height:1.5}.ppdb-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:600px;display:flex}.ppdb-success>span{color:#fff;background:var(--ppdb-green);border-radius:50%;place-items:center;width:75px;height:75px;font-size:36px;display:grid}.ppdb-success>small{color:var(--ppdb-green);letter-spacing:1.4px;margin-top:20px;font-weight:900}.ppdb-success h2{margin:8px 0;font-size:30px}.ppdb-success p{max-width:560px;color:var(--ppdb-muted);line-height:1.7}.ppdb-success>strong{color:var(--ppdb-deep);letter-spacing:1px;background:var(--ppdb-soft);border:2px dashed #b6cdbd;border-radius:10px;margin:10px 0;padding:13px 22px;font-size:25px}.ppdb-success>div{gap:10px;margin-top:13px;display:flex}.ppdb-success button,.ppdb-success a{color:#fff;background:var(--ppdb-green);cursor:pointer;border:0;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:800;text-decoration:none}.ppdb-page-footer{color:#c5ded0;background:var(--ppdb-deep)}.ppdb-page-footer .ppdb-container{justify-content:space-between;align-items:center;gap:15px;min-height:62px;font-size:10px;display:flex}.announcement-page{flex-direction:column;display:flex}.announcement-hero{color:#fff;text-align:center;background:linear-gradient(120deg, var(--ppdb-deep), #087640);padding:70px 0 90px}.announcement-hero span{color:var(--ppdb-yellow);letter-spacing:1.5px;font-size:11px;font-weight:900}.announcement-hero h1{letter-spacing:-1.8px;margin:9px 0 12px;font-size:clamp(38px,6vw,62px)}.announcement-hero p{color:#d3e9dc;max-width:650px;margin:0 auto;line-height:1.65}.announcement-main{flex:1;margin-top:-45px;padding-bottom:75px}.announcement-layout{grid-template-columns:390px 1fr;align-items:stretch;gap:24px;display:grid}.announcement-check-card,.announcement-result{border:1px solid var(--ppdb-line);background:#fff;border-radius:18px;min-height:500px;box-shadow:0 15px 45px #043e241a}.announcement-check-card{flex-direction:column;padding:30px;display:flex}.announcement-check-card>span{color:var(--ppdb-green);letter-spacing:1.4px;font-size:10px;font-weight:900}.announcement-check-card h2{margin:7px 0;font-size:25px}.announcement-check-card>p{color:var(--ppdb-muted);margin:0 0 22px;font-size:12px}.announcement-check-card label{color:#344a3e;margin-bottom:14px;font-size:12px;font-weight:800}.announcement-check-card input{width:100%;color:var(--ppdb-text);font:inherit;text-transform:uppercase;border:1px solid #c6d6cb;border-radius:9px;outline:0;margin-top:7px;padding:13px}.announcement-check-card input:focus{border-color:var(--ppdb-green);box-shadow:0 0 0 3px #07552f1a}.announcement-check-card button{color:var(--ppdb-deep);background:var(--ppdb-yellow);cursor:pointer;border:0;border-radius:9px;margin-top:7px;padding:14px;font-weight:900}.announcement-check-card button:disabled{cursor:wait;opacity:.65}.announcement-check-card>small{color:var(--ppdb-muted);text-align:center;margin-top:14px}.announcement-result{place-items:center;padding:35px;display:grid}.announcement-placeholder{text-align:center;max-width:430px;color:var(--ppdb-muted)}.announcement-placeholder>span{font-size:55px}.announcement-placeholder h2{color:var(--ppdb-text);margin:15px 0 7px}.announcement-placeholder p{line-height:1.65}.announcement-status-result{text-align:center;width:100%;max-width:600px}.announcement-status-result>span{color:#fff;background:var(--ppdb-green);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:31px;display:grid}.announcement-status-result.perlu_perbaikan>span{background:#c44a3f}.announcement-status-result>small{color:var(--ppdb-green);letter-spacing:1.2px;text-transform:uppercase;font-weight:900}.announcement-status-result h2{margin:8px 0;font-size:30px}.announcement-status-result>p{color:var(--ppdb-muted);margin:0 auto;line-height:1.65}.announcement-status-result dl{text-align:left;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0;display:grid}.announcement-status-result dl div{background:var(--ppdb-soft);border-radius:9px;padding:12px}.announcement-status-result dt{color:var(--ppdb-muted);text-transform:uppercase;font-size:9px;font-weight:800}.announcement-status-result dd{margin:4px 0 0;font-weight:800}.announcement-status-result>a{color:#fff;background:var(--ppdb-green);border-radius:8px;padding:11px 14px;font-size:12px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=850px){.ppdb-hero-layout{grid-template-columns:1fr;gap:30px}.ppdb-main-layout{grid-template-columns:1fr}.ppdb-info-card{position:static}.announcement-layout{grid-template-columns:1fr}.announcement-check-card,.announcement-result{min-height:auto}.announcement-result{padding:50px 30px}}@media (width<=600px){.ppdb-container{width:min(100% - 24px,560px)}.ppdb-brand small{display:none}.ppdb-back{padding:9px;font-size:0}.ppdb-back:after{content:"← Kembali";font-size:11px}.ppdb-hero-layout{min-height:auto;padding:48px 0}.ppdb-hero-page h1{font-size:43px}.ppdb-main{padding:34px 0 55px}.ppdb-form-card{padding:24px 18px}.ppdb-fields{grid-template-columns:1fr}.ppdb-page-nav{gap:2px}.ppdb-page-nav>a:not(.ppdb-back){padding:8px 6px;font-size:10px}.ppdb-upload-grid{grid-template-columns:1fr}.ppdb-fields label.wide{grid-column:auto}.ppdb-success{min-height:520px}.ppdb-success>div{flex-direction:column}.ppdb-page-footer .ppdb-container{text-align:center;flex-direction:column;justify-content:center;padding:15px 0}.announcement-hero{padding:50px 0 78px}.announcement-main{margin-top:-35px}.announcement-check-card,.announcement-result{padding:24px 18px}.announcement-status-result dl{grid-template-columns:1fr}}