:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;color:#333;background-color:#f5f5f5;min-height:100vh}#app{min-height:100vh}.home-container{max-width:1200px;margin:0 auto;padding:20px}.hero-app{text-align:center;padding:80px 20px 60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:60px;box-shadow:0 10px 40px #667eea4d}.app-icon{font-size:6em;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-app h1{font-size:3em;margin-bottom:15px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.app-tagline{font-size:1.5em;margin-bottom:20px;opacity:.95}.app-description{font-size:1.15em;max-width:700px;margin:0 auto 40px;line-height:1.7;opacity:.95}.download-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:50px}.download-btn{display:inline-block;background:#fff;color:#2c3e50;text-decoration:none;border-radius:12px;padding:15px 30px;font-weight:600;box-shadow:0 4px 15px #0003;transition:all .3s ease;min-width:200px}.download-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.download-btn.google-play{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.download-btn.app-store{background:linear-gradient(135deg,#000,#434343);color:#fff}.btn-content{display:flex;align-items:center;gap:12px}.store-icon{font-size:2em}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.small-text{font-size:.7em;opacity:.9;font-weight:400}.store-name{font-size:1.1em;font-weight:700}.app-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2.5em;font-weight:700;margin-bottom:5px}.stat-label{font-size:1em;opacity:.9}.features-section{background:#fff;padding:60px 40px;border-radius:20px;margin-bottom:50px;box-shadow:0 4px 20px #00000014}.features-section h2{text-align:center;color:#2c3e50;font-size:2.5em;margin-bottom:50px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{text-align:center;padding:30px;background:#f8f9fa;border-radius:15px;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 8px 20px #667eea26}.feature-icon{font-size:3.5em;margin-bottom:20px}.feature-card h3{color:#2c3e50;font-size:1.4em;margin-bottom:15px}.feature-card p{color:#555;line-height:1.7}.how-it-works{background:#fff;padding:60px 40px;border-radius:20px;margin-bottom:50px;box-shadow:0 4px 20px #00000014}.how-it-works h2{text-align:center;color:#2c3e50;font-size:2.5em;margin-bottom:50px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.step-card{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:15px;position:relative}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;margin:0 auto 20px}.step-card h3{color:#2c3e50;font-size:1.3em;margin-bottom:15px}.step-card p{color:#555;line-height:1.7}.why-choose{background:#fff;padding:60px 40px;border-radius:20px;margin-bottom:50px;box-shadow:0 4px 20px #00000014}.why-choose h2{text-align:center;color:#2c3e50;font-size:2.5em;margin-bottom:50px}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:900px;margin:0 auto}.reason-item{display:flex;align-items:center;gap:15px;font-size:1.1em;color:#2c3e50;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.reason-item:hover{background:#667eea15;transform:translate(5px)}.check-icon{font-size:1.5em;flex-shrink:0}.testimonials{background:linear-gradient(135deg,#667eea15,#764ba215);padding:60px 40px;border-radius:20px;margin-bottom:50px}.testimonials h2{text-align:center;color:#2c3e50;font-size:2.5em;margin-bottom:50px}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.testimonial-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 15px #0000001a}.stars{font-size:1.2em;margin-bottom:15px;color:gold}.quote{color:#555;font-style:italic;line-height:1.7;margin-bottom:15px}.author{color:#667eea;font-weight:600}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:60px 40px;border-radius:20px;margin-bottom:50px;box-shadow:0 10px 40px #667eea4d}.cta-section h2{font-size:2.5em;margin-bottom:20px;color:#fff}.cta-section p{font-size:1.2em;margin-bottom:40px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.legal-links{background:#fff;padding:40px;border-radius:15px;margin-bottom:40px;text-align:center;box-shadow:0 4px 20px #00000014}.legal-links h3{color:#2c3e50;font-size:1.8em;margin-bottom:25px}.links-row{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.legal-link{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:#f8f9fa;color:#2c3e50;text-decoration:none;border-radius:10px;font-weight:600;transition:all .3s ease;border:2px solid transparent}.legal-link:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.link-icon{font-size:1.3em}.contact-section{background:#fff;padding:40px;border-radius:15px;margin-bottom:40px;text-align:center;box-shadow:0 4px 20px #00000014}.contact-section h3{color:#2c3e50;font-size:1.8em;margin-bottom:15px}.contact-section>p{color:#555;font-size:1.1em;margin-bottom:25px;line-height:1.7}.contact-info{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:10px;font-size:1.05em;color:#2c3e50;background:#f8f9fa;padding:12px 20px;border-radius:8px}.contact-icon{font-size:1.5em}footer{text-align:center;padding:30px 20px;color:#7f8c8d}footer p{margin:5px 0}.footer-note{font-size:.95em;opacity:.8}.policy-container{max-width:800px;margin:0 auto;background:#fff;padding:40px;min-height:100vh}.policy-container h1{color:#2c3e50;font-size:28px;margin-bottom:10px;padding-bottom:15px}.policy-container h1{border-bottom:3px solid #3498db}.policy-container.terms h1{border-bottom:3px solid #e74c3c}.last-updated{color:#7f8c8d;font-size:14px;margin-bottom:30px;display:block}.policy-container h2{color:#2c3e50;font-size:22px;margin-top:30px;margin-bottom:15px}.policy-container h3{color:#34495e;font-size:18px;margin-top:20px;margin-bottom:10px}.policy-container p{margin-bottom:15px;text-align:justify}.policy-container ul,.policy-container ol{margin-left:30px;margin-bottom:15px}.policy-container li{margin-bottom:8px}.policy-container a{color:#3498db;text-decoration:none}.policy-container a:hover{text-decoration:underline}.highlight{background-color:#ecf0f1;padding:15px;border-left:4px solid #3498db;margin:20px 0}.terms .highlight{background-color:#ffebee;border-left:4px solid #e74c3c}.important-box{background-color:#fff3cd;border:1px solid #ffc107;padding:15px;border-radius:5px;margin:20px 0}.contact-info{background-color:#e8f4f8;padding:20px;border-radius:5px;margin-top:30px}@media(max-width:768px){.home-container{padding:20px 15px}.header h1{font-size:1.8em}.policy-cards{grid-template-columns:1fr;gap:20px}.policy-container{padding:20px}.policy-container h1{font-size:24px}.policy-container h2{font-size:20px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){.home-container{padding:15px}.hero-app{padding:50px 20px 40px;margin-bottom:40px}.hero-app h1{font-size:2em}.app-tagline{font-size:1.2em}.app-description{font-size:1em}.app-icon{font-size:4em}.download-buttons{flex-direction:column;align-items:center}.download-btn{width:100%;max-width:280px}.app-stats{gap:30px}.stat-number{font-size:2em}.features-section,.how-it-works,.why-choose,.cta-section,.legal-links,.contact-section{padding:40px 20px;margin-bottom:30px}.features-section h2,.how-it-works h2,.why-choose h2,.testimonials h2,.cta-section h2{font-size:1.8em}.features-grid,.steps-grid,.reasons-grid,.testimonials-grid{grid-template-columns:1fr;gap:20px}.feature-icon{font-size:2.5em}.links-row{flex-direction:column;align-items:stretch}.legal-link{justify-content:center}.contact-info{flex-direction:column;gap:15px}}@media(max-width:480px){.hero-app h1{font-size:1.5em}.app-tagline{font-size:1em}.stat-number{font-size:1.8em}.stat-label{font-size:.9em}.features-section h2,.how-it-works h2,.why-choose h2,.testimonials h2,.cta-section h2{font-size:1.5em}.feature-card,.step-card,.testimonial-card{padding:20px}}.home-container.portfolio{max-width:1100px;padding:40px 20px}.portfolio .hero{text-align:center;padding:60px 20px;margin-bottom:60px}.portfolio .avatar{font-size:5em;margin-bottom:20px;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.portfolio .hero h1{font-size:2.8em;margin-bottom:15px;color:#2c3e50;font-weight:700}.portfolio .tagline{font-size:1.2em;color:#7f8c8d;margin-bottom:30px}.portfolio .social-links{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.portfolio .social-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#2c3e50;text-decoration:none;border-radius:8px;font-weight:500;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.portfolio .social-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.portfolio .social-icon{font-size:1.2em}.portfolio .about-section{background:#fff;padding:40px;border-radius:12px;margin-bottom:40px;box-shadow:0 2px 8px #0000001a}.portfolio .about-section h2{color:#2c3e50;font-size:2em;margin-bottom:20px}.portfolio .about-section p{color:#555;line-height:1.8;margin-bottom:15px;font-size:1.05em}.portfolio .skills-section{background:#fff;padding:40px;border-radius:12px;margin-bottom:40px;box-shadow:0 2px 8px #0000001a}.portfolio .skills-section h2{color:#2c3e50;font-size:2em;margin-bottom:30px}.portfolio .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.portfolio .skill-category h3{color:#34495e;font-size:1.3em;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #3498db}.portfolio .skill-tags{display:flex;flex-wrap:wrap;gap:10px}.portfolio .skill-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:500}.portfolio .projects-section{background:#fff;padding:40px;border-radius:12px;margin-bottom:40px;box-shadow:0 2px 8px #0000001a}.portfolio .projects-section h2{color:#2c3e50;font-size:2em;margin-bottom:30px}.portfolio .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.portfolio .project-card{background:#f8f9fa;padding:30px;border-radius:12px;transition:all .3s ease;border:2px solid transparent;text-decoration:none;color:inherit;display:block;position:relative}.portfolio .project-card:hover{transform:translateY(-5px);border-color:#3498db;box-shadow:0 4px 12px #3498db33}.portfolio .project-card.featured{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea}.portfolio .project-card.featured:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea40}.portfolio .project-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 15px;border-radius:20px;font-size:.75em;font-weight:600}.portfolio .project-icon{font-size:3em;margin-bottom:15px}.portfolio .project-card h3{color:#2c3e50;font-size:1.4em;margin-bottom:12px}.portfolio .project-card p{color:#555;line-height:1.6;margin-bottom:15px}.portfolio .project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.portfolio .project-tech span{background:#fff;color:#667eea;padding:5px 12px;border-radius:15px;font-size:.85em;font-weight:500}.portfolio .view-project{color:#667eea;font-weight:600;display:flex;align-items:center;gap:5px;margin-top:10px}.portfolio .project-card:hover .view-project{gap:10px}.portfolio .contact-section{background:#fff;padding:40px;border-radius:12px;margin-bottom:40px;box-shadow:0 2px 8px #0000001a;text-align:center}.portfolio .contact-section h2{color:#2c3e50;font-size:2em;margin-bottom:15px}.portfolio .contact-section>p{color:#555;font-size:1.1em;margin-bottom:25px}.portfolio .contact-info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.portfolio .contact-item{display:flex;align-items:center;gap:10px;font-size:1.05em;color:#2c3e50}.portfolio .contact-icon{font-size:1.5em}@media(max-width:768px){.portfolio .hero h1{font-size:2em}.portfolio .tagline{font-size:1em}.portfolio .avatar{font-size:4em}.portfolio .about-section,.portfolio .skills-section,.portfolio .projects-section,.portfolio .contact-section{padding:30px 20px}.portfolio .about-section h2,.portfolio .skills-section h2,.portfolio .projects-section h2,.portfolio .contact-section h2{font-size:1.6em}.portfolio .skills-grid,.portfolio .projects-grid{grid-template-columns:1fr}}