.app-download-section{background:linear-gradient(135deg,#f8fafc,#fafbff 50%,#f9fafb);overflow:hidden;padding:100px 24px;position:relative;transition:background .3s ease,background-color .3s ease;width:100%}:root[data-theme=dark] .app-download-section{background:linear-gradient(135deg,#0d1117,#0f0d1a 50%,#0d1117)}.app-download-container{margin:0 auto;max-width:1280px}.app-download-grid{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.app-download-content{animation:fadeInLeft .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.section-badge{align-items:center;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:20px;color:#0b5cb8;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:24px;padding:8px 16px}:root[data-theme=dark] .section-badge{background:#7c3aed26;border-color:#7c3aed4d;color:#3a7dd8}.section-badge svg{font-size:18px}.app-download-title{color:#1f2937;font-size:clamp(22px,3.5vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px;transition:color .3s ease}:root[data-theme=dark] .app-download-title{color:#fff}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b5cb8,#3a7dd8);-webkit-background-clip:text;background-clip:text}.app-download-subtitle{color:#6b7280;font-size:clamp(14px,1.2vw,18px);font-weight:500;line-height:1.6;margin:0 0 40px;transition:color .3s ease}:root[data-theme=dark] .app-download-subtitle{color:#a1a1aa}.app-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.app-feature-item{align-items:flex-start;background:#fff;border:1px solid #0000000f;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .3s}:root[data-theme=dark] .app-feature-item{background:#ffffff08;border-color:#ffffff0f}.app-feature-item:hover{border-color:#7c3aed33;box-shadow:0 8px 16px #00000014;transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.feature-text{flex:1 1}.feature-title{color:#1f2937;font-size:15px;font-weight:700;margin:0 0 4px}:root[data-theme=dark] .feature-title{color:#fff}.feature-description{color:#9ca3af;font-size:13px;font-weight:500;margin:0}:root[data-theme=dark] .feature-description{color:#71717a}.download-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.store-button{align-items:center;background:#000;border:2px solid #000;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;min-width:180px;padding:12px 24px;transition:all .3s}.store-button:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.appstore-btn,.playstore-btn{background:#000;border-color:#000}.store-icon{font-size:32px}.store-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.store-label{font-size:10px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.store-name{font-size:16px;font-weight:600;margin-top:2px}.app-rating-badge{align-items:center;background:#7c3aed0d;border:1px solid #7c3aed1a;border-radius:12px;display:flex;gap:12px;padding:12px 20px;width:fit-content}:root[data-theme=dark] .app-rating-badge{background:#7c3aed1a;border-color:#7c3aed33}.rating-stars{display:flex;font-size:18px;gap:4px}.rating-text{color:#4b5563;font-size:14px;font-weight:600}:root[data-theme=dark] .rating-text{color:#d1d5db}.app-mockup-container{align-items:center;animation:fadeInRight .8s ease-out;display:flex;justify-content:center;position:relative}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.mockup-decoration{border-radius:50%;opacity:.1;position:absolute}.circle-decoration{animation:pulse 4s ease-in-out;background:linear-gradient(135deg,#0b5cb8,#3a7dd8);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.dots-decoration{background:radial-gradient(circle,#10b981 2px,#0000 0);background-size:20px 20px;height:200px;right:10%;top:10%;width:200px}.app-mockup-wrapper{position:relative;z-index:2}.phone-frame{background:linear-gradient(135deg,#1f2937,#111827);border-radius:36px;box-shadow:0 20px 60px #0000004d;height:640px;padding:12px;position:relative;width:320px}.phone-notch{background:#000;border-radius:0 0 20px 20px;height:28px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:140px;z-index:3}.phone-screen{background:linear-gradient(135deg,#f8f9ff,#fff);border-radius:28px;height:100%;overflow:hidden;position:relative;width:100%}:root[data-theme=dark] .phone-screen{background:linear-gradient(135deg,#1a1a2e,#16213e)}.phone-button{background:#4b5563;border-radius:2px;bottom:6px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.screen-content{padding:40px 20px 20px}.mock-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding-bottom:20px}.mock-title{color:#1f2937;font-size:16px;font-weight:700}:root[data-theme=dark] .mock-title{color:#fff}.mock-icon{color:#6b7280;font-size:24px}.mock-stats{display:flex;gap:12px;margin:20px 0}.mock-stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#4b5563;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:8px;padding:12px}:root[data-theme=dark] .mock-stat{background:#ffffff0d;color:#d1d5db}.mock-courses{display:flex;flex-direction:column;gap:12px;margin-top:20px}.mock-course-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:12px;padding:12px}:root[data-theme=dark] .mock-course-card{background:#ffffff0d}.mock-course-thumb{background:linear-gradient(135deg,#0b5cb8,#3a7dd8);border-radius:8px;flex-shrink:0;height:60px;width:60px}.mock-course-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.mock-course-title{height:12px;width:80%}.mock-course-meta,.mock-course-title{background:linear-gradient(90deg,#d1d5db,#e5e7eb);border-radius:4px}.mock-course-meta{height:8px;width:50%}.floating-badge{align-items:center;animation:floatUp 3s ease-in-out;background:#fff;border:1px solid #fffc;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;gap:12px;padding:16px 20px;position:absolute;z-index:3}.floating-badge,:root[data-theme=dark] .floating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root[data-theme=dark] .floating-badge{background:#ffffff1a;border:1px solid #fff3}.floating-badge svg{color:#0b5cb8;flex-shrink:0;font-size:32px}:root[data-theme=dark] .floating-badge svg{color:#3a7dd8}.floating-badge span{color:#1f2937;font-size:16px;font-weight:700;line-height:1}:root[data-theme=dark] .floating-badge span{color:#fff}.badge-1{animation-delay:0s;right:-20px;top:10%}.badge-2{animation-delay:1s;left:-40px;top:40%}.badge-3{animation-delay:2s;bottom:15%;right:-30px}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1024px){.app-download-section{padding:80px 20px}.app-download-grid{gap:60px}.app-download-title{font-size:36px}.app-download-subtitle{font-size:17px}.phone-frame{height:560px;width:280px}.floating-badge{padding:12px 16px}.floating-badge svg{font-size:24px}.floating-badge span{font-size:14px}}@media (max-width:768px){.app-download-section{padding:60px 16px}.app-download-grid{gap:50px;grid-template-columns:1fr}.app-download-title{font-size:32px}.app-download-subtitle{font-size:16px;margin-bottom:32px}.app-features-grid{gap:16px;margin-bottom:32px}.app-feature-item{padding:14px}.feature-icon{font-size:20px;height:40px;width:40px}.download-buttons{justify-content:center}.app-rating-badge{margin:0 auto}.app-mockup-container{order:-1}.phone-frame{height:520px;width:260px}.floating-badge{padding:8px 12px}.badge-1{right:2%;top:5%}.badge-2{left:2%;top:40%}.badge-3{display:none}.floating-badge svg{font-size:20px}.floating-badge span{font-size:12px}.circle-decoration{animation:pulse 8s ease-in-out}}@media (max-width:480px){.app-download-section{padding:50px 12px}.app-download-title{font-size:28px}.app-download-subtitle{font-size:15px}.app-features-grid{gap:12px;grid-template-columns:1fr}.download-buttons{flex-direction:column;gap:12px}.store-button{justify-content:center;width:100%}.phone-frame{height:480px;width:240px}.screen-content{padding:36px 16px 16px}.mock-stat{font-size:11px}.mock-course-card,.mock-stat{padding:10px}.mock-course-thumb{height:50px;width:50px}.badge-1,.badge-2,.badge-3,.floating-badge{display:none!important}.circle-decoration{animation:pulse 10s ease-in-out}}@media (prefers-reduced-motion:reduce){.app-download-content,.app-mockup-container,.circle-decoration,.floating-badge{animation:none}}