body{color:#2d2d2d;background:#f8f9fc;margin:0;padding:55px 0 0;font-family:Inter,Arial,sans-serif}html,body{overscroll-behavior:none}.header nav a,.header nav Link{color:#222;margin-left:22px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1000;background:#ffffffa6;justify-content:space-between;align-items:center;width:100%;padding:15px 24px;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 20px #0000000f}.header nav{align-items:center;gap:24px;display:flex}.header nav a{color:#222;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;margin:0!important}.header nav a:hover{color:#4a4fff;transform:translateY(-2px)}.header nav a[href=\/tentangkami]{margin-right:42px!important}.logo{color:#333;letter-spacing:-1px;font-size:24px;font-weight:700;text-decoration:none}header nav a{color:#444;margin-left:25px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s}header nav a:hover{color:#4a4fff;transform:translateY(-2px)}.hero{text-align:center;color:#333;background:linear-gradient(135deg,#8ec5fc,#e0c3fc);padding:100px 20px 60px}.hero h1{margin-bottom:18px;font-size:50px;font-weight:800;line-height:1.1}.hero p{opacity:.95;max-width:650px;margin:auto;font-size:20px}.btn-primary{color:#fff;background:#4a4fff;border-radius:10px;margin-top:35px;padding:14px 30px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary:hover{background:#3136ff;transform:translateY(-3px);box-shadow:0 8px 20px #4a4fff4d}.section{text-align:center;color:#333;max-width:1200px;margin:70px auto;padding:20px}.section h2{margin-bottom:15px;font-size:32px;font-weight:700}.section p{opacity:.85;max-width:650px;margin:auto;font-size:17px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-top:40px;display:grid}.card{text-align:left;background:#fff;border:1px solid #0000;border-radius:16px;padding:25px;transition:all .25s;box-shadow:0 6px 20px #00000012}.card:hover{border-color:#4a4fff;transform:translateY(-8px);box-shadow:0 12px 30px #4a4fff26}.card h3{margin:0 0 12px;font-size:20px;font-weight:600}.card p{opacity:.8;line-height:1.5}.footer{text-align:center;color:#555;background:#f1f1f1;margin-top:60px;padding:25px;font-size:14px}