/* Aave Brand Colors */:root { --bg-dark: #0E111B; --bg-secondary: #1E2130; --primary-green: #9896FF; --text-primary: #FFFFFF; --text-secondary: #B0B3C1; --text-muted: #7A7D8A; --border-color: #2A2D3A;}
/* Fix H1UserAgentFontSizeInSection deprecation warning */
h1{font-size:2em;margin-block:0.67em;}
:is(article,aside,nav,section) h1{font-size:1.5em;margin-block:0.83em;}
* { margin: 0; padding: 0; box-sizing: border-box;}html { scroll-behavior: smooth;}body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif; background-color: var(--bg-dark); color: var(--text-primary); line-height: 1.6; font-size: 16px;}/* Skip to Content Link - Accessibility */.skip-to-content { position: absolute; top: -40px; left: 0; background-color: var(--primary-green); color: var(--bg-dark); padding: 0.75rem 1.5rem; text-decoration: none; font-weight: bold; z-index: 10000; border-radius: 0 0 4px 0; transition: top 0.3s;}.skip-to-content:focus { top: 0; outline: 3px solid #fff; outline-offset: 2px;}/* Enhanced Focus Styles for Keyboard Navigation */a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline: 3px solid var(--primary-green); outline-offset: 2px;}.header { background-color: var(--bg-secondary); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 1000;}.nav { max-width: 1200px; margin: 0 auto; padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}.logo a { font-size: 1.5rem; font-weight: bold; color: var(--primary-green); text-decoration: none;}.nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center;}.nav-menu a { color: var(--text-primary); text-decoration: none; transition: opacity 0.3s ease;}.nav-menu a:hover { color: var(--primary-green);}
/* Hamburger Menu Button */
.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:transparent;border:none;cursor:pointer;padding:10px;z-index:1002;}.hamburger span{display:block;width:24px;height:2px;background-color:var(--text-primary);margin:3px 0;transition:transform 0.3s ease,opacity 0.3s ease;}.hamburger[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;}.hamburger[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
/* Modern 2025 Language Selector with Glassmorphism */.language-selector { position: relative; cursor: pointer; padding: 0.6rem 1rem; background: rgba(182, 80, 158, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 24px; border: 1px solid rgba(182, 80, 158, 0.2); transition: transform 0.3s ease, opacity 0.3s ease;}.language-selector:hover { background: rgba(182, 80, 158, 0.15); border-color: rgba(182, 80, 158, 0.4); transform: translateY(-2px); filter: drop-shadow(0 4px 12px rgba(182, 80, 158, 0.2));}.language-selector > span { display: flex; align-items: center; gap: 0.5rem; color: var(--text-primary); font-size: 0.95rem; font-weight: 500;}.lang-flag { font-size: 1.2rem;}.lang-dropdown { position: absolute; top: 100%; right: 0; min-width: 180px; background: rgba(30, 33, 48, 0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 16px; border: 1px solid rgba(182, 80, 158, 0.15); padding: 0.75rem; margin-top: 0.75rem; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; list-style: none; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05) inset; z-index: 1001;}.language-selector.dropdown-open .lang-dropdown,.language-selector:focus .lang-dropdown,.language-selector:focus-within .lang-dropdown { opacity: 1; visibility: visible; transform: translateY(0);}.lang-dropdown li { margin: 0;}.lang-dropdown a { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; color: var(--text-primary); text-decoration: none; border-radius: 10px; font-size: 0.95rem; transition: background 0.2s ease, transform 0.2s ease;}.lang-dropdown a:hover { background: rgba(182, 80, 158, 0.15); transform: translateX(4px);}.lang-dropdown a:focus-visible { outline: 2px solid var(--primary-green); outline-offset: -2px;}
/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 2rem;}
/* CLS Prevention - Reserve space for hero slider */
.hero-slider{min-height:600px;contain:layout style;position:relative;width:100%;overflow:hidden;background-color:var(--bg-dark);}
.slider-viewport{min-height:inherit;position:relative;overflow:hidden;}
.slide{min-height:inherit;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;}
.slide.active{position:relative;opacity:1;pointer-events:auto;z-index:2;}
.slide:not(.active){z-index:1;display:block;opacity:0;position:absolute;}
.slide img,.slide picture{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.slide-content{position:relative;z-index:2;padding:2rem;max-width:900px;}
/* Feature images CLS prevention */
.feature-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.feature-image-wrapper{min-height:300px;aspect-ratio:16/9;}
/* Main Content CLS Prevention */
.main-content{contain:layout style;min-height:100vh;}
/* Slider Controls */
.slider-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(182,80,158,0.2);border:none;color:var(--text-primary);width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;z-index:10;min-width:48px;min-height:48px;}.slider-control:hover{background:rgba(182,80,158,0.4);}.slider-control.prev{left:2rem;}.slider-control.next{right:2rem;}
.slider-indicators{display:flex;justify-content:center;gap:0.5rem;padding:1rem 0;}.indicator{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;transition:background 0.3s ease;min-width:48px;min-height:48px;padding:12px;}.indicator.active{background:var(--primary-green);}
.slider-pause{position:absolute;bottom:1rem;right:1rem;background:rgba(0,0,0,0.5);border:none;color:var(--text-primary);padding:0.5rem;border-radius:50%;cursor:pointer;}
/* CTA Buttons */
.cta-btn{display:inline-block;background-color:var(--primary-green);color:var(--bg-dark);padding:14px 28px;border-radius:6px;font-weight:600;text-decoration:none;transition:transform 0.3s ease;min-height:48px;}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(182,80,158,0.4);}
.cta-btn-secondary{display:inline-block;padding:14px 28px;background:transparent;color:var(--primary-green);font-weight:600;text-decoration:none;border-radius:8px;border:2px solid var(--primary-green);transition:transform 0.2s ease;min-height:48px;}.cta-btn-secondary:hover{background:rgba(182,80,158,0.1);}
.slider-cta{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap;}
/* Accessibility Fixes */
.section-dark a,.use-case-item a{color:#00FFCC;text-decoration:underline;}
.section-dark a:hover,.use-case-item a:hover{color:#33FFE0;}
p a,li a{text-decoration:underline;text-underline-offset:3px;}
/* Sections */
.section{padding:4rem 0;}
.section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text-primary);}
.section p{color:var(--text-secondary);margin-bottom:1rem;}
/* Features Grid */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;}
.feature-card{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color);}
/* Stats Grid */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem;}
.stat-item{text-align:center;padding:2rem;}
.stat-number{font-size:2.5rem;font-weight:bold;color:var(--primary-green);}
/* Footer */
.footer{background:var(--bg-secondary);padding:3rem 0;border-top:1px solid var(--border-color);}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;}
.footer-links{list-style:none;}.footer-links a{color:var(--text-secondary);text-decoration:none;}.footer-links a:hover{color:var(--primary-green);}
/* FAQ */
.faq-item{border-bottom:1px solid var(--border-color);padding:1.5rem 0;}
.faq-question{font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.faq-answer{color:var(--text-secondary);margin-top:1rem;display:none;}
.faq-item.active .faq-answer{display:block;}
/* Video Grid */
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
/* TL;DR and TOC */
.tldr-section,.toc-section{background:var(--bg-secondary);border-radius:12px;padding:2rem;margin:2rem 0;}
/* Social Section */
.social-section{padding:4rem 0;text-align:center;}
/* Reading Progress */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:9999;}.reading-progress-bar{height:100%;background:var(--primary-green);width:0%;transition:width 0.1s ease;}
/* Breadcrumb Navigation */
.breadcrumb{padding:1rem 0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);}.breadcrumb nav{max-width:1200px;margin:0 auto;padding:0 2rem;}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;}.breadcrumb li{display:flex;align-items:center;}.breadcrumb li:not(:last-child)::after{content:'›';margin:0 0.5rem;color:var(--text-muted);}.breadcrumb a{color:var(--primary-green);text-decoration:none;}.breadcrumb a:hover{text-decoration:underline;}.breadcrumb span{color:var(--text-muted);}
/* Page Hero - Legal/Info Pages */
.page-hero{max-width:1200px;margin:0 auto;padding:4rem 2rem;text-align:center;}.page-hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary);}.page-hero p{color:var(--text-secondary);font-size:1.1rem;max-width:700px;margin:0 auto;}
/* Hero Section - Inner Pages */
.hero{padding:2rem 0;}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;}.hero-content h1{font-size:2rem;margin-bottom:0.5rem;color:var(--text-primary);}.hero-content p,.hero-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;}
/* Legal Content */
.legal-content,.page-content{max-width:1200px;margin:0 auto;padding:2rem;}.legal-content h2,.page-content h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary);}.legal-content h3,.page-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:0.75rem;color:var(--text-primary);}.legal-content p,.page-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7;}.legal-content ul,.legal-content ol,.page-content ul,.page-content ol{color:var(--text-secondary);margin:1rem 0;padding-left:2rem;}.legal-content li,.page-content li{margin-bottom:0.5rem;}
/* Contact Page */
.contact-hero{max-width:1200px;margin:0 auto;padding:2rem;}.contact-hero h1{font-size:2rem;margin-bottom:0.5rem;}.contact-hero p{color:var(--text-secondary);}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;}
.contact-card{background:var(--bg-secondary);border-radius:12px;padding:2rem;border:1px solid var(--border-color);}
.contact-card h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);}
.contact-info-item{margin-bottom:1rem;}.contact-info-item strong{color:var(--primary-green);display:block;margin-bottom:0.25rem;}.contact-info-item span,.contact-info-item address{color:var(--text-secondary);font-style:normal;}
.contact-form label{display:block;color:var(--text-primary);margin-bottom:0.5rem;font-weight:500;}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:0.75rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--primary-green);}
.contact-form textarea{min-height:120px;resize:vertical;}
.contact-form button{width:100%;padding:1rem;background:var(--primary-green);color:var(--bg-dark);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform 0.2s ease;}
.contact-form button:hover{transform:translateY(-2px);}

