:root {
            --primary-color: #2563eb;
            --bg-dark: #0f172a;
            --text-light: #f8fafc;
        }

        body, html {
            margin: 0; padding: 0;
            font-family: 'Segoe UI', sans-serif;
            scroll-behavior: smooth;
            background-color: var(--bg-dark);
            color: var(--text-light);
            overflow-x: hidden;
        }
		.logo { text-align:center; }
		.logo img { max-width:100%; height:auto; }
		#dk-ldps section table td { color:#333; font-size:90%; line-height:1.6; }
    #dk-ldps section p { margin:10px 0; line-height:1.5; }
		#dk-ldps section p a { color:#6dc698; }
		#dk-ldps section p a:hover { text-decoration:underline; color:#88d8ae; }
		#dk-ldps section ul { margin:12px 0; padding-left:1em; list-style-type:inherit; }
		#dk-ldps section ul li { line-height:1.4; list-style-position:inside; margin:8px 0; }
    .nap-kapBxLdp { background: #1c2946; padding: 10px; border-radius: 5px; }
    #dk-ldps .nap-kapZaloPix { box-shadow: none; }
    .nap-kapBxLdp h3 { margin-top: 0; }

	#formdk h3 { color:#cbcc99; text-transform: uppercase;  margin-bottom: 5px; text-align:center; }
	#formdk .wpcf7 .wpcf7-form { background:none; margin-top:0; border-radius:0; border:none; width:100%; text-align:center; }
	#formdk .wpcf7 .wpcf7-form p { margin:1em 0; }
	#formdk .wpcf7-form-control-wrap input { background:#f9f9f9; padding:10px; border:1px solid #20355a; outline:none; color:#214274; width:100%; }
	#formdk .wpcf7-form-control-wrap input:focus { border-color:#333; color:#4e0b60; }
	#formdk .wpcf7 .wpcf7-form .dk-submit { text-align:center; }
	#formdk .wpcf7 .wpcf7-form input[type="submit"] { background:#39c; color:#fff; padding:10px; float:none; }
	#formdk .wpcf7 .wpcf7-form input[type="submit"]:hover { background:#3099ab; }
	#formdk .wpcf7-spinner { margin:0 auto; display:block; }
	#dk-ldps .scrollup { width:48px; }
	#formdk .wpcf7-form-control-wrap select { width:100%; background:#f5f5f5; padding:10px; border:1px solid #20355a; outline:none; color:#214274; }
	label.formdk-note { color:#ccc000; font-style:italic; font-size:13px; }
	.formdk-cl3 { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
	.formdk-cl3s span { display:inline-block; }

.custom-form { max-width: 100%; margin: 20px 0; border: 1px solid #1c2741; padding: 20px; border-radius: 8px; }
.form-group { margin-bottom: 15px; }
.formdk-cl3 .form-group { flex: 1; min-width: 140px; margin-bottom: 5px; }
.form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
.form-group input[type="text"], .form-group input[type="number"], .form-group input[type="email"], .form-group input[type="tel"], .form-group input[type="date"], .form-group select {
            width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;
        }
#submit-btn { background: #0073aa; color: #fff; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; }
@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}
.input-error {
  border: 1px solid red !important;
  animation: shake 0.2s ease-in-out 0s 2;
}

        /* Sidebar Navigation */
        .sidebar {
            position: fixed;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 100;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .sidebar a {
            width: 12px; height: 12px;
            background: rgba(255,255,255,0.3);
            border-radius: 50%;
            transition: 0.3s;
            text-decoration: none;
            position: relative;
        }

        .sidebar a:hover, .sidebar a.active {
            background: var(--primary-color);
            transform: scale(1.5);
        }

        /* Layout Sections */
        section {
            padding: 50px 25%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid #1e293b;
        }
        .hero-desc { font-size: 2rem; font-weight: bold; }
        .video-container {
            width: 100%; aspect-ratio: 16/9;
            background: #1e293b;
            display: flex; align-items: center; justify-content: center;
            border-radius: 15px; margin-top: 20px;
        }
        .slideshow-placeholder {
            display: flex; gap: 20px; overflow-x: auto; padding: 20px 0;
        }
        .slide-card {
            min-width: 300px;
            background: #334155; border-radius: 10px;
        }
        .dynamic-content { margin-top: 40px; }
        .loading-trigger {
            padding: 40px; text-align: center;
            color: var(--primary-color); font-weight: bold;
        }

.landing-item {
    animation: fadeInUp 0.6s ease backwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.skeleton-card {
    width: 100%;
    min-height: 250px;
    background: #1e293b;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px;
    overflow: hidden;
    position: relative;
}

.skeleton-line {
    height: 20px;
    background: #334155;
    margin-bottom: 15px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.skeleton-line::after, .skeleton-card::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.05), 
        transparent
    );
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% { transform: translateX(100%); }
}
        /* Responsive */
@media (max-width: 850px) {
  section { padding: 35px 16%; }
  .sidebar { display: none; }
}
@media (max-width: 600px) {
		section { padding: 20px 5%; }
		.wpcf7-list-item { font-size:10px; margin:0 2px; }
        .formdk-cl3 { display: inline-block; }
        .formdk-cl3 input[type="checkbox"] { word-wrap:break-word; margin: 5px 0 5px 8px; }
}