

:root {--m0-gold:        rgba(201,168,76,1);--m0-radius-sm:   8px;--m0-transition:  all 0.35s var(--m0-ease);--m0-shadow-card: 0 8px 32px rgba(0,0,0,0.5);--m0-border:      rgba(255,255,255,0.07);--m0-gold-dim:    rgba(201,168,76,0.15);--m0-radius-lg:   22px;--m0-crimson:     #e05252;--m0-gold-light:  rgba(232,201,122,1);--m0-bg-overlay:  rgba(13,13,13,0.88);--m0-bg-base:     #0d0d0d;--m0-bg-surface:  #141414;--m0-text-primary:rgba(240,236,228,1);--m0-radius-md:   14px;--m0-radius-xl:   32px;--m0-bg-raised:   rgba(26,26,26,1);--m0-ease:        cubic-bezier(0.4,0,0.2,1);--m0-text-muted:  rgb(138,128,112);--m0-shadow-glow: 0 0 30px rgba(201,168,76,0.2);--m0-text-dim:    #5a5248;--m0-gold-border: rgba(201,168,76,0.25)}

*, *::before, *::after {box-sizing:border-box;padding:0;margin:0}
html { scroll-behavior:smooth; }

.m0-body, body {-webkit-font-smoothing: antialiased;font-family: 'Plus Jakarta Sans', sans-serif;overflow-x: hidden;color: var(--m0-text-primary);line-height: 1.65;background: var(--m0-bg-base);visibility:visible;pointer-events:auto;user-select:auto;isolation:auto}

body.m0-no-scroll { overflow: hidden; }
a {transition: var(--m0-transition);text-decoration:none;color:inherit}
ul { list-style:none; }
img {height:auto;max-width:100%;display:block}

.m0-container {max-width: 1360px;width: 92%;margin: 0 auto}


::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--m0-bg-base); }
::-webkit-scrollbar-thumb {border-radius: 10px;background: var(--m0-gold)}


header {position: sticky;border-bottom: 1px solid var(--m0-gold-border);transition: var(--m0-transition);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);top: 0;background: var(--m0-bg-overlay);z-index: 1000}

header.m0-scrolled {box-shadow: 0 4px 24px rgba(0,0,0,0.6);background: rgba(10,10,10,0.97)}

.m0-header-container {justify-content: space-between;padding: 0.9rem 5%;max-width: 1360px;gap: 1.5rem;display: flex;margin: 0 auto;align-items: center}

.m0-logo img {height: 42px;filter: drop-shadow(0 0 10px rgba(201,168,76,0.4))}

.m0-nav-list ul {gap: 2rem;display: flex;align-items: center}

.m0-nav-list a {position: relative;letter-spacing: 0.4px;color: var(--m0-text-muted);padding-bottom: 3px;font-size: 0.9rem;font-weight: 600}

.m0-nav-list a::after {position: absolute;bottom: -2px;left: 0;transition: width 0.3s var(--m0-ease);width: 0;height: 1.5px;background: var(--m0-gold);content: ''}

.m0-nav-list a:hover { color: var(--m0-gold-light); }
.m0-nav-list a:hover::after { width: 100%; }