/* ============================================ */
/* TABLET STYLES (768px - 1024px) */
/* ============================================ */
@media(min-width:769px) and (max-width:1024px){
.nav{padding:1rem 1.5rem;}
.nav-menu{gap:1rem;}
.nav-menu a{font-size:0.9rem;}
.container{padding:0 1.5rem;}
.hero-slider{min-height:500px;}
.slide-content{padding:1.5rem;max-width:700px;}
.slide-content h1,.slide-content h2{font-size:1.75rem;}
.slide-content p{font-size:0.95rem;}
.slider-control{width:44px;height:44px;font-size:1.25rem;}
.slider-control.prev{left:1rem;}
.slider-control.next{right:1rem;}
.section{padding:3rem 0;}
.section h2{font-size:1.75rem;}
.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.stats-grid{grid-template-columns:repeat(2,1fr);}
.stat-number{font-size:2rem;}
.footer-content{grid-template-columns:repeat(2,1fr);}
.video-grid{grid-template-columns:repeat(2,1fr);}
.tldr-section,.toc-section{padding:1.5rem;}
.cta-btn,.cta-btn-secondary{padding:12px 24px;font-size:0.95rem;}
.language-selector{padding:0.5rem 0.8rem;}
.language-selector > span{font-size:0.9rem;}
.breadcrumb{padding:0.75rem 1.5rem;}
.page-hero{padding:3rem 1.5rem;}.page-hero h1{font-size:2rem;}
.legal-content,.page-content,.contact-hero,.contact-grid{padding:1.5rem;}
}

