@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary-rgb:9, 13, 22;--bg-secondary-rgb:20, 28, 46;--bg-tertiary-rgb:30, 44, 71;--bg-primary:rgb(var(--bg-primary-rgb));--bg-secondary:rgb(var(--bg-secondary-rgb));--bg-tertiary:rgb(var(--bg-tertiary-rgb));--text-primary:#f8fafc;--text-secondary:#94a3b8;--color-cyan:#38bdf8;--color-green:#34d399;--color-gold:#fbbf24;--color-cyan-glow:#38bdf81f;--color-gold-glow:#fbbf241f;--color-green-glow:#34d3991f;--glass-bg:#090d16bf;--glass-border:#ffffff14;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(circle, #38bdf814 0%, rgba(var(--bg-primary-rgb), 0) 70%);z-index:-1;pointer-events:none;width:60%;height:60%;position:absolute;top:-10%;left:-10%}body:after{content:"";background:radial-gradient(circle, #fbbf240d 0%, rgba(var(--bg-primary-rgb), 0) 70%);z-index:-1;pointer-events:none;width:60%;height:60%;position:absolute;bottom:10%;right:-10%}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:#fff;font-weight:700}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-title{text-align:center;background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:50px;font-size:2.5rem;font-weight:800;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--color-cyan), var(--color-gold));border-radius:2px;width:60px;height:4px;margin:15px auto 0;display:block}header{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);width:100%;transition:var(--transition-smooth);position:fixed;top:0;left:0}header.scrolled{padding:12px 0;box-shadow:0 10px 30px -10px #020c1bb3}.navbar{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-text{letter-spacing:-.03em;background:linear-gradient(135deg, #fff 30%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.logo-sub{color:var(--color-gold);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.nav-menu{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);padding:8px 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-cyan)}.nav-link:after{content:"";background-color:var(--color-cyan);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-cta{border:1px solid var(--color-cyan);color:var(--color-cyan);background:linear-gradient(135deg,#38bdf814 0%,#38bdf82e 100%);border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 20px #38bdf81a}.nav-cta:hover{background:linear-gradient(135deg, var(--color-cyan) 0%, #0284c7 100%);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 6px 24px #38bdf840}.menu-toggle{cursor:pointer;flex-direction:column;gap:6px;display:none}.menu-toggle span{background-color:var(--text-primary);width:28px;height:3px;transition:var(--transition-smooth);border-radius:2px}.hero{align-items:center;height:100vh;min-height:700px;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(to bottom, rgba(var(--bg-primary-rgb), .2), rgba(var(--bg-primary-rgb), .96));z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg{background:radial-gradient(circle at 80% 20%, #38bdf81f 0%, #34d3990f 40%, rgba(var(--bg-primary-rgb), .96) 80%);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-grid{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid;position:relative}.hero-content{animation:1s fadeInUp}.hero-badge{border:1px solid var(--color-gold);color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;background-color:#fbbf2414;border-radius:100px;margin-bottom:20px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-block}.hero-title{background:linear-gradient(135deg, #fff 40%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--color-cyan), var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:1.1rem}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}.btn{cursor:pointer;text-align:center;transition:var(--transition-smooth);border-radius:8px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--color-cyan) 0%, #0284c7 100%);color:var(--bg-primary);box-shadow:0 4px 24px #38bdf840}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 30px #38bdf866}.btn-secondary{color:#fff;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.btn-secondary:hover{background:#ffffff0d;border-color:#fff;transform:translateY(-3px)}.hero-visual{justify-content:center;align-items:center;animation:6s ease-in-out infinite floatAnimation;display:flex;position:relative}.hero-logo-container{justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.hero-logo-glow{background:radial-gradient(circle, #38bdf840 0%, #fbbf241a 40%, rgba(var(--bg-primary-rgb), 0) 70%);z-index:0;pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.hero-logo-card{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:280px;height:280px;transition:var(--transition-smooth);background:linear-gradient(135deg,#141c2ecc 0%,#090d16f2 100%);border:1px solid #ffffff14;border-radius:36px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;box-shadow:0 20px 45px -15px #000000d9,inset 0 1px 1px #ffffff1a,0 0 30px #38bdf81f}.hero-logo-card:after{content:"";pointer-events:none;transition:var(--transition-smooth);border:1px dashed #38bdf833;border-radius:26px;position:absolute;inset:12px}.hero-logo-container:hover .hero-logo-card{border-color:#38bdf84d;transform:translateY(-5px)scale(1.02);box-shadow:0 25px 50px -12px #000000e6,inset 0 1px 1px #ffffff26,0 0 40px #38bdf840}.hero-logo-container:hover .hero-logo-card:after{border-color:var(--color-gold);transform:scale(1.01)}.hero-logo-img{object-fit:contain;filter:drop-shadow(0 4px 10px #0006);max-width:90%;max-height:90%}.hero-logo-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.logo-fallback-text{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 30%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:900}.logo-fallback-sub{color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.8rem;font-weight:700}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:24px;display:grid}.bento-card{background-color:var(--bg-secondary);border:1px solid var(--glass-border);transition:var(--transition-smooth);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";background:linear-gradient(180deg, rgba(var(--bg-secondary-rgb), 0) 0%, rgba(var(--bg-primary-rgb), .9) 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.bento-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 12px 30px -10px #00000080}.bento-card-bg{z-index:0;opacity:.45;width:100%;height:100%;transition:var(--transition-smooth);background-position:50%;background-size:cover;position:absolute;top:0;left:0}.bento-card:hover .bento-card-bg{opacity:.7;transform:scale(1.08)}.bento-card-content{z-index:2;position:relative}.bento-icon{color:var(--color-cyan);transition:var(--transition-smooth);filter:drop-shadow(0 2px 4px #0006);margin-bottom:20px;font-size:2.2rem;display:block}.bento-card:hover .bento-icon{transform:scale(1.1)rotate(5deg)}.bento-card-title{color:#fff;text-shadow:0 2px 6px #000000f2,0 1px 2px #000c;margin-bottom:10px;font-size:1.35rem;font-weight:700}.bento-card-desc{color:#e2e8f0;transition:var(--transition-smooth);text-shadow:0 2px 4px #000000f2,0 1px 2px #000c;font-size:.88rem;display:none}.bento-card.col-span-2{grid-column:span 2}.bento-card.row-span-2{grid-row:span 2}.bento-card.col-span-2 .bento-card-desc{display:block}.bento-card.pilar-media:hover{box-shadow:0 10px 30px -10px var(--color-cyan-glow);border-color:var(--color-cyan)}.bento-card.pilar-media .bento-icon{color:var(--color-cyan)}.bento-card.pilar-it:hover{box-shadow:0 10px 30px -10px var(--color-cyan-glow);border-color:var(--color-cyan)}.bento-card.pilar-it .bento-icon{color:var(--color-cyan)}.bento-card.pilar-pertanian:hover{box-shadow:0 10px 30px -10px var(--color-green-glow);border-color:var(--color-green)}.bento-card.pilar-pertanian .bento-icon{color:var(--color-green)}.bento-card.pilar-konstruksi:hover{box-shadow:0 10px 30px -10px var(--color-gold-glow);border-color:var(--color-gold)}.bento-card.pilar-konstruksi .bento-icon{color:var(--color-gold)}.about-grid{grid-template-columns:1fr 1fr;gap:50px;display:grid}.about-info{flex-direction:column;justify-content:center;display:flex}.about-motto{color:var(--color-cyan);border-left:4px solid var(--color-gold);margin-bottom:24px;padding-left:16px;font-size:1.8rem;font-weight:700;line-height:1.3}.about-p{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem}.vision-mission-cards{flex-direction:column;gap:24px;display:flex}.vm-card{background-color:var(--bg-secondary);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:12px;padding:28px}.vm-card:hover{border-color:var(--glass-border);transform:scale(1.01);box-shadow:0 8px 24px -10px #0006}.vm-title{color:var(--color-cyan);align-items:center;gap:10px;margin-bottom:12px;font-size:1.25rem;font-weight:700;display:flex}.vm-desc{color:var(--text-secondary);font-size:.95rem}.mission-list{flex-direction:column;gap:12px;list-style:none;display:flex}.mission-list li{padding-left:24px;position:relative}.mission-list li:before{content:"✔";color:var(--color-gold);position:absolute;top:0;left:0}.team-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.team-card{background-color:var(--bg-secondary);border:1px solid var(--glass-border);text-align:center;transition:var(--transition-smooth);border-radius:12px;padding:24px 16px}.team-card:hover{border-color:var(--color-cyan);transform:translateY(-5px)}.team-avatar{background:linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-primary) 100%);border:2px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 16px;display:flex;position:relative;overflow:hidden}.team-avatar img{object-fit:cover;width:100%;height:100%}.team-avatar-placeholder{color:var(--color-cyan);font-size:1.8rem;font-weight:700}.team-name{color:#fff;margin-bottom:6px;font-size:1rem;font-weight:700}.team-role{color:var(--color-gold);text-transform:uppercase;font-size:.8rem;font-weight:600}.assets-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.asset-card{background-color:var(--bg-secondary);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:12px;gap:20px;padding:30px;display:flex}.asset-card:hover{border-color:var(--glass-border);transform:translateY(-3px)}.asset-icon-box{color:var(--color-gold);font-size:2rem}.asset-info h4{margin-bottom:8px;font-size:1.15rem}.asset-info p{color:var(--text-secondary);font-size:.88rem}.portfolio-tabs{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.tab-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:30px;padding:8px 20px;font-size:.88rem;font-weight:600}.tab-btn.active,.tab-btn:hover{background-color:var(--color-cyan);color:var(--bg-primary);border-color:var(--color-cyan)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.portfolio-item{background-color:var(--bg-secondary);border:1px solid var(--glass-border);aspect-ratio:16/10;cursor:pointer;transition:var(--transition-smooth);border-radius:16px;flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:relative;overflow:hidden}.portfolio-item:before{content:"";background:linear-gradient(180deg, rgba(var(--bg-primary-rgb), 0) 40%, rgba(var(--bg-primary-rgb), .95) 100%);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-item-img{opacity:.35;z-index:0;width:100%;height:100%;transition:var(--transition-smooth);background-position:50%;background-size:cover;position:absolute;top:0;left:0}.portfolio-item:hover .portfolio-item-img{opacity:.55;transform:scale(1.04)}.portfolio-item:hover{border-color:var(--color-cyan)}.portfolio-content{z-index:2;position:relative}.portfolio-cat{color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:700}.portfolio-item-title{margin-bottom:8px;font-size:1.25rem;font-weight:700}.portfolio-item-desc{color:var(--text-secondary);font-size:.88rem}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:50px;display:grid}.contact-card{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;gap:32px;padding:40px;display:flex}.contact-item{align-items:flex-start;gap:20px;display:flex}.contact-icon{color:var(--color-cyan);font-size:1.6rem}.contact-text h4{color:var(--text-secondary);margin-bottom:4px;font-size:1rem;font-weight:700}.contact-text p{font-size:1.05rem;font-weight:600}.contact-form-box{background-color:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:40px;position:relative}.form-group{margin-bottom:24px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-control{background-color:var(--bg-primary);border:1px solid var(--glass-border);color:#fff;width:100%;transition:var(--transition-smooth);border-radius:8px;padding:14px;font-family:inherit;font-size:.95rem}.form-control:focus{border-color:var(--color-cyan);outline:none;box-shadow:0 0 10px #38bdf833}textarea.form-control{resize:vertical;min-height:120px}.submit-btn{cursor:pointer;background:linear-gradient(135deg, var(--color-cyan) 0%, #0284c7 100%);width:100%;color:var(--bg-primary);transition:var(--transition-smooth);border:none;border-radius:8px;padding:16px;font-size:1rem;font-weight:700;box-shadow:0 4px 20px #38bdf840}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #38bdf866}.alert-success{border:1px solid var(--color-green);color:var(--color-green);background-color:#34d3991f;border-radius:8px;margin-bottom:24px;padding:16px;font-size:.9rem;font-weight:600}footer{border-top:1px solid var(--glass-border);color:var(--text-secondary);background-color:#060911;padding:60px 0 30px;font-size:.9rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:50px;margin-bottom:40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-links h4,.footer-contact h4{color:#fff;margin-bottom:20px;font-size:1.05rem}.footer-links-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links-list a:hover{color:var(--color-cyan);padding-left:4px}.footer-socials{gap:16px;display:flex}.social-icon{background-color:var(--bg-secondary);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--color-cyan);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon:hover{background-color:var(--color-cyan);color:var(--bg-primary);border-color:var(--color-cyan);transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--glass-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:30px;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=991px){.hero-grid,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr;gap:40px}.hero{height:auto;padding:140px 0 80px}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.team-grid{grid-template-columns:repeat(3,1fr)}.assets-grid,.portfolio-grid{grid-template-columns:1fr}}@media (width<=767px){.navbar{height:70px}.nav-menu{display:none}.menu-toggle{display:flex}.hero-title{font-size:2.5rem}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.bento-card.col-span-2,.bento-card.row-span-2{grid-area:span 1/span 1}.bento-card .bento-card-desc{display:block}.team-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr;gap:0}.footer-bottom{text-align:center;flex-direction:column}}