.m0-header-auth .m0-btn-signup {white-space: nowrap;font-weight: 700;letter-spacing: 0.3px;box-shadow: 0 4px 16px rgba(201,168,76,0.3);align-items: center;background: linear-gradient(135deg, var(--m0-gold), #a8722a);font-size: 0.88rem;display: inline-flex;color: #0d0d0d;padding: 0.6rem 1.5rem;gap: 0.4rem;border-radius: var(--m0-radius-sm)}

.m0-header-auth .m0-btn-signup:hover {box-shadow: 0 8px 24px rgba(201,168,76,0.45);transform: translateY(-2px)}

.m0-mobile-menu-toggle {background: none;gap: 5px;display: none;padding: 4px;border: none;cursor: pointer;flex-direction: column}

.m0-mobile-menu-toggle span {display: block;background: var(--m0-text-primary);width: 24px;transition: var(--m0-transition);height: 2px;border-radius: 2px}


@media (max-width: 992px) {
    .m0-nav-list {box-shadow: -10px 0 40px rgba(0,0,0,0.7);position: fixed;background: #111;top: 0;padding: 5rem 2rem 2rem;display: none;right: 0;border-left: 1px solid var(--m0-gold-border);height: 100vh;width: 280px;z-index: 999}
    .m0-nav-list.m0-active { display: block; }
    .m0-nav-list ul {gap: 1.8rem;flex-direction: column}
    .m0-mobile-menu-toggle {display: flex;z-index: 1001}
    .m0-mobile-menu-toggle.m0-active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
    .m0-mobile-menu-toggle.m0-active span:nth-child(2) { opacity: 0; }
    .m0-mobile-menu-toggle.m0-active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }
}


footer {background: var(--m0-bg-surface);padding: 5rem 5% 2.5rem;margin-top: 6rem;border-top: 1px solid var(--m0-gold-border)}

.m0-footer-top {gap: 4rem;display: grid;margin-bottom: 3.5rem;grid-template-columns: 1.4fr repeat(2, 1fr)}

.m0-footer-brand .m0-footer-logo {margin-bottom: 1.2rem;height: 40px}
.m0-footer-desc {max-width: 300px;line-height: 1.8;font-size: 0.9rem;color: var(--m0-text-muted)}

.m0-footer-nav h4,
.m0-footer-contact h4 {font-family: 'Playfair Display', serif;color: var(--m0-gold-light);font-size: 1rem;margin-bottom: 1.2rem;letter-spacing: 0.5px}

.m0-footer-nav ul {display: flex;flex-direction: column;gap: 0.7rem}
.m0-footer-nav a {color: var(--m0-text-muted);font-size: 0.9rem}
.m0-footer-nav a:hover {padding-left: 4px;color: var(--m0-gold)}

.m0-footer-contact .m0-contact-list {flex-direction: column;gap: 0.8rem;display: flex}
.m0-footer-contact .m0-contact-list li {color: var(--m0-text-muted);font-size: 0.9rem;display: flex;gap: 0.6rem;align-items: center}

.m0-footer-bottom {align-items: center;padding-top: 2rem;font-size: 0.82rem;justify-content: space-between;border-top: 1px solid var(--m0-border);gap: 1rem;color: var(--m0-text-dim);flex-wrap: wrap;display: flex}

.m0-footer-links a {font-size: 0.82rem;color: var(--m0-gold);margin-left: 1.5rem}
.m0-footer-links a:hover { color: var(--m0-gold-light); }


.m0-ad-container {box-shadow: var(--m0-shadow-glow);border-radius: var(--m0-radius-md);max-width: 1200px;overflow: hidden;border: 1px solid var(--m0-gold-border);margin: 2.5rem auto}


.m0-section-title {text-align: center;font-family: 'Playfair Display', serif;font-weight: 800;margin-bottom: 3.5rem;font-size: clamp(1.8rem, 4vw, 2.8rem);color: var(--m0-text-primary)}

.m0-section-title .m0-accent {background: linear-gradient(135deg, var(--m0-gold), var(--m0-gold-light));-webkit-background-clip: text !important;background-clip: text !important;-webkit-text-fill-color: transparent}


.m0-mobile-bottom-bar {left: 0;background: rgba(13,13,13,0.97);position: fixed;padding: 10px 16px;gap: 12px;z-index: 1005;bottom: 0;justify-content: space-between;border-top: 1px solid var(--m0-gold-border);display: none;width: 100%;backdrop-filter: blur(16px)}

.m0-mobile-bottom-bar a {text-align: center;font-size: 0.88rem;border-radius: var(--m0-radius-sm);font-weight: 700;flex: 1;padding: 10px;letter-spacing: 0.3px}

.m0-mobile-bottom-bar .m0-btn-login {color: var(--m0-gold);background: transparent;border: 1px solid var(--m0-gold-border)}

.m0-mobile-bottom-bar .m0-btn-register {border: 1px solid transparent;background: linear-gradient(135deg, var(--m0-gold), #a8722a);color: #0d0d0d}

@media (max-width: 768px) {
    .m0-mobile-bottom-bar { display: flex; }
    body { padding-bottom: 64px; }

    .m0-footer-top {text-align: center;gap: 2.5rem;grid-template-columns: 1fr}
    .m0-footer-brand {align-items: center;flex-direction: column;display: flex}
    .m0-footer-desc { margin: 0 auto; }
    .m0-footer-nav ul, .m0-footer-contact .m0-contact-list { align-items: center; }
    .m0-footer-contact .m0-contact-list li { justify-content: center; }
    .m0-footer-bottom {flex-direction: column;text-align: center}
    .m0-footer-links {flex-wrap: wrap;justify-content: center;display: flex;gap: 0.8rem}
    .m0-footer-links a { margin-left: 0; }

    .m0-header-container { padding: 0.8rem 5%; }
    .m0-header-auth .m0-btn-signup {font-size: 0.8rem;padding: 0.5rem 1rem}
    .m0-header-auth .m0-arrow { display: none; }
}



body::before {inset: 0;z-index: 0;content: '';pointer-events: none;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity: 0.4;position: fixed}


.m0-ambient-background {inset: 0;background: radial-gradient(ellipse at 20% 10%, #1a1200 0%, var(--m0-bg-base) 60%);z-index: -1;position: fixed;overflow: hidden}

.m0-orb {animation: orbFloat 25s infinite ease-in-out;opacity: 0.18;filter: blur(100px);border-radius: 50%;position: absolute}

.m0-orb-1 {left: -150px;width: 600px;top: -200px;background: var(--m0-gold);height: 600px}

.m0-orb-2 {animation-delay: -8s;bottom: -150px;width: 500px;background: var(--m0-crimson);right: -100px;height: 500px}

.m0-orb-3 {top: 45%;height: 350px;animation-delay: -15s;width: 350px;background: #7c5c1e;left: 50%}

@keyframes orbFloat {
    0%,100% { transform: translate(0,0) scale(1); }
    33%      { transform: translate(40px,-60px) scale(1.08); }
    66%      { transform: translate(-30px,30px) scale(0.94); }
}


.m0-hero {justify-content: center;align-items: center;padding: 3rem 5% 3rem;display: flex;position: relative;text-align: center;z-index: 1;flex-direction: column}

.m0-hero-eyebrow {letter-spacing: 1.5px;color: var(--m0-gold-light);border: 1px solid var(--m0-gold-border);text-transform: uppercase;border-radius: 50px;font-size: 0.78rem;margin-bottom: 2rem;gap: 0.5rem;align-items: center;background: var(--m0-gold-dim);font-weight: 700;padding: 0.45rem 1.1rem;display: inline-flex}

.m0-hero h1 {margin-bottom: 1.5rem;font-family: 'Playfair Display', serif;letter-spacing: -1px;color: var(--m0-text-primary);font-weight: 800;line-height: 1.1;font-size: clamp(2.8rem, 7vw, 5.5rem)}

.m0-hero h1 .m0-gold-word {background: linear-gradient(135deg, var(--m0-gold) 20%, var(--m0-gold-light) 80%);-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background-clip: text !important}

.m0-hero-desc {font-weight: 400;font-size: 1.1rem;line-height: 1.85;max-width: 560px;margin: 0 auto 3rem;color: var(--m0-text-muted)}

.m0-hero-actions {display: flex;flex-wrap: wrap;justify-content: center;gap: 1rem}

.m0-btn-primary {gap: 0.5rem;letter-spacing: 0.3px;transition: var(--m0-transition);font-size: 0.95rem;font-weight: 700;color: #0d0d0d;border-radius: var(--m0-radius-sm);align-items: center;display: inline-flex;padding: 0.95rem 2.5rem;box-shadow: 0 8px 24px rgba(201,168,76,0.35);background: linear-gradient(135deg, var(--m0-gold), #a8722a)}

.m0-btn-primary:hover {transform: translateY(-3px);box-shadow: 0 14px 32px rgba(201,168,76,0.5)}

.m0-btn-secondary {color: var(--m0-text-primary);background: transparent;font-weight: 600;transition: var(--m0-transition);border-radius: var(--m0-radius-sm);gap: 0.5rem;font-size: 0.95rem;border: 1px solid var(--m0-gold-border);align-items: center;padding: 0.95rem 2.5rem;display: inline-flex}

.m0-btn-secondary:hover {border-color: var(--m0-gold);background: var(--m0-gold-dim);transform: translateY(-3px)}


.m0-scroll-indicator {opacity: 0.4;position: absolute;animation: scrollBounce 2.5s infinite;transform: translateX(-50%);bottom: 36px;left: 50%}

.m0-mouse {border: 1.5px solid var(--m0-text-muted);height: 34px;width: 22px;border-radius: 20px;position: relative}

.m0-mouse::before {top: 5px;position: absolute;width: 3px;content: '';background: var(--m0-gold);animation: scrollDot 2.5s infinite;height: 6px;border-radius: 2px;left: 50%;transform: translateX(-50%)}

@keyframes scrollBounce {
    0%,100% { transform: translateX(-50%) translateY(0); }
    50%      { transform: translateX(-50%) translateY(8px); }
}

@keyframes scrollDot {
    0%   {opacity: 1;top: 5px}
    100% {top: 16px;opacity: 0}
}


.m0-section-divider {height: 2px;margin: 0 auto 1rem;background: linear-gradient(90deg, var(--m0-gold), transparent);width: 60px}

.m0-section-header {margin-bottom: 4rem;text-align: center}

.m0-section-subtitle {margin-top: 0.6rem;color: var(--m0-text-muted);font-size: 1rem}


.m0-game-features {position: relative;z-index: 1;padding: 7rem 0}

.m0-grid-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 2rem}

.m0-game-card.m0-premium-hover {transition: var(--m0-transition);position: relative;overflow: hidden;border: 1px solid var(--m0-border);background: var(--m0-bg-surface);border-radius: var(--m0-radius-lg)}

.m0-game-card.m0-premium-hover::before {transition: opacity 0.4s;inset: 0;background: linear-gradient(135deg, var(--m0-gold-dim), transparent);border-radius: var(--m0-radius-lg);content: '';opacity: 0;z-index: 0;pointer-events: none;position: absolute}

.m0-game-card.m0-premium-hover:hover {box-shadow: var(--m0-shadow-card), var(--m0-shadow-glow);transform: translateY(-8px);border-color: var(--m0-gold-border)}

.m0-game-card.m0-premium-hover:hover::before { opacity: 1; }

.m0-card-img-wrapper {height: 220px;overflow: hidden;position: relative}

.m0-card-img-wrapper img {transition: transform 0.6s var(--m0-ease);object-fit: cover;height: 100%;width: 100%}

.m0-game-card.m0-premium-hover:hover .m0-card-img-wrapper img { transform: scale(1.08); }

.m0-overlay-gradient {background: linear-gradient(to top, rgba(13,13,13,0.9) 0%, transparent 60%);position: absolute;inset: 0}

.m0-game-info {position: relative;z-index: 1;padding: 1.8rem}

.m0-game-info h3 {font-size: 1.25rem;font-weight: 700;font-family: 'Playfair Display', serif;color: var(--m0-text-primary);margin-bottom: 0.6rem}

.m0-game-info p {-webkit-box-orient: vertical;overflow: hidden;color: var(--m0-text-muted);-webkit-line-clamp: 2;line-height: 1.7;margin-bottom: 1.5rem;font-size: 0.9rem;display: -webkit-box;line-clamp: 2}

.m0-cyber-btn {border: 1px solid var(--m0-gold-border);display: inline-flex;gap: 0.4rem;background: transparent;border-radius: var(--m0-radius-sm);transition: var(--m0-transition);font-weight: 600;color: var(--m0-gold);padding: 0.6rem 1.3rem;font-size: 0.85rem;align-items: center}

.m0-game-card:hover .m0-cyber-btn {color: #0d0d0d;border-color: var(--m0-gold);background: var(--m0-gold)}

.m0-cyber-btn svg { transition: transform 0.3s; }
.m0-game-card:hover .m0-cyber-btn svg { transform: translateX(3px); }


.m0-latest-news {position: relative;z-index: 1;padding: 7rem 0;background: linear-gradient(180deg, transparent, rgba(20,14,0,0.4) 20%, rgba(20,14,0,0.4) 80%, transparent)}

.m0-news-grid.m0-modern-grid {gap: 2rem;display: grid;grid-template-columns: repeat(auto-fill, minmax(340px, 1fr))}

.m0-news-card.m0-glass-effect {background: var(--m0-bg-surface);flex-direction: column;transition: var(--m0-transition);border: 1px solid var(--m0-border);display: flex;border-radius: var(--m0-radius-lg);overflow: hidden}

.m0-news-card.m0-glass-effect:hover {border-color: var(--m0-gold-border);box-shadow: var(--m0-shadow-card);transform: translateY(-6px)}

.m0-news-img-container {position: relative;height: 220px;overflow: hidden}

.m0-news-img-container img {height: 100%;object-fit: cover;transition: transform 0.5s var(--m0-ease);width: 100%}

.m0-news-card:hover .m0-news-img-container img { transform: scale(1.06); }

.m0-news-date-badge {position: absolute;right: 12px;border-radius: 50px;align-items: center;top: 12px;color: var(--m0-gold-light);backdrop-filter: blur(6px);font-size: 0.75rem;gap: 4px;padding: 0.3rem 0.75rem;border: 1px solid var(--m0-gold-border);background: rgba(13,13,13,0.85);font-weight: 600;display: flex}

.m0-news-content {display: flex;padding: 1.8rem;flex: 1;flex-direction: column}

.m0-news-content h3 {margin-bottom: 0.8rem;font-family: 'Playfair Display', serif;color: var(--m0-text-primary);font-weight: 700;line-height: 1.4;font-size: 1.2rem}

.m0-news-content h3 a:hover { color: var(--m0-gold); }

.m0-news-content p {line-height: 1.7;color: var(--m0-text-muted);font-size: 0.9rem;flex: 1}

.m0-read-more {display: inline-flex;text-transform: uppercase;color: var(--m0-gold);margin-top: 1.2rem;gap: 0.3rem;font-size: 0.85rem;letter-spacing: 0.5px;font-weight: 600;align-items: center}

.m0-read-more:hover {color: var(--m0-gold-light);gap: 0.6rem}


@media (max-width: 768px) {
    .m0-hero {min-height: auto;padding: 2rem 5% 2rem}
    .m0-hero h1 { font-size: 2.4rem; }
    .m0-hero-desc { font-size: 1rem; }
    .m0-hero-actions {flex-direction: column;width: 100%}
    .m0-btn-primary, .m0-btn-secondary {width: 100%;justify-content: center}
    .m0-grid-container, .m0-news-grid.m0-modern-grid { grid-template-columns: 1fr; }
    .m0-game-features, .m0-latest-news { padding: 4rem 0; }
    .m0-section-header { margin-bottom: 2.5rem; }
}

@media (max-width: 480px) {
    .m0-hero h1 { font-size: 2rem; }
    .m0-card-img-wrapper, .m0-news-img-container { height: 190px; }
    .m0-game-info, .m0-news-content { padding: 1.4rem; }
}


.m0-stats-bar {z-index: 1;padding: 2.5rem 0;position: relative}

.m0-stats-grid {gap: 0;justify-content: center;flex-wrap: wrap;background: var(--m0-bg-surface);align-items: center;padding: 2rem 3rem;border: 1px solid var(--m0-gold-border);border-radius: var(--m0-radius-lg);display: flex}

.m0-stat-item {flex: 1;gap: 1rem;align-items: center;display: flex;padding: 0.5rem 1rem;min-width: 160px;justify-content: center}

.m0-stat-item i {font-size: 2rem;color: var(--m0-gold);flex-shrink: 0}

.m0-stat-body {flex-direction: column;display: flex}

.m0-stat-number {font-family: 'Playfair Display', serif;line-height: 1;color: var(--m0-text-primary);font-weight: 800;font-size: 1.8rem}

.m0-stat-label {color: var(--m0-text-muted);font-size: 0.8rem;letter-spacing: 0.3px;font-weight: 500;margin-top: 0.25rem}

.m0-stat-divider {height: 50px;width: 1px;background: var(--m0-gold-border);flex-shrink: 0}


.m0-why-us {padding: 7rem 0;z-index: 1;position: relative}

.m0-why-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem}

.m0-why-card {padding: 2rem 1.8rem;border: 1px solid var(--m0-border);background: var(--m0-bg-surface);position: relative;transition: var(--m0-transition);overflow: hidden;border-radius: var(--m0-radius-md)}

.m0-why-card::after {width: 0;transition: width 0.4s var(--m0-ease);bottom: 0;background: linear-gradient(90deg, var(--m0-gold), var(--m0-gold-light));position: absolute;height: 2px;content: '';left: 0}

.m0-why-card:hover {border-color: var(--m0-gold-border);box-shadow: var(--m0-shadow-card);transform: translateY(-5px)}

.m0-why-card:hover::after { width: 100%; }

.m0-why-icon {border: 1px solid var(--m0-gold-border);align-items: center;justify-content: center;width: 52px;display: flex;height: 52px;margin-bottom: 1.3rem;background: var(--m0-gold-dim);border-radius: var(--m0-radius-sm)}

.m0-why-icon i {font-size: 1.5rem;color: var(--m0-gold)}

.m0-why-card h3 {font-size: 1.1rem;font-family: 'Playfair Display', serif;font-weight: 700;color: var(--m0-text-primary);margin-bottom: 0.6rem}

.m0-why-card p {color: var(--m0-text-muted);font-size: 0.88rem;line-height: 1.75}


.m0-cta-banner {padding: 5rem 0;position: relative;z-index: 1}

.m0-cta-inner {border: 1px solid var(--m0-gold-border);align-items: center;display: flex;border-radius: var(--m0-radius-xl);justify-content: space-between;position: relative;overflow: hidden;padding: 4rem;gap: 3rem;background: linear-gradient(135deg, #1a1200 0%, #0f0a00 50%, #1a0d00 100%)}

.m0-cta-inner::before {pointer-events: none;right: -80px;height: 300px;top: -80px;background: var(--m0-gold);border-radius: 50%;position: absolute;content: '';opacity: 0.12;width: 300px;filter: blur(100px)}

.m0-cta-eyebrow {font-size: 0.72rem;display: inline-flex;border: 1px solid var(--m0-gold-border);padding: 0.3rem 0.9rem;border-radius: 50px;font-weight: 700;margin-bottom: 1rem;text-transform: uppercase;gap: 0.4rem;background: var(--m0-gold-dim);letter-spacing: 1.5px;color: var(--m0-gold-light);align-items: center}

.m0-cta-text h2 {font-family: 'Playfair Display', serif;margin-bottom: 0.8rem;font-weight: 800;color: var(--m0-text-primary);line-height: 1.2;font-size: clamp(1.6rem, 3vw, 2.4rem)}

.m0-cta-text p {line-height: 1.7;max-width: 480px;font-size: 0.95rem;color: var(--m0-text-muted)}

.m0-cta-actions {display: flex;gap: 0.8rem;flex-shrink: 0;flex-direction: column}

.m0-btn-cta-outline {font-size: 0.9rem;padding: 0.9rem 2rem;font-weight: 600;text-align: center;justify-content: center;gap: 0.5rem;display: inline-flex;transition: var(--m0-transition);color: var(--m0-gold);border-radius: var(--m0-radius-sm);align-items: center;background: transparent;border: 1px solid var(--m0-gold-border)}

.m0-btn-cta-outline:hover {border-color: var(--m0-gold);background: var(--m0-gold-dim)}


@media (max-width: 992px) {
    .m0-why-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .m0-stats-grid {padding: 1.5rem;gap: 0}
    .m0-stat-divider { display: none; }
    .m0-stat-item {padding: 0.8rem;min-width: 140px}
    .m0-stat-number { font-size: 1.5rem; }

    .m0-why-grid { grid-template-columns: 1fr; }
    .m0-why-us { padding: 4rem 0; }

    .m0-cta-inner {flex-direction: column;text-align: center;padding: 2.5rem 1.8rem}
    .m0-cta-text p { margin: 0 auto; }
    .m0-cta-actions { width: 100%; }
    .m0-btn-primary, .m0-btn-cta-outline {justify-content: center;width: 100%}
    .m0-cta-banner { padding: 3rem 0; }
}

@media (max-width: 480px) {
    .m0-stat-item { min-width: 120px; }
    .m0-stat-number { font-size: 1.3rem; }
}


.m0-promo-highlight {z-index: 1;position: relative;padding: 5rem 0}

.m0-promo-grid {align-items: stretch;gap: 1.5rem;grid-template-columns: 1.4fr 1fr 1fr;display: grid}

.m0-promo-card {position: relative;overflow: hidden;border: 1px solid var(--m0-border);transition: var(--m0-transition);display: flex;padding: 2.2rem;gap: 0.8rem;border-radius: var(--m0-radius-lg);background: var(--m0-bg-surface);flex-direction: column}

.m0-promo-card:hover {transform: translateY(-5px);box-shadow: var(--m0-shadow-card);border-color: var(--m0-gold-border)}

.m0-promo-card--main {border-color: var(--m0-gold-border);box-shadow: var(--m0-shadow-glow);background: linear-gradient(145deg, #1c1400, #0f0900)}

.m0-promo-card--main::before {background: var(--m0-gold);width: 200px;filter: blur(80px);right: -60px;top: -60px;height: 200px;opacity: 0.15;border-radius: 50%;content: '';pointer-events: none;position: absolute}

.m0-promo-badge {align-items: center;gap: 0.35rem;padding: 0.3rem 0.8rem;background: var(--m0-gold);text-transform: uppercase;width: fit-content;color: #0d0d0d;border-radius: 50px;font-size: 0.72rem;display: inline-flex;letter-spacing: 1px;font-weight: 800}

.m0-promo-badge--silver {background: var(--m0-bg-raised);color: var(--m0-gold-light);border: 1px solid var(--m0-gold-border)}

.m0-promo-card h3 {font-family: 'Playfair Display', serif;color: var(--m0-text-primary);font-size: 1.3rem;font-weight: 700}

.m0-promo-value {font-family: 'Playfair Display', serif;font-weight: 800;font-size: 1.6rem;color: var(--m0-gold-light)}

.m0-promo-value strong { color: var(--m0-gold); }

.m0-promo-desc {line-height: 1.7;flex: 1;color: var(--m0-text-muted);font-size: 0.88rem}

.m0-promo-card .m0-btn-primary,
.m0-promo-card .m0-btn-cta-outline {margin-top: auto;justify-content: center;text-align: center}


.m0-how-it-works {padding: 6rem 0;z-index: 1;position: relative}

.m0-steps-row {justify-content: center;display: flex;align-items: flex-start;gap: 0}

.m0-step-item {border: 1px solid var(--m0-border);transition: var(--m0-transition);background: var(--m0-bg-surface);text-align: center;padding: 2.5rem 1.5rem;flex: 1;position: relative;border-radius: var(--m0-radius-lg)}

.m0-step-item:hover {transform: translateY(-6px);box-shadow: var(--m0-shadow-card);border-color: var(--m0-gold-border)}

.m0-step-num {color: var(--m0-gold-dim);line-height: 1;background: linear-gradient(135deg, var(--m0-gold-border), transparent);font-size: 3rem;font-weight: 800;-webkit-background-clip: text !important;font-family: 'Playfair Display', serif;margin-bottom: 0.8rem;-webkit-text-fill-color: transparent;background-clip: text !important}

.m0-step-icon {margin: 0 auto 1.2rem;justify-content: center;border: 1px solid var(--m0-gold-border);border-radius: var(--m0-radius-md);align-items: center;height: 60px;display: flex;background: var(--m0-gold-dim);width: 60px}

.m0-step-icon i {color: var(--m0-gold);font-size: 1.6rem}

.m0-step-item h4 {font-family: 'Playfair Display', serif;font-size: 1.05rem;color: var(--m0-text-primary);font-weight: 700;margin-bottom: 0.6rem}

.m0-step-item p {font-size: 0.85rem;line-height: 1.7;color: var(--m0-text-muted)}

.m0-step-connector {font-size: 1.2rem;color: var(--m0-gold-border);margin-top: 4rem;display: flex;padding: 0 0.5rem;justify-content: center;flex-shrink: 0;align-items: center}


.m0-testimonials {position: relative;background: linear-gradient(180deg, transparent, rgba(20,14,0,0.3) 20%, rgba(20,14,0,0.3) 80%, transparent);z-index: 1;padding: 6rem 0}

.m0-testimonials-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem;align-items: start}

.m0-testi-card {border: 1px solid var(--m0-border);background: var(--m0-bg-surface);transition: var(--m0-transition);flex-direction: column;gap: 1rem;display: flex;border-radius: var(--m0-radius-lg);padding: 2rem}

.m0-testi-card:hover {box-shadow: var(--m0-shadow-card);border-color: var(--m0-gold-border);transform: translateY(-5px)}

.m0-testi-card--featured {background: linear-gradient(145deg, #1a1200, #0f0900);transform: translateY(-8px);border-color: var(--m0-gold-border);box-shadow: var(--m0-shadow-glow)}

.m0-testi-card--featured:hover { transform: translateY(-14px); }

.m0-testi-stars {gap: 3px;display: flex}

.m0-testi-stars i {font-size: 0.9rem;color: var(--m0-gold)}

.m0-testi-text {font-size: 0.92rem;color: rgb(176,168,152);line-height: 1.8;font-style: italic;flex: 1}

.m0-testi-author {gap: 0.8rem;align-items: center;display: flex;padding-top: 1rem;border-top: 1px solid var(--m0-border)}

.m0-testi-avatar {font-weight: 800;font-size: 1rem;width: 40px;height: 40px;justify-content: center;border-radius: 50%;flex-shrink: 0;color: #0d0d0d;display: flex;align-items: center;background: linear-gradient(135deg, var(--m0-gold), #a8722a)}

.m0-testi-name {display: block;color: var(--m0-text-primary);font-size: 0.9rem;font-weight: 700}

.m0-testi-role {font-size: 0.75rem;font-weight: 500;color: var(--m0-gold);display: block}


.m0-faq-section {padding: 6rem 0;position: relative;z-index: 1}

.m0-faq-list {gap: 0.8rem;max-width: 780px;display: flex;margin: 0 auto;flex-direction: column}

.m0-faq-item {transition: border-color 0.3s;border: 1px solid var(--m0-border);border-radius: var(--m0-radius-md);overflow: hidden;background: var(--m0-bg-surface)}

.m0-faq-item.m0-open {
    border-color: var(--m0-gold-border);
}

.m0-faq-question {border: none;display: flex;font-weight: 600;font-size: 0.95rem;gap: 1rem;align-items: center;transition: color 0.3s;cursor: pointer;color: var(--m0-text-primary);width: 100%;background: none;text-align: left;justify-content: space-between;padding: 1.3rem 1.6rem;font-family: 'Plus Jakarta Sans', sans-serif}

.m0-faq-question:hover { color: var(--m0-gold-light); }

.m0-faq-icon {color: var(--m0-gold);transition: transform 0.35s var(--m0-ease);flex-shrink: 0;font-size: 1.1rem}

.m0-faq-item.m0-open .m0-faq-icon { transform: rotate(45deg); }

.m0-faq-answer {overflow: hidden;max-height: 0;transition: max-height 0.4s var(--m0-ease), padding 0.3s}

.m0-faq-answer p {color: var(--m0-text-muted);line-height: 1.8;padding: 0 1.6rem 1.4rem;font-size: 0.9rem}

.m0-faq-item.m0-open .m0-faq-answer { max-height: 200px; }


@media (max-width: 992px) {
    .m0-promo-grid { grid-template-columns: 1fr; }
    .m0-promo-card--main { order: -1; }
    .m0-testimonials-grid { grid-template-columns: 1fr; }
    .m0-testi-card--featured { transform: none; }
    .m0-steps-row {align-items: stretch;flex-direction: column}
    .m0-step-connector {margin: 0 auto;padding: 0.3rem 0;transform: rotate(90deg)}
}

@media (max-width: 768px) {
    .m0-promo-highlight, .m0-how-it-works, .m0-testimonials, .m0-faq-section { padding: 4rem 0; }
    .m0-step-item { padding: 2rem 1.2rem; }
}


.m0-page-container {position: relative;z-index: 1}


.m0-page-hero {text-align: center;padding: 3rem 0 4rem}

.m0-page-hero .m0-eyebrow {gap: 0.4rem;font-weight: 700;display: inline-flex;border: 1px solid var(--m0-gold-border);letter-spacing: 1.5px;font-size: 0.75rem;text-transform: uppercase;align-items: center;padding: 0.35rem 1rem;margin-bottom: 1.2rem;color: var(--m0-gold-light);border-radius: 50px;background: var(--m0-gold-dim)}

.m0-page-title,
.m0-landing-title,
.m0-article-title {font-family: 'Playfair Display', serif;font-weight: 800;margin-bottom: 1rem;line-height: 1.2;color: var(--m0-text-primary);font-size: clamp(1.8rem, 5vw, 3rem)}

.m0-page-title span,
.m0-landing-title span,
.m0-article-title span {background: linear-gradient(135deg, var(--m0-gold), var(--m0-gold-light));-webkit-background-clip: text !important;background-clip: text !important;-webkit-text-fill-color: transparent}


.m0-list-section { padding: 2rem 0 5rem; }

.m0-list-grid {grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));margin-bottom: 4rem;display: grid;gap: 2rem}

.m0-list-card {border: 1px solid var(--m0-border);overflow: hidden;flex-direction: column;transition: var(--m0-transition);border-radius: var(--m0-radius-lg);display: flex;background: var(--m0-bg-surface)}

.m0-list-card:hover {border-color: var(--m0-gold-border);box-shadow: var(--m0-shadow-card), var(--m0-shadow-glow);transform: translateY(-8px)}

.m0-list-card-img {position: relative;height: 220px;overflow: hidden}

.m0-list-card-img img {width: 100%;transition: transform 0.5s var(--m0-ease);height: 100%;object-fit: cover}

.m0-list-card:hover .m0-list-card-img img { transform: scale(1.06); }

.m0-list-card-img .m0-img-overlay {background: linear-gradient(to top, rgba(13,13,13,0.7) 0%, transparent 60%);inset: 0;position: absolute}


.m0-list-card > img {object-fit: cover;height: 220px;transition: transform 0.5s var(--m0-ease);width: 100%}
.m0-list-card:hover > img { transform: scale(1.06); }

.m0-card-body {flex: 1;padding: 1.8rem;display: flex;flex-direction: column}

.m0-card-body .m0-date {gap: 0.3rem;text-transform: uppercase;letter-spacing: 1px;align-items: center;font-weight: 700;color: var(--m0-gold);font-size: 0.75rem;margin-bottom: 0.8rem;display: flex}

.m0-card-body h2, .m0-card-body h3 {font-family: 'Playfair Display', serif;font-size: 1.2rem;color: var(--m0-text-primary);margin-bottom: 0.8rem;line-height: 1.4;font-weight: 700}

.m0-card-body h2 a:hover,
.m0-card-body h3 a:hover { color: var(--m0-gold); }

.m0-card-body p {font-size: 0.9rem;line-height: 1.7;color: var(--m0-text-muted);flex: 1}


.m0-pagination {margin-top: 3rem;justify-content: center;display: flex;gap: 1rem}

.m0-page-btn {border: 1px solid var(--m0-gold-border);padding: 0.7rem 2rem;border-radius: var(--m0-radius-sm);transition: var(--m0-transition);font-size: 0.88rem;font-weight: 600;color: var(--m0-gold);background: var(--m0-bg-surface)}

.m0-page-btn:hover {background: var(--m0-gold);color: #0d0d0d;box-shadow: 0 6px 20px rgba(201,168,76,0.3)}


.m0-article-detail,
.m0-show-landing {margin: 0 auto;max-width: 900px}

.m0-article-header {border-bottom: 1px solid var(--m0-gold-border);margin-bottom: 3rem;text-align: center;padding-bottom: 2.5rem}

.m0-article-meta {gap: 0.4rem;font-size: 0.82rem;color: var(--m0-gold);text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1rem;display: inline-flex;align-items: center;font-weight: 600}

.m0-article-content,
.m0-landing-content {font-size: 1.05rem;border-radius: var(--m0-radius-lg);color: #c8c0b4;padding: 3.5rem;line-height: 1.9;border: 1px solid var(--m0-border);background: var(--m0-bg-surface)}

.m0-article-content p,
.m0-landing-content p { margin-bottom: 1.8rem; }

.m0-article-content h2,
.m0-article-content h3 {color: var(--m0-text-primary);font-family: 'Playfair Display', serif;margin: 2.5rem 0 1.2rem}

.m0-article-content h2 { font-size: 1.6rem; }
.m0-article-content h3 {font-size: 1.25rem;color: var(--m0-gold-light)}

.m0-article-content img,
.m0-landing-content img {border-radius: var(--m0-radius-md);box-shadow: 0 16px 40px rgba(0,0,0,0.6);width: 100%;margin: 2.5rem 0}

.m0-article-content ul,
.m0-article-content ol {color: var(--m0-text-muted);margin: 0 0 1.8rem 1.5rem}

.m0-article-content li { margin-bottom: 0.5rem; }

.m0-article-content a {color: var(--m0-gold);border-bottom: 1px solid var(--m0-gold-border)}
.m0-article-content a:hover { color: var(--m0-gold-light); }


.m0-related-section {
    margin-top: 5rem;
}

.m0-related-section .m0-section-title {text-align: left;font-size: 1.6rem;margin-bottom: 2rem}

.m0-related-section .m0-section-title::after {height: 2px;width: 50px;background: var(--m0-gold);display: block;content: '';margin-top: 0.6rem}


@media (max-width: 768px) {
    .m0-article-content, .m0-landing-content {padding: 2rem 1.5rem;font-size: 0.95rem}
    .m0-list-grid { grid-template-columns: 1fr; }
    .m0-related-section .m0-section-title { font-size: 1.3rem; }
}

@media (max-width: 480px) {
    .m0-list-card > img, .m0-list-card-img { height: 190px; }
    .m0-card-body { padding: 1.4rem; }
    .m0-article-content, .m0-landing-content { padding: 1.5rem 1.2rem; }
}


@font-face {font-display: block;font-style: normal;src: url("../static/fonts/Phosphor.woff2") format("woff2");font-weight: normal;font-family: "Phosphor"}
.ph {line-height: 1;-webkit-font-smoothing: antialiased;font-weight: normal;letter-spacing: 0;display: inline-block;text-transform: none;font-style: normal;font-family: "Phosphor" !important;speak: never}
.ph-arrow-right:before { content: "\e06c"; }
.ph-calendar-blank:before { content: "\e10a"; }
.ph-clock:before { content: "\e19a"; }
.ph-compass:before { content: "\e1c8"; }
.ph-crown-simple:before { content: "\e616"; }
.ph-currency-circle-dollar:before { content: "\e54c"; }
.ph-device-mobile:before { content: "\e1e0"; }
.ph-envelope-simple:before { content: "\e218"; }
.ph-fire:before { content: "\e242"; }
.ph-gift:before { content: "\e276"; }
.ph-lightning:before { content: "\e2de"; }
.ph-lightning-slash:before { content: "\e2e0"; }
.ph-lock-key:before { content: "\e2fe"; }
.ph-plus:before { content: "\e3d4"; }
.ph-rocket-launch:before { content: "\e3fe"; }
.ph-squares-four:before { content: "\e464"; }
.ph-star:before { content: "\e46a"; }
.ph-star-four:before { content: "\e6a4"; }
.ph-user-plus:before { content: "\e4d0"; }


.sf-related-articles{border:1px solid rgba(148,163,184,.24);box-shadow:0 16px 45px rgba(15,23,42,.08);margin:clamp(28px,5vw,56px) auto;background:rgba(255,255,255,.06);border-radius:24px;padding:clamp(18px,3vw,28px);max-width:1120px}
.sf-related-articles h2{font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px;line-height:1.2}
.sf-related-articles>p{opacity:.78;line-height:1.65;margin:0 0 18px}
.sf-related-articles__list{margin:0;list-style:none;padding:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid;gap:14px}
.sf-related-articles__item{padding:0;list-style:none;margin:0}
.sf-related-articles__link{text-decoration:none;padding:16px;display:flex;flex-direction:column;border-radius:18px;gap:7px;border:1px solid rgba(148,163,184,.18);color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease;background:rgba(255,255,255,.08);min-height:100%}
.sf-related-articles__link:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.45);background:rgba(255,255,255,.13)}
.sf-related-articles__type{padding:3px 9px;width:max-content;background:rgba(59,130,246,.14);font-weight:700;color:inherit;border-radius:999px;opacity:.88;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{line-height:1.45;opacity:.72;font-size:.88rem}
@media(max-width:640px){.sf-related-articles{padding:16px;margin:28px 12px;border-radius:18px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}