/* ============================================ */
/* MOBILE STYLES (< 768px) */
/* ============================================ */
@media(max-width:768px){
/* Hamburger Menu Display */
.hamburger{display:flex;}
/* Nav Menu Hidden by Default on Mobile */
.nav{flex-wrap:wrap;padding:0.75rem 1rem;position:relative;}
.nav-menu{display:none;flex-direction:column;width:100%;gap:0;background:var(--bg-secondary);position:absolute;top:100%;left:0;right:0;padding:1rem 0;border-top:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.nav-menu.active{display:flex;}
.nav-menu li{width:100%;text-align:center;}
.nav-menu a{display:block;padding:1rem;border-bottom:1px solid var(--border-color);}
.nav-menu li:last-child a{border-bottom:none;}
/* Language Selector on Mobile */
.language-selector{position:relative;width:100%;justify-content:center;margin-top:0.5rem;border-radius:8px;}
.language-selector > span{justify-content:center;}
.lang-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);right:auto;min-width:280px;max-width:90vw;max-height:80vh;overflow-y:auto;z-index:10001;border-radius:16px;padding:1rem;}
.language-selector.dropdown-open .lang-dropdown{animation:mobileDropdownFadeIn 0.2s ease-out;}
.language-selector.dropdown-open::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:10000;}
/* Breadcrumb Mobile */
.breadcrumb{padding:0.5rem 1rem;}
.page-hero{padding:2rem 1rem;}.page-hero h1{font-size:1.75rem;}.page-hero p{font-size:1rem;}
.legal-content,.page-content,.contact-hero{padding:1rem;}
.contact-grid{padding:1rem;grid-template-columns:1fr;}
.hero-content{padding:0 1rem;}.hero-content h1{font-size:1.5rem;}
/* Hero Slider Mobile */
.hero-slider{min-height:auto;aspect-ratio:auto;display:flex;flex-direction:column;padding-bottom:1rem;}
.slider-viewport{min-height:auto;}
.slide{position:relative;min-height:auto;}
.slide.active{position:relative;}
.slide img,.slide picture{aspect-ratio:16/10;max-height:250px;object-fit:cover;}
.slide-content{padding:1.25rem 1rem;max-width:100%;}
.slide-content h1,.slide-content h2{font-size:1.35rem;line-height:1.3;margin-bottom:0.5rem;}
.slide-content p{font-size:0.9rem;line-height:1.5;margin-bottom:0.5rem;}
.slider-cta{flex-direction:column;gap:0.75rem;margin-top:1rem;}
.cta-btn,.cta-btn-secondary{width:100%;text-align:center;padding:12px 20px;font-size:0.95rem;}
/* Hide Slider Arrow Controls on Mobile */
.slider-control{display:none !important;}
/* Slider Indicators */
.slider-indicators{margin-top:0.5rem;padding:0.5rem 0;}
.indicator{min-width:44px;min-height:44px;padding:10px;}
.slider-pause{bottom:0.5rem;right:0.5rem;width:40px;height:40px;}
/* Container */
.container{padding:0 1rem;}
/* Sections */
.section{padding:2rem 0;}
.section h2{font-size:1.5rem;margin-bottom:1rem;}
/* Features */
.features-grid{grid-template-columns:1fr;gap:1rem;}
.feature-card{padding:1.5rem;}
/* Stats */
.stats-grid{grid-template-columns:1fr;gap:1rem;}
.stat-item{padding:1.5rem;}
.stat-number{font-size:2rem;}
/* Footer */
.footer{padding:2rem 0;}
.footer-content{grid-template-columns:1fr;text-align:center;gap:1.5rem;}
/* Videos */
.video-grid{grid-template-columns:1fr;}
/* TL;DR and TOC */
.tldr-section,.toc-section{padding:1.25rem;margin:1rem 0;}
/* Social */
.social-section{padding:2rem 0;}
/* Touch Targets */
.nav-menu a{min-height:48px;display:flex;align-items:center;justify-content:center;}
}

/* ============================================ */
/* SMALL MOBILE STYLES (< 480px) */
/* ============================================ */
@media(max-width:480px){
.logo a{font-size:1.25rem;}
.slide-content h1,.slide-content h2{font-size:1.2rem;}
.slide-content p{font-size:0.85rem;}
.section h2{font-size:1.35rem;}
.stat-number{font-size:1.75rem;}
.container{padding:0 0.75rem;}
.feature-card{padding:1.25rem;}
.cta-btn,.cta-btn-secondary{padding:10px 16px;font-size:0.9rem;}
}

/* Animation */
@keyframes mobileDropdownFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.95);}to{opacity:1;transform:translate(-50%,-50%) scale(1);}}

/* Reduced Motion */
@media(prefers-reduced-motion:reduce){.slide{transition:none;}.slider-control,.indicator,.slider-pause{transition:none;}.hamburger span{transition:none;}}