*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;background:#f8fafc;color:#0f172a}:root{--talaud-primary: #0f4c81;--talaud-secondary: #1e88e5;--talaud-accent: #ffc107;--talaud-bg: #f8fafc}html{scroll-behavior:smooth}.hero-section{position:relative;overflow:hidden;padding-bottom:120px;background:linear-gradient(135deg,#f7fbff,#dbeafe)}.hero-section:before{content:"";position:absolute;width:700px;height:700px;top:-250px;right:-250px;border-radius:50%;background:#1e88e51f;filter:blur(60px);z-index:0}.hero-section:after{content:"";position:absolute;width:500px;height:500px;left:-200px;bottom:-200px;border-radius:50%;background:#ffc1071f;filter:blur(60px);z-index:0}.hero-section .container{position:relative;z-index:2}.hero-watermark{position:absolute;right:5%;top:10%;width:350px;opacity:.03;pointer-events:none;z-index:1}.hero-badge{display:inline-block;margin-top:80px;padding:10px 20px;border-radius:999px;background:#fff;color:var( --talaud-primary );font-weight:500;box-shadow:0 5px 20px #00000014}.hero-title{font-size:clamp(2.8rem,5vw,5rem);font-weight:700;line-height:1.1;color:#1b1f24}.hero-title span{display:block;color:var( --talaud-secondary )}.hero-description{font-size:1.15rem;line-height:1.8;color:#4b5563;max-width:650px}.btn-primary{background:linear-gradient(135deg,var(--talaud-primary),var(--talaud-secondary));border:none}.btn-primary:hover,.btn-outline-primary:hover{transform:translateY(-2px);transition:all .3s ease}.hero-image-wrapper{position:relative}.hero-image-wrapper:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(30,136,229,.2),transparent);z-index:-1}.hero-image-wrapper img{width:100%;height:600px;object-fit:cover;border-radius:32px;box-shadow:0 30px 60px #00000026;transition:transform .3s ease}.hero-image-wrapper img:hover{transform:scale(1.02)}.scroll-indicator{position:absolute;bottom:140px;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--talaud-primary);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;line-height:0;z-index:3}.hero-wave svg{display:block;width:100%;height:120px}.stat-card{background:#fff;padding:24px;border-radius:24px;text-align:center;height:100%;box-shadow:0 10px 30px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.stat-icon{width:60px;height:60px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,var(--talaud-primary),var(--talaud-secondary));color:#fff;font-size:1.5rem}.stat-card h3{margin-bottom:6px;font-size:2rem;font-weight:700;color:var(--talaud-primary)}.stat-card small{color:#6b7280;font-size:.9rem}.feature-section{position:relative;background:#fff;padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:70px}.section-badge{display:inline-block;padding:10px 20px;border-radius:999px;background:#1e88e51a;color:var(--talaud-primary);font-weight:600}.section-title{margin-top:20px;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;color:#1b1f24}.section-description{max-width:700px;margin:20px auto 0;font-size:1.1rem;line-height:1.8;color:#6b7280}.feature-card{background:#fff;border:none;border-radius:28px;padding:32px;height:100%;transition:all .3s ease;box-shadow:0 10px 30px #0000000d}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000014}.feature-card h4{margin-bottom:16px;font-weight:700;color:var(--talaud-primary)}.feature-card p{margin-bottom:0;line-height:1.8;color:#6b7280}.feature-icon{width:80px;height:80px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:linear-gradient(135deg,var(--talaud-primary),var(--talaud-secondary));color:#fff;font-size:2rem;box-shadow:0 15px 30px #1e88e540}.logo-wrapper{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 10px 30px #00000014}.navbar{position:fixed;top:0;left:0;width:100%;z-index:9999;backdrop-filter:blur(12px);background:#ffffffbf;border-bottom:1px solid rgba(0,0,0,.05)}.navbar-brand img{object-fit:contain}.nav-link{font-weight:500;color:#1f2937!important;margin-inline:10px;transition:all .3s ease}.nav-link:hover{color:var(--talaud-secondary)!important}@media(max-width:991px){.hero-section{text-align:center}.hero-watermark{width:220px}.hero-description{margin-inline:auto}.hero-image-wrapper{margin-top:3rem}.hero-image-wrapper img{height:350px}}@media(max-width:768px){.hero-image-wrapper img{height:280px}.stat-card{padding:18px}.stat-card h3{font-size:1.5rem}.hero-wave svg{height:80px}}.about-section{padding:140px 0;background:linear-gradient(180deg,#fff,#f8fbff)}.about-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;color:#1b1f24}.about-description{margin-top:20px;line-height:1.8;color:#6b7280}.about-list{margin-top:40px}.about-item{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-weight:500}.about-item i{color:var(--talaud-secondary);font-size:1.2rem}.dashboard-preview{background:#fff;padding:20px;border-radius:32px;box-shadow:0 20px 50px #00000014}.dashboard-preview img{width:100%;border-radius:20px}.footer-section{background:linear-gradient(135deg,var(--talaud-primary),#0b3a62);color:#fff;padding:100px 0 40px}.footer-description{opacity:.85;line-height:1.8}.footer-title{margin-bottom:20px;font-weight:700}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fff;text-decoration:none;opacity:.85;transition:.3s}.footer-links a:hover{opacity:1}.footer-divider{margin:50px 0 30px;border-color:#ffffff26}.login-section{min-height:100vh;background:linear-gradient(135deg,#f7fbff,#dbeafe)}.login-brand{max-width:500px}.login-logo{width:120px;margin-bottom:24px}.login-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.login-title span{display:block;color:var(--talaud-secondary)}.login-description{margin-top:20px;color:#6b7280;line-height:1.8}.login-card{background:#fff;padding:40px;border-radius:32px;box-shadow:0 20px 50px #00000014}.login-card .form-control{height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(20px)}.login-btn{height:52px;border-radius:12px;font-weight:600}.login-input{height:52px;border-radius:12px;border:1px solid #dbe4f0}.login-input:focus{border-color:var(--talaud-secondary);box-shadow:0 0 0 .2rem #1e88e526}