/* CSS Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:400;background:linear-gradient(180deg,#052e16 0%,#14532d 50%,#022c22 100%);color:#fff;line-height:1.6;min-height:100vh;overflow-x:hidden;}

/* CSS Custom Properties */
:root{
--primary:#34d399;
--primary-glow:rgba(52,211,153,0.4);
--secondary:#10b981;
--accent:#a3e635;
--accent-glow:rgba(163,230,53,0.3);
--bg-gradient-start:#052e16;
--bg-gradient-mid:#14532d;
--bg-gradient-end:#022c22;
--card-bg:rgba(20,83,45,0.6);
--card-border:rgba(52,211,153,0.2);
--heading-font:'Space Grotesk',system-ui,sans-serif;
--body-font:'IBM Plex Sans',system-ui,sans-serif;
--mono-font:'IBM Plex Mono',monospace;
--hover-scale:1.01;
--transition:0.2s;
--easing:ease-in-out;
--radius-lg:20px;
--radius-md:16px;
--spacing-section:100px;
--max-width:1200px;
}

/* Noise Background Motif */
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('ban.jpeg');pointer-events:none;z-index:0;}

/* Top Accent Bar Decoration */
.mu18-top-accent-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));z-index:1000;}

/* Typography */
h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:700;line-height:1.2;}
h1{font-size:clamp(2.5rem,5vw,4rem);}
h2{font-size:clamp(2rem,4vw,3rem);}
h3{font-size:clamp(1.5rem,3vw,2rem);}
a{text-decoration:none;color:inherit;transition:all var(--transition) var(--easing);}
img{max-width:100%;height:auto;display:block;}

/* Container */
.mu18-container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;position:relative;z-index:1;}

/* Header/Navigation */
.mu18-header{position:sticky;top:0;width:100%;background:rgba(5,46,22,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);z-index:999;padding:1rem 0;}
.mu18-nav-wrapper{display:flex;justify-content:space-between;align-items:center;}
.mu18-logo{font-size:1.5rem;font-family:var(--heading-font);color:var(--primary);font-weight:700;display:flex;align-items:center;gap:0.5rem;}
.mu18-logo-emoji{font-size:1.8rem;}
.mu18-nav-links{display:flex;gap:2rem;align-items:center;}
.mu18-nav-links a{color:#fff;font-weight:500;transition:color var(--transition) var(--easing);}
.mu18-nav-links a:hover{color:var(--primary);}
.mu18-badge-18{background:var(--accent);color:#000;padding:0.25rem 0.75rem;font-weight:700;font-size:0.875rem;border-radius:4px;display:inline-block;}
.mu18-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:1.75rem;cursor:pointer;}

/* Mobile Navigation */
@media(max-width:768px){
.mu18-nav-links{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(5,46,22,0.98);flex-direction:column;padding:5rem 2rem;transition:right 0.3s var(--easing);border-left:1px solid var(--card-border);}
.mu18-nav-links.mu18-active{right:0;}
.mu18-mobile-toggle{display:block;}
.mu18-close-menu{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;}
}

/* Hero Section */
.mu18-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:6rem 0;}
.mu18-hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1612872087720-bb876e2e67d1?w=1600&q=80') center/cover;opacity:0.2;z-index:-1;}
.mu18-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(52,211,153,0.1),rgba(163,230,53,0.1));z-index:-1;}
.mu18-hero-content{max-width:900px;margin:0 auto;animation:mu18-fadeInUp 0.8s var(--easing);}
.mu18-hero-badge{display:inline-block;background:var(--card-bg);border:1px solid var(--card-border);padding:0.5rem 1.5rem;border-radius:50px;font-size:0.875rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);}
.mu18-hero h1{margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.mu18-hero p{font-size:1.25rem;margin-bottom:2.5rem;color:rgba(255,255,255,0.9);}
.mu18-hero-cta{display:inline-flex;align-items:center;gap:1rem;}

/* Buttons */
.mu18-btn{padding:1rem 2.5rem;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition) var(--easing);display:inline-flex;align-items:center;gap:0.5rem;position:relative;overflow:hidden;}
.mu18-btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#000;box-shadow:0 0 20px var(--primary-glow);}
.mu18-btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent),var(--primary));opacity:0;transition:opacity var(--transition) var(--easing);}
.mu18-btn-primary:hover{transform:scale(var(--hover-scale));box-shadow:0 0 30px var(--primary-glow);}
.mu18-btn-primary:hover::before{opacity:1;}
.mu18-btn-secondary{background:var(--card-bg);border:2px solid var(--primary);color:#fff;backdrop-filter:blur(10px);}
.mu18-btn-secondary:hover{background:rgba(52,211,153,0.1);transform:scale(var(--hover-scale));}
.mu18-btn span{position:relative;z-index:1;}

/* Section Styling */
.mu18-section{padding:var(--spacing-section) 0;position:relative;}
.mu18-section-header{text-align:center;margin-bottom:4rem;}
.mu18-section-title{margin-bottom:1rem;}
.mu18-section-subtitle{font-size:1.125rem;color:rgba(255,255,255,0.8);max-width:700px;margin:0 auto;}

/* App Download Section */
.mu18-download-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:3rem;max-width:600px;margin:0 auto;backdrop-filter:blur(10px);text-align:center;}
.mu18-download-form{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap;}
.mu18-email-input{flex:1;min-width:250px;padding:1rem 1.5rem;border-radius:var(--radius-md);border:2px solid var(--card-border);background:rgba(0,0,0,0.3);color:#fff;font-size:1rem;font-family:var(--body-font);}
.mu18-email-input:focus{outline:none;border-color:var(--primary);}
.mu18-success-message{background:rgba(52,211,153,0.2);border:1px solid var(--primary);border-radius:var(--radius-md);padding:1.5rem;color:var(--primary);font-weight:600;}
.mu18-hidden{display:none;}

/* Features Timeline Layout */
.mu18-features-timeline{position:relative;padding:2rem 0;}
.mu18-features-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary),var(--accent));transform:translateX(-50%);}
.mu18-feature-item{display:flex;gap:2rem;margin-bottom:4rem;position:relative;}
.mu18-feature-item:nth-child(even){flex-direction:row-reverse;}
.mu18-feature-content{flex:1;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(10px);transition:all var(--transition) var(--easing);}
.mu18-feature-content:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px var(--primary-glow);}
.mu18-feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;z-index:2;box-shadow:0 0 20px var(--primary-glow);}
.mu18-feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--primary);}
.mu18-feature-description{color:rgba(255,255,255,0.85);}

