:root {--primary-color: #7a7a7a;--primary-gradient: linear-gradient(to bottom, #7a7a7a 0, #3d3d3d 100%);--primary-dark: #614a27;--dark: #1a1a1a;--gray: #666666;--light-gray: #f5f5f5;--white: #ffffff;--success: #34c759;--warning: #ff9500;--danger: #ff3b30;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all 0.3s ease;--primary-red: #ffe600;--dark-red: #ff0000;--link-blue: #1A73E8;--link-hover: #0D47A1;--anchor-blue: #1565C0;}* {margin: 0;padding: 0;box-sizing: border-box;}a {color: var(--link-blue);text-decoration: none;text-decoration-thickness: 1.5px;text-underline-offset: 3px;transition: var(--transition);}a:hover {text-decoration-thickness: 2px;}a.anchor {color: var(--anchor-blue);text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: 3px;font-weight: 500;}p a {color: var(--link-blue);font-weight: 500;}body {font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;line-height: 1.6;color: var(--dark);background-color: var(--white);}.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}header {background-color: var(--white);box-shadow: var(--shadow-sm);position: sticky;top: 0;z-index: 1000;}.header-container {display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 20px;padding: 18px 0;}.header-left {display: flex;align-items: center;}.header-center {display: flex;justify-content: center;}.header-right {display: flex;align-items: center;gap: 12px;margin-left: auto;}.logo {font-size: 2rem;font-weight: 700;color: var(--primary-color);display: flex;align-items: center;gap: 12px;padding: 10px 0;}.logo img {height: 48px;width: auto;transition: transform 0.3s ease;filter: drop-shadow(0 1px 0.5px rgba(0, 0, 0, 0.4)) drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.2));}.logo:hover img {transform: scale(1.1);}.nav-links {display: flex;gap: 24px;}.nav-links a {font-weight: 500;color: var(--dark);transition: var(--transition);text-decoration: none;}.nav-links a:hover {color: var(--primary-color);}.auth-buttons {display: flex;gap: 12px;align-items: center;}.btn-login {padding: 10px 20px;border-radius: var(--radius-md);font-weight: 600;color: var(--dark);background-color: transparent;border: 2px solid var(--primary-color);transition: var(--transition);}.btn-login:hover {background-color: rgba(161, 140, 111, 0.1);color: var(--primary-dark);}.btn-daftar {padding: 10px 20px;border-radius: var(--radius-md);font-weight: 600;color: white;background: var(--primary-gradient);background-color: var(--primary-color);border: 2px solid var(--primary-color);transition: var(--transition);}.btn-daftar:hover {background: var(--primary-dark);transform: translateY(-2px);box-shadow: var(--shadow-sm);}.mobile-menu-button {display: none;background: none;border: none;color: var(--dark);cursor: pointer;padding: 10px;}.mobile-menu {display: none;flex-direction: column;background: var(--white);box-shadow: var(--shadow-md);padding: 20px;}.mobile-menu a {padding: 10px 0;text-decoration: none;color: var(--dark);}.mobile-menu.active {display: flex;}.breadcrumb {padding: 12px 0;font-size: 0.875rem;color: var(--gray);}.breadcrumb a {color: var(--gray);text-decoration: none;}.breadcrumb a:hover {color: var(--primary-color);}.breadcrumb-separator {margin: 0 8px;color: var(--gray);}.hero {background: linear-gradient(to right, #f8f9fa 0%, #f1f3f5 100%);padding: 80px 0;position: relative;overflow: hidden;}.hero-container {display: flex;align-items: center;gap: 60px;position: relative;z-index: 2;}.hero-content {flex: 1;}.hero-badge {display: inline-flex;align-items: center;background-color: var(--primary-red);color: white;padding: 6px 12px;border-radius: 20px;font-size: 0.875rem;font-weight: 600;margin-bottom: 16px;gap: 6px;}.hero-title {font-size: 2.75rem;font-weight: 700;line-height: 1.2;margin-bottom: 16px;color: var(--dark);}.hero-subtitle {font-size: 1.25rem;color: var(--gray);margin-bottom: 24px;max-width: 500px;}.price-container {display: flex;align-items: center;gap: 16px;margin-bottom: 24px;}.current-price {font-size: 2rem;font-weight: 700;color: var(--dark);}.original-price {text-decoration: line-through;color: var(--gray);font-size: 1.25rem;}.discount-badge {background-color: var(--dark-red);color: white;padding: 4px 10px;border-radius: var(--radius-sm);font-size: 0.875rem;font-weight: 600;}.cta-buttons {display: flex;gap: 16px;margin-bottom: 32px;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 14px 28px;border-radius: var(--radius-md);font-weight: 600;cursor: pointer;transition: var(--transition);gap: 8px;}.btn-primary {background: var(--primary-gradient);background-color: var(--primary-color);color: var(--white);border: 2px solid var(--primary-color);}.btn-primary:hover {background: var(--primary-dark);transform: translateY(-2px);box-shadow: var(--shadow-md);}.btn-outline {background-color: transparent;color: var(--primary-color);border: 2px solid var(--primary-color);}.btn-outline:hover {background-color: rgba(161, 140, 111, 0.08);}.benefits-list {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 32px;}.benefit-item {display: flex;align-items: center;gap: 8px;font-size: 0.9375rem;}.benefit-icon {color: var(--success);font-size: 1.25rem;}.hero-image {flex: 1;position: relative;min-height: 400px;display: flex;align-items: center;justify-content: center;}.hero-image img {max-width: 115%;height: auto;transition: var(--transition);filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));}.hero-image:hover img {transform: scale(1.05);}.section {padding: 40px 0;}.section-title {text-align: center;margin-bottom: 48px;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}.feature-card {background-color: var(--white);border-radius: var(--radius-md);padding: 32px;box-shadow: var(--shadow-sm);transition: var(--transition);}.feature-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-lg);}.feature-icon {font-size: 2.5rem;color: var(--primary-color);margin-bottom: 20px;}.feature-card h3 {font-size: 1.25rem;margin-bottom: 12px;}.feature-card p {color: var(--gray);line-height: 1.7;}.article-content {max-width: 800px;margin: 0 auto;line-height: 1.8;}.article-content h3 {font-size: 1.5rem;margin: 30px 0 15px;color: #000000;}.article-content ul, .article-content ol {margin: 20px 0;padding-left: 20px;}.article-content table {width: 100%;border-collapse: collapse;margin: 20px 0;}.article-content table, .article-content th, .article-content td {border: 1px solid #ddd;}.article-content th, .article-content td {padding: 12px;text-align: left;}.article-content th {background-color: var(--light-gray);}.article-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}.article-card {background: white;border-radius: var(--radius-md);overflow: hidden;box-shadow: var(--shadow-sm);transition: var(--transition);}.article-card:hover {transform: translateY(-5px);box-shadow: var(--shadow-md);}.article-card img {width: 100%;height: 200px;object-fit: cover;}.article-card h3 {padding: 15px 20px 5px;font-size: 1.1rem;}.article-card h3 a {color: var(--dark);text-decoration: none;}.article-card h3 a:hover {color: var(--primary-color);}.article-card p {padding: 0 20px 20px;color: var(--gray);font-size: 0.9rem;}.reviews-container {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 24px;}.review-card {background-color: var(--white);border-radius: var(--radius-md);padding: 24px;box-shadow: var(--shadow-sm);}.review-header {display: flex;align-items: center;margin-bottom: 16px;}.review-avatar {width: 48px;height: 48px;border-radius: 50%;background: var(--primary-gradient);background-color: var(--primary-color);color: var(--white);display: flex;align-items: center;justify-content: center;font-weight: 700;margin-right: 16px;flex-shrink: 0;}.review-author {font-weight: 600;}.review-rating {color: var(--warning);margin-top: 4px;font-size: 0.875rem;}.review-date {color: var(--gray);font-size: 0.8125rem;}.review-content {font-style: italic;color: var(--dark);line-height: 1.7;}.review-meta {display: flex;align-items: center;gap: 12px;margin-top: 16px;font-size: 0.8125rem;color: var(--gray);}.warranty-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 24px;}.warranty-card {background-color: rgba(255, 255, 255, 0.1);border-radius: var(--radius-md);padding: 32px;transition: var(--transition);}.warranty-card:hover {transform: translateY(-5px);}.warranty-card h3 {font-size: 1.25rem;margin-bottom: 12px;display: flex;align-items: center;gap: 8px;}.faq-section {background-color: var(--light-gray);padding: 40px 0;}.faq-container {max-width: 800px;margin: 0 auto;}.faq-item {margin-bottom: 16px;border-radius: var(--radius-md);overflow: hidden;background-color: var(--white);box-shadow: var(--shadow-sm);}.faq-question {padding: 20px;font-weight: 600;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: var(--transition);}.faq-question:hover {color: var(--primary-color);}.faq-answer {padding: 0 20px;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}.faq-answer p {padding-bottom: 20px;color: var(--gray);line-height: 1.7;}.faq-item.active .faq-answer {max-height: 500px;}.live-chat {position: fixed;bottom: 92px;right: 20px;z-index: 999;}.chat-btn {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;background: var(--primary-gradient);background-color: var(--primary-color);color: var(--white);box-shadow: var(--shadow-lg);cursor: pointer;transition: var(--transition);border: none;}.chat-btn:hover {background: var(--primary-dark);transform: scale(1.1);}.chat-icon {font-size: 1.5rem;}footer {background-color: var(--dark);color: var(--white);padding: 80px 0 0;}.footer-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 40px;margin-bottom: 60px;}.footer-col h3 {font-size: 1.125rem;margin-bottom: 20px;color: var(--white);}.footer-col p, .footer-col a {color: rgba(255, 255, 255, 0.7);transition: var(--transition);line-height: 1.7;}.footer-col a:hover {color: var(--white);}.footer-links {list-style: none;}.footer-links li {margin-bottom: 12px;}.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 24px 0;text-align: center;}.copyright {color: rgba(255, 255, 255, 0.5);font-size: 0.875rem;}.social-links {display: flex;justify-content: center;gap: 20px;margin-top: 20px;}.social-link {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.1);color: var(--white);transition: var(--transition);}.social-link:hover {background: var(--primary-gradient);background-color: var(--primary-color);transform: translateY(-3px);}.mobile-bottom-bar {display: none;position: fixed;bottom: 0;left: 0;right: 0;background: #c5c5c5;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);z-index: 999;padding: 8px 0;}.mobile-bottom-bar .bottom-bar-content {display: flex;justify-content: space-around;align-items: center;}.mobile-bottom-bar .bottom-bar-btn {display: flex;flex-direction: column;align-items: center;text-decoration: none;color: #fff;font-size: 1rem;padding: 8px 12px;border-radius: var(--radius-sm);transition: var(--transition);}.mobile-bottom-bar .bottom-bar-btn:hover {background: rgba(161, 140, 111, 0.1);color: var(--primary-color);}.mobile-bottom-bar .bottom-bar-btn.active {color: var(--primary-color);}.mobile-bottom-bar .bottom-bar-icon {font-size: 1.2rem;margin-bottom: 4px;}.mobile-bottom-bar .btn-promo {background: var(--primary-gradient);background-color: var(--primary-color);color: white;padding: 8px 16px;border-radius: 20px;font-weight: 600;display: flex;align-items: center;gap: 4px;}.mobile-bottom-bar .btn-promo:hover {background: var(--primary-dark);}@media (max-width: 992px) {.hero-container {flex-direction: column;gap: 40px;}.hero-content {text-align: center;}.hero-subtitle {margin-left: auto;margin-right: auto;}.price-container, .cta-buttons, .benefits-list {justify-content: center;}.hero-image {min-height: 300px;}}@media (max-width: 768px) {.header-container {grid-template-columns: auto 1fr auto;gap: 10px;}.header-center {display: none;}.mobile-menu-button {display: block;}.auth-buttons {display: none;}.hero {padding: 30px 0;}.hero-title {font-size: 2rem;}.hero-subtitle {font-size: 1.1rem;}.current-price {font-size: 1.75rem;}.original-price {font-size: 1.1rem;}.cta-buttons {flex-direction: column;}.section {padding: 20px 0;}.mobile-bottom-bar {display: block;}body {padding-bottom: 60px;}.nav-links {display: none;}.logo {font-size: 1.5rem;}.logo img {height: 40px;}}@keyframes pulse {0% {transform: scale(1);}50% {transform: scale(1.05);}100% {transform: scale(1);}}.logo img {animation: pulse 3s infinite;}