/*kangarie*/:root{--primary:#0f172a;--primary-light:#334155;--accent:#d97706;--bg-light:#f8fafc;--text-main:#1e293b;--text-muted:#64748b;--white:#ffffff;--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--font-main:'Inter',sans-serif;--font-head:'Playfair Display',serif;--form-primary:#007bff;--form-primary-dark:#0056b3;--form-accent:#ffc107;--form-success:#28a745;--form-text-dark:#343a40;--form-text-muted:#6c757d;--form-bg-light:#f4f6f9;--form-radius:8px;}*{margin:0;padding:0;box-sizing:border-box;outline:none;}body{font-family:var(--font-main);color:var(--text-main);background-color:var(--white);line-height:1.6;overflow-x:hidden;}a{text-decoration:none;transition:all 0.3s ease;}ul{list-style:none;}.navbar{position:fixed;top:0;width:100%;z-index:1000;padding:1.2rem 5%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,0.8),transparent);transition:all 0.4s ease;}.navbar.scrolled{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);box-shadow:0 4px 15px rgba(0,0,0,0.1);padding:0.8rem 5%;}.brand{font-size:1.25rem;font-weight:700;color:var(--white);display:flex;align-items:center;gap:12px;font-family:var(--font-main);}.brand span{display:flex;flex-direction:column;line-height:1.1;text-align:left;}.brand span small{margin-top:2px;display:block;}.navbar.scrolled .brand{color:#ffffff !important;}.brand-logo{width:40px;height:40px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;}.navbar.scrolled .brand{color:var(--primary);}.nav-links{display:flex;gap:30px;}.nav-links a{color:var(--white);font-weight:600;font-size:0.95rem;position:relative;}.navbar.scrolled .nav-links a{color:#ffffff !important;}.navbar.scrolled .nav-links a::after{background:#ffd700;}.navbar.scrolled .brand-logo{background:#ffffff;color:#1e3c72;}.nav-links a::after{content:'';display:block;width:0;height:2px;background:var(--accent);transition:width .3s;}.nav-links a:hover::after{width:100%;}.btn-nav:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--white);}.navbar.scrolled .menu-toggle{color:var(--dark);}@media (max-width:768px){.menu-toggle{display:block !important;font-size:1.8rem;cursor:pointer;color:#fff;}.navbar.scrolled .menu-toggle{color:#333 !important;}.nav-links{position:absolute;top:100%;left:0;width:100%;background-color:#ffffff !important;box-shadow:0 15px 30px rgba(0,0,0,0.15);border-top:1px solid #eee;flex-direction:column;align-items:center;padding:20px 0;display:none !important;opacity:0;z-index:99999;}.nav-links.active{display:flex !important;opacity:1 !important;animation:slideDownMobile 0.3s ease forwards;}.nav-links a{color:#1e293b !important;font-size:1rem;font-weight:600;padding:15px 0;display:block;width:100%;text-align:center;border-bottom:1px solid #f1f5f9;}.nav-links a::after{display:none !important;}.nav-links a:hover{background-color:#f8fafc;color:var(--accent) !important;}.btn-nav{margin-top:15px;width:80%;text-align:center;background:var(--primary);color:white !important;padding:10px;border-radius:50px;}}@keyframes slideDownMobile{from{transform:translateY(-10px);opacity:0;}to{transform:translateY(0);opacity:1;}}footer{background:#0f172a;color:#94a3b8;padding:80px 5% 30px;}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:20px;}.footer-brand h3{color:white;margin-bottom:25px;font-size:1.8rem;font-family:var(--font-head);}.footer-brand p{font-size:1rem;line-height:1.8;max-width:450px;opacity:0.8;}.footer-links h4{color:white;font-family:var(--font-main);font-size:1.1rem;margin-bottom:30px;font-weight:600;}.footer-links li{margin-bottom:15px;}.footer-links a{color:#94a3b8;font-size:0.95rem;}.footer-links a:hover{color:var(--accent);padding-left:5px;}.copyright{text-align:center;border-top:1px solid #1e293b;padding-top:30px;font-size:0.9rem;}@media (max-width:900px){.container-split{grid-template-columns:1fr;}.slide-title{font-size:2.5rem;}.navbar .nav-links{display:none;}.stat-badge{left:0;bottom:-20px;}.footer-grid{grid-template-columns:1fr;gap:40px;}footer{padding:50px 5% 30px;}.footer-brand p{max-width:100%;}}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);color:white;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.8);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 5px 15px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;}.scroll-top-btn.show{opacity:1;visibility:visible;transform:translateY(0) scale(1);}.scroll-top-btn:hover{background:var(--accent);transform:translateY(-5px);box-shadow:0 10px 20px rgba(217,119,6,0.4);}.scroll-top-btn i{transition:transform 0.3s ease;}.scroll-top-btn:hover i{transform:translateY(-3px);}@media (max-width:768px){.scroll-top-btn{bottom:20px;right:20px;width:45px;height:45px;}}.page-header{position:relative;background:linear-gradient(135deg,rgba(15,23,42,0.95) 0%,rgba(30,58,138,0.9) 100%),url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2000&auto=format&fit=crop');background-size:cover;background-position:center;background-attachment:fixed;padding-top:140px;padding-bottom:100px;padding-left:5%;padding-right:5%;color:white;text-align:center;overflow:hidden;}.page-header-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}.page-title{font-family:var(--font-head);font-size:3rem;font-weight:700;margin-bottom:15px;line-height:1.2;animation:fadeInDown 0.8s ease;}.page-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.8);margin-bottom:25px;font-weight:300;animation:fadeInDown 0.8s 0.2s ease backwards;}.breadcrumb{display:inline-flex;align-items:center;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);padding:8px 20px;border-radius:50px;font-size:0.85rem;border:1px solid rgba(255,255,255,0.15);animation:fadeInUp 0.8s 0.4s ease backwards;}.breadcrumb-item{color:rgba(255,255,255,0.7);font-weight:500;transition:0.3s;}.breadcrumb-item i{margin-right:5px;}.breadcrumb-item:hover{color:var(--accent);}.breadcrumb-separator{margin:0 10px;color:rgba(255,255,255,0.4);font-size:0.7rem;}.breadcrumb-item.active{color:var(--white);font-weight:700;pointer-events:none;}.custom-shape-divider-bottom{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg);}.custom-shape-divider-bottom svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px;}.custom-shape-divider-bottom .shape-fill{fill:#FFFFFF;}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){.page-title{font-size:2.2rem;}.page-header{padding-top:120px;padding-bottom:80px;}.custom-shape-divider-bottom svg{height:50px;}}/*Src:v_home.php*/.hero{height:100vh;position:relative;overflow:hidden;background:#000;}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out;display:flex;align-items:center;justify-content:center;}.slide.active{opacity:1;}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;filter:brightness(0.4);transform:scale(1.1);transition:transform 6s linear;}.slide.active .slide-bg{transform:scale(1);}.slide-content{position:relative;z-index:2;text-align:center;color:white;max-width:900px;padding:0 20px;}.badge-hero{display:inline-block;background:rgba(217,119,6,0.9);color:white;padding:8px 20px;border-radius:50px;font-size:0.85rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-bottom:25px;opacity:0;transform:translateY(30px);}.slide-title{font-size:3.5rem;line-height:1.1;margin-bottom:20px;opacity:0;transform:translateY(30px);}.slide-desc{font-size:1.2rem;color:rgba(255,255,255,0.9);margin-bottom:30px;opacity:0;transform:translateY(30px);max-width:700px;margin-left:auto;margin-right:auto;}.slide-btn-wrapper{opacity:0;transform:translateY(30px);}.slide.active .badge-hero{animation:fadeInUp 0.8s 0.2s forwards;}.slide.active .slide-title{animation:fadeInUp 0.8s 0.4s forwards;}.slide.active .slide-desc{animation:fadeInUp 0.8s 0.6s forwards;}.slide.active .slide-btn-wrapper{animation:fadeInUp 0.8s 0.8s forwards;}@keyframes fadeInUp{to{opacity:1;transform:translateY(0);}}.btn-hero{background:white;color:var(--primary);padding:15px 40px;font-size:1rem;border-radius:6px;font-weight:700;border:none;cursor:pointer;transition:0.3s;}.btn-hero:hover{background:var(--accent);color:white;transform:translateY(-3px);}.section{padding:100px 5%;}.container-split{display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:center;}.content-col h2{font-size:2.8rem;margin-bottom:20px;line-height:1.2;}.content-col p{color:var(--text-muted);margin-bottom:30px;font-size:1.1rem;}.feature-list li{display:flex;align-items:flex-start;gap:20px;margin-bottom:25px;}.feature-icon{width:50px;height:50px;background:rgba(217,119,6,0.1);color:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}.feature-list h4{font-size:1.15rem;margin-bottom:5px;font-weight:700;color:var(--primary);}.feature-list p{font-size:0.95rem;margin-bottom:0;line-height:1.5;}.image-wrapper{position:relative;}.image-wrapper img{width:100%;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,0.15);}.stat-badge{position:absolute;bottom:-30px;left:-30px;background:white;padding:25px 35px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border-left:5px solid var(--accent);}.stat-badge strong{font-size:2.2rem;color:var(--primary);display:block;line-height:1;font-family:var(--font-head);}.stat-badge span{font-size:0.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;}.bg-light{background-color:var(--bg-light);}.section-header{text-align:center;max-width:700px;margin:0 auto 60px;}.section-header h2{font-size:2.5rem;margin-bottom:15px;}.section-header p{color:var(--text-muted);font-size:1.1rem;}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}.data-card{background:white;padding:50px 40px;border-radius:16px;border:1px solid rgba(0,0,0,0.03);transition:all 0.4s;position:relative;overflow:hidden;}.data-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.08);}.data-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--bg-light);transition:0.3s;}.data-card:hover::before{background:var(--accent);}.card-icon{font-size:2rem;color:var(--primary);margin-bottom:30px;width:70px;height:70px;border-radius:50%;background:var(--bg-light);display:flex;align-items:center;justify-content:center;}.data-card h3{font-size:1.4rem;margin-bottom:15px;}.data-card p{color:var(--text-muted);line-height:1.7;}.data-card::before{background:transparent;}.cards-grid .data-card:nth-child(1):hover{border-top-color:transparent;}.cards-grid .data-card:nth-child(1):hover::before{background:#10b981;box-shadow:0 4px 20px rgba(16,185,129,0.4);}.cards-grid .data-card:nth-child(1):hover .card-icon{background:rgba(16,185,129,0.1);color:#10b981;}.cards-grid .data-card:nth-child(2):hover::before{background:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,0.4);}.cards-grid .data-card:nth-child(2):hover .card-icon{background:rgba(59,130,246,0.1);color:#3b82f6;}.cards-grid .data-card:nth-child(3):hover::before{background:#f59e0b;box-shadow:0 4px 20px rgba(245,158,11,0.4);}.cards-grid .data-card:nth-child(3):hover .card-icon{background:rgba(245,158,11,0.1);color:#f59e0b;}.parallax-section{position:relative;background-image:linear-gradient(rgba(15,23,42,0.85),rgba(15,23,42,0.7)),url('https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?q=80&w=2000&auto=format&fit=crop');background-attachment:fixed;background-position:center;background-size:cover;padding:140px 5%;text-align:center;color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;}.parallax-icon{font-size:3rem;color:var(--accent);margin-bottom:30px;animation:pulse 2s infinite;}.parallax-quote{font-family:var(--font-head);font-size:2.2rem;font-weight:700;line-height:1.3;max-width:800px;margin-bottom:25px;}.parallax-sub{font-family:var(--font-body);font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin-bottom:40px;}.parallax-stats{display:flex;gap:50px;margin-top:20px;flex-wrap:wrap;justify-content:center;}.p-stat-item{text-align:center;}.p-stat-val{display:block;font-family:var(--font-head);font-size:2.5rem;font-weight:800;color:var(--white);}.p-stat-label{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:600;}@keyframes pulse{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.1);opacity:0.8;}100%{transform:scale(1);opacity:1;}}@media (max-width:768px){.parallax-section{background-attachment:scroll;padding:80px 5%;}.parallax-quote{font-size:1.5rem;}.parallax-stats{gap:30px;}}.parallax-bridge{position:relative;background-image:linear-gradient(135deg,rgba(15,23,42,0.9),rgba(30,58,138,0.85)),url('https://ugdk.banyuwangikab.go.id/img/banyuwangi-reborn.jpeg');background-attachment:fixed;background-position:center;background-size:cover;padding:120px 5%;display:flex;align-items:center;justify-content:center;overflow:hidden;}.bridge-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:50px;max-width:900px;width:100%;text-align:center;color:white;box-shadow:0 25px 50px rgba(0,0,0,0.25);transform:translateY(0);transition:transform 0.5s ease;}.bridge-card:hover{transform:translateY(-10px);border-color:var(--accent);}.bridge-icon{font-size:3.5rem;color:var(--accent);margin-bottom:25px;display:inline-block;animation:spin-slow 10s linear infinite;}.bridge-title{font-family:var(--font-head);font-size:2.5rem;font-weight:700;margin-bottom:15px;line-height:1.2;}.bridge-text{font-size:1.1rem;color:rgba(255,255,255,0.85);margin-bottom:35px;max-width:700px;margin-left:auto;margin-right:auto;}.bridge-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid rgba(255,255,255,0.15);padding-top:30px;margin-top:30px;}.bs-item h4{font-size:2rem;font-weight:800;color:white;margin-bottom:5px;}.bs-item p{font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.6);margin:0;}@keyframes spin-slow{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@media (max-width:768px){.parallax-bridge{padding:80px 5%;}.bridge-card{padding:30px 20px;}.bridge-title{font-size:1.8rem;}.bridge-stats{grid-template-columns:1fr;gap:20px;}.bridge-icon{font-size:2.5rem;}}.performance-section{padding:100px 5%;background:var(--white);}.perf-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center;}.perf-content h2{font-size:2.5rem;margin-bottom:20px;}.perf-content p{color:var(--text-muted);margin-bottom:30px;font-size:1.05rem;}.impact-card{background:var(--bg-light);border-left:5px solid var(--accent);padding:25px;border-radius:12px;}.impact-head{font-family:var(--font-head);font-size:3rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:5px;}.impact-desc{font-size:0.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;}.chart-wrapper{background:var(--primary);padding:50px;border-radius:20px;color:white;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;}.chart-wrapper::before{content:'';position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,0.05) 0%,transparent 70%);}.chart-header{margin-bottom:40px;display:flex;justify-content:space-between;align-items:flex-end;}.chart-header h3{color:white;margin-bottom:0;font-size:1.5rem;}.chart-header span{opacity:0.6;font-size:0.9rem;}.simple-bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:250px;padding-top:20px;position:relative;}.grid-line{position:absolute;left:0;width:100%;border-top:1px dashed rgba(255,255,255,0.1);z-index:1;}.g-100{bottom:100%;}.g-50{bottom:50%;}.g-0{bottom:0;}.bar-group{display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2;width:12%;height:100%;justify-content:flex-end;}.bar{width:100%;background:linear-gradient(to top,rgba(255,255,255,0.15),rgba(255,255,255,0.5));border-top:2px solid rgba(255,255,255,0.8);border-radius:6px 6px 0 0;position:relative;transition:height 1.5s cubic-bezier(0.22,0.61,0.36,1);height:0;box-shadow:0 0 10px rgba(255,255,255,0.05);}.bar-group:last-child .bar{background:linear-gradient(to top,#d97706,#fbbf24);box-shadow:0 0 15px rgba(251,191,36,0.4);border-top:none;}.bar-val{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:0.85rem;font-weight:700;color:white;opacity:0;transition:opacity 0.5s 1s;}.chart-wrapper.show-data .bar-val{opacity:1;}.bar-year{font-size:0.85rem;color:rgba(255,255,255,0.7);margin-top:5px;font-family:var(--font-body);}.simple-bar-chart{display:flex;justify-content:space-between;align-items:flex-end;height:250px;padding-top:20px;position:relative;border-bottom:2px solid rgba(255,255,255,0.2);padding-bottom:10px;}@media (max-width:900px){.perf-grid{grid-template-columns:1fr;gap:40px;}.simple-bar-chart{height:200px;}.bar-group{width:14%;}}.timeline-section{padding:100px 5%;background:var(--bg-light);position:relative;}.timeline-header{text-align:center;max-width:700px;margin:0 auto 70px;}.timeline-container{position:relative;max-width:1000px;margin:0 auto;padding:20px 0;}.timeline-container::after{content:'';position:absolute;width:4px;background:rgba(15,23,42,0.1);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:2px;}.tl-item{padding:10px 40px;position:relative;background-color:inherit;width:50%;box-sizing:border-box;opacity:0;transform:translateY(30px);transition:all 0.6s ease;}.tl-item.left{left:0;text-align:right;}.tl-item.right{left:50%;text-align:left;}.tl-dot{position:absolute;width:24px;height:24px;right:-12px;background-color:var(--white);border:4px solid var(--primary);top:25px;border-radius:50%;z-index:10;transition:0.3s;}.tl-item.right .tl-dot{left:-12px;right:auto;}.tl-content{padding:25px 30px;background:var(--white);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.05);position:relative;border-top:4px solid transparent;transition:transform 0.3s;}.tl-content:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}.tl-year{display:inline-block;background:var(--primary-light);color:white;padding:4px 12px;border-radius:4px;font-size:0.8rem;font-weight:600;margin-bottom:10px;}.tl-title{font-family:var(--font-head);font-size:1.4rem;font-weight:800;margin-bottom:8px;color:var(--primary);}.tl-desc{font-size:0.95rem;color:var(--text-muted);line-height:1.5;}.tl-item.latest .tl-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 6px rgba(217,119,6,0.2);animation:pulse-dot 2s infinite;}.tl-item.latest .tl-content{border-top-color:var(--accent);background:linear-gradient(to bottom right,#fff,#fffbf0);}.tl-item.latest .tl-year{background:var(--accent);}.badge-current{display:inline-block;font-size:0.7rem;color:var(--accent);border:1px solid var(--accent);padding:2px 8px;border-radius:20px;margin-left:10px;vertical-align:middle;font-weight:700;text-transform:uppercase;}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(217,119,6,0.4);}70%{box-shadow:0 0 0 10px rgba(217,119,6,0);}100%{box-shadow:0 0 0 0 rgba(217,119,6,0);}}@media (max-width:768px){.timeline-container::after{left:31px;}.tl-item{width:100%;padding-left:70px;padding-right:25px;text-align:left !important;}.tl-item.left,.tl-item.right{left:0;}.tl-dot,.tl-item.right .tl-dot{left:20px;right:auto;}}.tl-item.show{opacity:1;transform:translateY(0);}/*Src:v_kolaborasi2.php*/.command-section{position:relative;padding:120px 5%;background:#0f172a;overflow:hidden;color:white;}.command-bg-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,0.15) 0%,rgba(15,23,42,0) 70%);top:-20%;left:20%;border-radius:50%;animation:float-glow 10s infinite alternate;z-index:0;pointer-events:none;}.command-bg-glow.acc{top:auto;bottom:-20%;left:auto;right:10%;background:radial-gradient(circle,rgba(217,119,6,0.1) 0%,rgba(15,23,42,0) 70%);animation-delay:2s;}@keyframes float-glow{0%{transform:translate(0,0) scale(1);}100%{transform:translate(30px,50px) scale(1.2);}}.command-header{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto 70px;}.command-header h2{font-size:3rem;font-weight:800;background:linear-gradient(to right,#ffffff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;letter-spacing:-1px;}.command-header p{color:#94a3b8;font-size:1.15rem;line-height:1.6;}.command-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(280px,auto));gap:25px;max-width:1200px;margin:0 auto;position:relative;z-index:2;}.cmd-card{background:rgba(30,41,59,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:35px;position:relative;transition:all 0.4s ease;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}.cmd-card:hover{transform:translateY(-5px);background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.2);box-shadow:0 20px 40px -10px rgba(0,0,0,0.5);}.cmd-card::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:3px;background:var(--accent);transition:0.4s ease;}.cmd-card:hover::after{width:100%;}.cmd-card h3{font-size:1.6rem;color:white;margin-bottom:10px;font-weight:700;}.cmd-card p{color:#cbd5e1;font-size:0.95rem;line-height:1.6;margin-bottom:20px;}.cmd-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:25px;background:rgba(255,255,255,0.05);color:white;border:1px solid rgba(255,255,255,0.1);}.c-main{grid-column:span 5;grid-row:span 2;background:linear-gradient(145deg,rgba(30,58,138,0.4),rgba(15,23,42,0.8));border:1px solid rgba(59,130,246,0.3);}.c-main .cmd-icon{background:#3b82f6;box-shadow:0 0 20px rgba(59,130,246,0.4);border:none;}.c-desa{grid-column:span 4;}.c-vert{grid-column:span 3;}.c-main{grid-column:span 5;grid-row:span 2;background:linear-gradient(145deg,rgba(30,58,138,0.5),rgba(15,23,42,0.9));border:1px solid rgba(59,130,246,0.3);}.c-desa{grid-column:span 4;}.c-vert{grid-column:span 3;}.c-mitra{grid-column:span 7;background:linear-gradient(145deg,rgba(30,41,59,0.6),rgba(15,23,42,0.8));border-bottom:3px solid #ec4899;}.c-mitra:hover{box-shadow:0 20px 40px -10px rgba(236,72,153,0.2);}@media (max-width:900px){.c-main,.c-desa,.c-vert,.c-mitra{grid-column:span 12;}.command-grid{grid-template-columns:1fr;display:flex;flex-direction:column;}}.tag{display:inline-block;padding:5px 12px;border-radius:50px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;border:1px solid rgba(255,255,255,0.2);}@media (max-width:1024px){.command-grid{display:flex;flex-direction:column;}.c-main{min-height:400px;}.command-header h2{font-size:2.2rem;}}/*Src:v_laporan_warga.php*/.section#input-laporan{padding:60px 20px;background-color:var(--form-bg-light);min-height:60vh;}.container{font-family:'Source Sans Pro',sans-serif;color:var(--form-text-dark);width:100%;max-width:1000px;margin:0 auto;padding:0;display:block;}.card{background:var(--white);border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,0.08);border-top:5px solid var(--form-primary);overflow:hidden;position:relative;}.card-header{padding:25px 30px;border-bottom:1px solid #eee;background:#fff;display:flex;justify-content:space-between;align-items:center;}.card-header h2{font-family:'Poppins',sans-serif;font-size:1.5rem;color:var(--form-text-dark);margin:0;}.card-body{padding:40px;}.step-indicator{display:flex;justify-content:space-between;margin-bottom:40px;position:relative;padding:0 20px;}.step-indicator::before{content:'';position:absolute;top:15px;left:20px;right:20px;height:2px;background:#e9ecef;z-index:1;}.step{position:relative;z-index:2;background:var(--white);width:35px;height:35px;border-radius:50%;border:2px solid #e9ecef;display:flex;align-items:center;justify-content:center;font-weight:bold;color:var(--form-text-muted);transition:0.3s;}.step.active{border-color:var(--form-primary);background:var(--form-primary);color:var(--white);box-shadow:0 0 0 4px rgba(0,123,255,0.2);}.step.finished{background:var(--form-success);border-color:var(--form-success);color:var(--white);}.step-label{position:absolute;top:40px;font-size:0.75rem;width:80px;text-align:center;left:50%;transform:translateX(-50%);color:var(--form-text-muted);font-weight:600;}.form-group{margin-bottom:25px;}label{font-weight:600;margin-bottom:8px;display:block;color:var(--form-text-dark);font-size:0.95rem;}.form-control{width:100%;padding:12px 15px;font-size:1rem;border:1px solid #ced4da;border-radius:var(--form-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;background-color:#fff;box-sizing:border-box;}.form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);}textarea.form-control{resize:vertical;min-height:120px;}.file-upload-wrapper{border:2px dashed #ced4da;border-radius:var(--form-radius);padding:30px;text-align:center;cursor:pointer;transition:0.3s;background:#fdfdfd;}.file-upload-wrapper:hover{background:#f1f8ff;border-color:var(--form-primary);}.file-upload-wrapper i{font-size:2rem;color:var(--form-primary);margin-bottom:10px;}.file-upload-wrapper p{margin:0;font-size:0.9rem;color:var(--form-text-muted);}.map-placeholder{width:100%;height:250px;background:#e9ecef;border-radius:var(--form-radius);display:flex;align-items:center;justify-content:center;color:var(--form-text-muted);margin-top:10px;position:relative;background-size:cover;background-position:center;}.btn-location{position:absolute;bottom:15px;right:15px;background:var(--white);border:1px solid #ddd;padding:8px 15px;border-radius:4px;font-size:0.85rem;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,0.1);font-weight:600;color:var(--form-text-dark);}.btn-group{display:flex;justify-content:space-between;margin-top:40px;border-top:1px solid #eee;padding-top:25px;}.btn{padding:12px 30px;border-radius:var(--form-radius);font-weight:600;border:none;cursor:pointer;transition:0.3s;font-size:1rem;}.btn-secondary{background:#6c757d;color:white;}.btn-secondary:hover{background:#5a6268;}.btn-primary{background:var(--form-primary);color:white;}.btn-primary:hover{background:var(--form-primary-dark);}.btn-success{background:var(--form-success);color:white;}.btn-success:hover{background:#218838;}.tab-content{display:none;animation:fadeIn 0.5s;}.tab-content.active{display:block;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){.container{max-width:100%;}.section#input-laporan{padding:30px 15px;}.step-label{display:none;}.card-header h2{font-size:1.2rem;}}/*Src:v_regulasi.php*/.container{max-width:1000px;margin:-40px auto 0;padding:0 20px 25px;position:relative;z-index:2;}.filter-card{background:var(--white);padding:20px;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,0.1);display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:30px;}.search-box{flex:1;position:relative;min-width:250px;}.search-box input{width:100%;padding:12px 15px 12px 45px;border:1px solid #ddd;border-radius:50px;outline:none;font-size:1rem;box-sizing:border-box;transition:0.3s;}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,123,255,0.1);}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999;}.category-filter{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px;}.filter-btn{border:1px solid #ddd;background:#fff;padding:8px 15px;border-radius:20px;cursor:pointer;font-size:0.9rem;white-space:nowrap;transition:0.3s;color:#555;}.filter-btn:hover{background:#f1f1f1;}.filter-btn.active{background:var(--primary);color:white;border-color:var(--primary);}.doc-list{display:flex;flex-direction:column;gap:15px;}.doc-card{background:var(--white);border-radius:var(--radius);padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(0,0,0,0.03);transition:0.3s;border-left:5px solid transparent;animation:fadeIn 0.5s ease;}.doc-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.08);}.type-UU{border-left-color:#dc3545;}.type-PERDA{border-left-color:#28a745;}.type-PERBUP{border-left-color:#ffc107;}.type-SK{border-left-color:#17a2b8;}.type-DEFAULT{border-left-color:var(--secondary);}.doc-info{display:flex;align-items:flex-start;gap:20px;flex:1;}.doc-icon{width:50px;height:50px;background:#fdfdfd;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#d32f2f;font-size:1.5rem;flex-shrink:0;}.doc-details h3{margin:0 0 5px;font-size:1.1rem;color:var(--text-dark);font-weight:600;}.doc-meta{font-size:0.85rem;color:var(--secondary);display:flex;gap:15px;flex-wrap:wrap;}.badge{padding:2px 8px;border-radius:4px;background:#eee;color:#555;font-weight:600;font-size:0.75rem;}.btn-download{background:var(--primary);color:white;text-decoration:none;padding:10px 20px;border-radius:50px;font-size:0.9rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:0.3s;white-space:nowrap;margin-left:20px;}.btn-download:hover{background:var(--primary-dark);box-shadow:0 4px 10px rgba(0,123,255,0.3);}.empty-state{text-align:center;padding:40px;color:#999;display:none;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}@media (max-width:768px){.doc-card{flex-direction:column;align-items:flex-start;}.btn-download{width:100%;justify-content:center;margin-left:0;margin-top:15px;}.doc-icon{display:none;}}*/