@media(max-width:768px){
.mu18-features-timeline::before{left:40px;}
.mu18-feature-item,.mu18-feature-item:nth-child(even){flex-direction:row;}
.mu18-feature-icon{width:60px;height:60px;font-size:2rem;flex-shrink:0;}
}

/* Glass Cards */
.mu18-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.mu18-glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(10px);transition:all var(--transition) var(--easing);position:relative;overflow:hidden;}
.mu18-glass-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(52,211,153,0.1),rgba(163,230,53,0.1));opacity:0;transition:opacity var(--transition) var(--easing);}
.mu18-glass-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px var(--primary-glow);}
.mu18-glass-card:hover::before{opacity:1;}
.mu18-card-content{position:relative;z-index:1;}
.mu18-card-icon{font-size:3rem;margin-bottom:1rem;}
.mu18-card-title{font-size:1.25rem;margin-bottom:1rem;color:var(--primary);}
.mu18-card-text{color:rgba(255,255,255,0.85);}

/* FAQ Chat Layout */
.mu18-faq-chat{max-width:800px;margin:0 auto;}
.mu18-faq-item{margin-bottom:1.5rem;}
.mu18-faq-question{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all var(--transition) var(--easing);display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(10px);}
.mu18-faq-question:hover{border-color:var(--primary);background:rgba(52,211,153,0.1);}
.mu18-faq-question.mu18-active{background:rgba(52,211,153,0.15);border-color:var(--primary);}
.mu18-faq-question-text{font-weight:600;font-size:1.1rem;}
.mu18-faq-toggle{font-size:1.5rem;color:var(--primary);transition:transform var(--transition) var(--easing);}
.mu18-faq-question.mu18-active .mu18-faq-toggle{transform:rotate(45deg);}
.mu18-faq-answer{background:rgba(0,0,0,0.3);border:1px solid var(--card-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);padding:1.5rem;color:rgba(255,255,255,0.85);max-height:0;overflow:hidden;transition:max-height 0.3s var(--easing),padding 0.3s var(--easing);}
.mu18-faq-answer.mu18-show{max-height:500px;padding:1.5rem;}

