*{box-sizing:border-box}body,html{overflow-x:hidden}img{max-width:100%;height:auto}textarea{resize:vertical}.form-panel,.info-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-top:2px solid var(--g2);border-radius:12px;padding:32px;margin-bottom:40px}.form-panel{max-width:900px;margin:0 auto 40px}.hero-section{text-align:center;margin-bottom:60px}.hero-title{color:#fff;font-size:5rem;font-weight:800;line-height:1;margin:20px 0}.letter-box{margin-top:24px;padding:24px;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);text-align:left}.letter-box h3{color:#fff;margin-bottom:16px}.letter-box p{color:var(--mu);line-height:1.8}.letter-box ul{margin:20px 0;padding-left:20px}.letter-box li{margin-bottom:10px;color:#fff}.letter-box blockquote{margin-top:20px;padding-left:20px;border-left:3px solid var(--g2);color:var(--g2);font-style:italic}.hero-desc{max-width:760px;margin:0 auto;color:var(--mu);line-height:1.9;font-size:1.05rem}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:50px 0}.action-card{padding:32px;border-radius:12px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);transition:.25s}.action-card:hover{transform:translateY(-4px);border-color:rgba(212,170,69,.4)}.action-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:12px}.action-desc{color:var(--mu);line-height:1.8;min-height:90px}.action-btn,.gold-btn,.outline-btn{margin-top:20px;width:100%;padding:14px;border:none;border-radius:8px;background:var(--g2);color:#fff;font-weight:700;cursor:pointer;transition:.25s}.action-btn:hover,.outline-btn:hover{transform:translateY(-2px);opacity:.95}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.stat-card{text-align:center;padding:24px;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.stat-card h2{margin:0 0 8px;color:var(--g2);font-size:2rem}.section-title{color:#fff;font-size:2rem;margin:10px 0}.section-desc{color:var(--mu);line-height:1.8;margin-bottom:30px}.timeline-heading{color:#fff;font-size:2rem;margin:10px 0 30px}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.timeline-card{padding:24px;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.timeline-number{color:var(--g2);font-size:2rem;font-weight:800;margin-bottom:10px}.timeline-title{color:#fff;margin-bottom:8px}.timeline-date{color:var(--mu)}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.candidate-card{padding:24px;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-top:2px solid var(--g2)}.candidate-name{color:#fff;font-size:1.2rem;font-weight:700}.candidate-class{color:var(--g2);margin:8px 0 15px;font-size:.85rem}.candidate-vision{color:var(--mu);line-height:1.8}.empty-box{padding:30px;text-align:center;color:var(--mu);border:1px dashed hsla(0,0%,100%,.15);border-radius:8px}.input-control{width:100%;padding:14px 16px;border-radius:8px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#fff}.kelas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px}.kelas-card{text-align:center;padding:12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.08);cursor:pointer}.kelas-card.active{border-color:var(--g2);background:rgba(212,170,69,.08);color:var(--g2)}@media(max-width:768px){.hero-title{font-size:2.8rem}.action-grid,.stats-grid,.timeline-grid{grid-template-columns:1fr}.kelas-grid{grid-template-columns:repeat(2,1fr)}.form-panel,.info-panel{padding:20px}}