body{font-family:'Segoe UI',sans-serif;color:#0b2c5f;background:#f7fbff;overflow-x:hidden}.navbar{background:#fff;padding:18px 45px;box-shadow:0 3px 15px rgba(0,0,0,.06)}.logo-box{display:flex;align-items:center;gap:12px;font-weight:800;color:#07336b;text-decoration:none}.logo-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ffc107,#0d6efd,#28a745);display:flex;align-items:center;justify-content:center;color:white;font-size:28px}.navbar-nav .nav-link{color:#092b5f;font-weight:600;margin:0 8px}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#0d6efd}.hero{min-height:790px;position:relative;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 38%,rgba(255,255,255,.12) 72%),url('../img/banner-inovasi.jpg');background-size:cover;background-position:center right;padding:80px 60px 40px}.hero h1{font-size:58px;font-weight:900;line-height:1.12;color:#082b60}.hero h1 span{color:#35a852}.hero p{font-size:20px;max-width:560px;color:#19375f;margin-top:25px;line-height:1.7}.line-accent{width:120px;height:4px;background:linear-gradient(90deg,#f9a602,#0d6efd);margin:25px 0;border-radius:10px}.feature-icons{margin-top:45px;display:flex;flex-wrap:wrap;gap:35px}.feature-item{width:120px;text-align:center;font-weight:700;font-size:14px;color:#0b2c5f}.feature-item .circle{width:58px;height:58px;border-radius:50%;margin:auto auto 12px;display:flex;align-items:center;justify-content:center;color:white;font-size:26px;box-shadow:0 8px 18px rgba(0,0,0,.15)}.green{background:#35a852}.blue{background:#003f91}.orange{background:#f9a602}.cyan{background:#10a6c9}.btn-hero{margin-top:35px;background:#063b85;color:white;padding:16px 34px;border-radius:40px;font-size:18px;font-weight:700;border:none;box-shadow:0 10px 25px rgba(0,63,145,.35)}.btn-hero:hover{background:#052e66;color:#fff}.stats-box{position:absolute;left:60px;bottom:35px;background:linear-gradient(135deg,#062b60,#021d45);border-radius:22px;padding:25px 35px;color:white;display:flex;gap:30px;box-shadow:0 15px 35px rgba(0,0,0,.25);max-width:940px}.stat-item{min-width:170px;border-right:1px solid rgba(255,255,255,.25);padding-right:25px}.stat-item:last-child{border-right:none}.stat-number{font-size:28px;font-weight:900;color:#a6e943}.stat-item i{color:#ffc107;font-size:28px;margin-right:8px}.section-title{font-weight:900;color:#082b60}.card-custom{border:0;border-radius:20px;box-shadow:0 10px 30px rgba(7,51,107,.09);overflow:hidden}.card-custom img{height:210px;object-fit:cover}.footer{background:#062b60;color:white;padding:45px 0;margin-top:60px}.page-header{background:linear-gradient(135deg,#063b85,#0d6efd);color:white;padding:70px 0}.admin-sidebar{min-height:100vh;background:#062b60;color:white}.admin-sidebar a{color:white;text-decoration:none;display:block;padding:12px 18px;border-radius:10px;margin-bottom:7px}.admin-sidebar a:hover,.admin-sidebar .active{background:#0d6efd}.admin-content{background:#f6f9ff;min-height:100vh}.table-card{background:white;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.06);padding:20px}@media(max-width:992px){.navbar{padding:15px 20px}.hero{padding:50px 25px 330px;background-position:center}.hero h1{font-size:39px}.hero p{font-size:17px}.stats-box{left:20px;right:20px;bottom:25px;flex-wrap:wrap;padding:22px}.stat-item{min-width:140px;border-right:none}.feature-icons{gap:15px}}