/* Footer Columns Layout */
.mu18-footer{background:rgba(5,46,22,0.95);border-top:1px solid var(--card-border);padding:4rem 0 2rem;margin-top:var(--spacing-section);}
.mu18-footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem;}
.mu18-footer-column h4{color:var(--primary);margin-bottom:1rem;}
.mu18-footer-links{list-style:none;}
.mu18-footer-links li{margin-bottom:0.5rem;}
.mu18-footer-links a:hover{color:var(--primary);}
.mu18-footer-bottom{border-top:1px solid var(--card-border);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.mu18-footer-badge-large{display:inline-flex;align-items:center;gap:0.5rem;background:var(--accent);color:#000;padding:0.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;font-size:1.25rem;}
.mu18-disclaimer-section{background:rgba(163,230,53,0.1);border:2px solid var(--accent);border-radius:var(--radius-lg);padding:2rem;text-align:center;margin:4rem 0;}
.mu18-disclaimer-section h3{color:var(--accent);margin-bottom:1rem;}

/* Point System Table */
.mu18-points-table{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(10px);margin:2rem 0;}
.mu18-points-table table{width:100%;border-collapse:collapse;}
.mu18-points-table th,.mu18-points-table td{padding:1.25rem;text-align:left;border-bottom:1px solid var(--card-border);}
.mu18-points-table th{background:rgba(52,211,153,0.2);color:var(--primary);font-weight:700;}
.mu18-points-table tr:last-child td{border-bottom:none;}
.mu18-points-table tr:hover{background:rgba(52,211,153,0.05);}

/* Strategy Cards */
.mu18-strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0;}
.mu18-strategy-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:2rem;backdrop-filter:blur(10px);}
.mu18-strategy-card h4{color:var(--accent);margin-bottom:1rem;}

/* Privacy/Terms Content */
.mu18-legal-content{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:3rem;backdrop-filter:blur(10px);margin:2rem 0;}
.mu18-legal-content h2{color:var(--primary);margin-top:2rem;margin-bottom:1rem;}
.mu18-legal-content h3{color:var(--accent);margin-top:1.5rem;margin-bottom:0.75rem;}
.mu18-legal-content p{margin-bottom:1rem;color:rgba(255,255,255,0.9);}
.mu18-legal-content ul{margin-left:2rem;margin-bottom:1rem;}
.mu18-legal-content li{margin-bottom:0.5rem;color:rgba(255,255,255,0.85);}

/* Age Verification Modal */
.mu18-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:9999;align-items:center;justify-content:center;padding:1rem;}
.mu18-modal.mu18-show{display:flex;}
.mu18-modal-content{background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-mid));border:2px solid var(--primary);border-radius:var(--radius-lg);padding:3rem;max-width:500px;text-align:center;position:relative;}
.mu18-modal-icon{font-size:4rem;margin-bottom:1rem;}
.mu18-modal h2{color:var(--primary);margin-bottom:1rem;}
.mu18-modal p{margin-bottom:2rem;color:rgba(255,255,255,0.9);}
.mu18-modal-buttons{display:flex;gap:1rem;justify-content:center;}

/* Animations */
@keyframes mu18-fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes mu18-pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}

/* Corner Badges Decoration */
.mu18-corner-badge{position:fixed;width:100px;height:100px;z-index:10;opacity:0.15;pointer-events:none;}
.mu18-corner-badge-tl{top:80px;left:0;background:linear-gradient(135deg,var(--primary),transparent);}
.mu18-corner-badge-tr{top:80px;right:0;background:linear-gradient(225deg,var(--accent),transparent);}

/* Glow Dividers Decoration */
.mu18-glow-divider{height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);margin:4rem 0;box-shadow:0 0 20px var(--primary-glow);}

/* Responsive Adjustments */
@media(max-width:1024px){
:root{--spacing-section:80px;}
}
@media(max-width:768px){
:root{--spacing-section:60px;}
.mu18-footer-bottom{flex-direction:column;text-align:center;}
.mu18-hero{padding:4rem 0;}
.mu18-download-form{flex-direction:column;}
}