@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Bebas+Neue&display=swap');*{padding:0;box-sizing:border-box}.download-page-container{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#FF6B35 0%,#FF8C42 25%,#FFA552 50%,#FFB562 75%,#FFC872 100%);min-height:100vh;overflow-x:hidden;position:relative}.download-page-container::before{content:'';position:fixed;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite;z-index:0;pointer-events:none}.download-page-container::after{content:'';position:fixed;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite reverse;z-index:0;pointer-events:none}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,50px) scale(1.1)}}.container{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.header{padding:40px 0 60px;text-align:center}.logo-section{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px}.logo-img{width:80px;height:80px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.15);background:white;padding:5px}.app-name{font-size:56px;font-weight:900;color:white;text-shadow:0 4px 20px rgba(0,0,0,0.2);letter-spacing:2px;font-family:'Bebas Neue','Noto Sans SC',sans-serif}.tagline{font-size:24px;color:rgba(255,255,255,0.95);margin-top:15px;font-weight:300;letter-spacing:4px}.download-section{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:30px;padding:50px;margin-bottom:80px;box-shadow:0 20px 60px rgba(0,0,0,0.15)}.download-buttons{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.download-btn{display:flex;align-items:center;gap:15px;padding:20px 40px;background:linear-gradient(135deg,#FF6B35 0%,#FF8C42 100%);color:white;text-decoration:none;border-radius:50px;font-size:18px;font-weight:600;box-shadow:0 10px 30px rgba(255,107,53,0.4);transition:all 0.3s ease;position:relative;overflow:hidden}.download-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.5s ease}.download-btn:hover::before{left:100%}.download-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(255,107,53,0.5)}.download-btn i{font-size:28px}.download-btn.disabled{background:linear-gradient(135deg,#ccc 0%,#999 100%);cursor:not-allowed;opacity:0.6}.download-btn.disabled:hover{transform:none;box-shadow:0 10px 30px rgba(0,0,0,0.2)}.download-btn.disabled::before{display:none}.qr-code-section{text-align:center;padding-top:30px;border-top:2px solid rgba(255,107,53,0.1)}.qr-code-title{font-size:18px;color:var(--color-gray-600);margin-bottom:20px;font-weight:500}.qr-codes{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}.qr-code-item{text-align:center}.qr-code-box{width:180px;height:180px;background:white;border-radius:20px;padding:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-bottom:15px;display:flex;align-items:center;justify-content:center}.qr-code-box canvas{max-width:100%;max-height:100%}.qr-code-box img{width:100%;height:100%;object-fit:contain}.qr-code-label{font-size:16px;color:var(--color-gray-800);font-weight:600}.features-section{margin-bottom:80px}.section-title{text-align:center;font-size:42px;font-weight:900;color:white;margin-bottom:60px;text-shadow:0 4px 20px rgba(0,0,0,0.2);letter-spacing:2px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);border-radius:30px;padding:40px;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,0.1);transition:all 0.4s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#FF6B35,#FFC872);transform:scaleX(0);transition:transform 0.4s ease}.feature-card:hover::before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,0.15)}.feature-icon{width:80px;height:80px;margin:0 auto 25px;background:linear-gradient(135deg,#FF6B35 0%,#FF8C42 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 10px 30px rgba(255,107,53,0.3)}.feature-title{font-size:24px;font-weight:700;color:var(--color-gray-800);margin-bottom:15px}.feature-desc{font-size:16px;color:var(--color-gray-600);line-height:1.8}.screenshots-section{margin-bottom:80px}.screenshots-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;padding:40px 20px}.screenshot-item{position:relative;display:flex;flex-direction:column;align-items:center}.phone-frame{width:320px;background:#1a1a1a;border-radius:40px;padding:15px;box-shadow:0 20px 60px rgba(0,0,0,0.3);position:relative}.phone-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:120px;height:25px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:2}.phone-screen{width:100%;border-radius:30px;overflow:hidden;position:relative}.phone-screen img{width:100%;height:auto;display:block}.screenshot-label{text-align:center;margin-top:20px;font-size:18px;font-weight:600;color:white;text-shadow:0 2px 10px rgba(0,0,0,0.3)}footer{margin-top:80px}@media (max-width:768px){.app-name{font-size:36px}.tagline{font-size:18px;letter-spacing:2px}.download-section{padding:30px 20px}.download-buttons{flex-direction:column;gap:20px}.download-btn{width:100%;justify-content:center}.qr-codes{flex-direction:column;align-items:center}.section-title{font-size:32px}.features-grid{grid-template-columns:1fr;gap:30px}.phone-frame{width:280px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp 0.8s ease-out forwards}.animate-delay-1{animation-delay:0.1s;opacity:0}.animate-delay-2{animation-delay:0.2s;opacity:0}.animate-delay-3{animation-delay:0.3s;opacity:0}.animate-delay-4{animation-delay:0.4s;opacity:0}