.App{width:100%;min-height:100vh}.landing-page{min-height:100vh;width:100%}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px;text-align:center;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative}.nav-bar{position:absolute;top:20px;right:40px}.hero-content{max-width:800px;margin:0 auto}.hero-icon{width:120px;height:120px;margin-bottom:30px;animation:fadeInUp .6s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.hero-title{font-size:4rem;margin-bottom:20px;font-weight:800;animation:fadeInUp .8s ease-out}.hero-subtitle{font-size:1.5rem;margin-bottom:40px;opacity:.95;animation:fadeInUp 1s ease-out}.cta-button{display:inline-block;background:#fff;color:#667eea;padding:16px 40px;border-radius:50px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003;animation:fadeInUp 1.2s ease-out}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background:#f8f9ff}.features{padding:80px 20px;background:#f8f9fa}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.feature-icon{font-size:3.5rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#667eea;font-weight:600}.feature-card p{color:#666;line-height:1.6;font-size:1rem}.about{padding:80px 20px;background:#fff;text-align:center}.about-text{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8;color:#555}.cta-section{padding:100px 20px;background:linear-gradient(135deg,#764ba2,#667eea);color:#fff;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.cta-section p{font-size:1.3rem;margin-bottom:40px;opacity:.95}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:30px}.cta-section h2{font-size:2rem}.cta-section p{font-size:1.1rem}}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 20px;text-align:center}.contact-section h2{font-size:2.5rem;margin-bottom:20px;font-weight:700}.contact-section p{font-size:1.2rem;margin-bottom:30px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.contact-link-button{display:inline-block;background:#fff;color:#667eea;padding:16px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #0003}.contact-link-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;background:#f8f9fa}.contact-page{min-height:100vh;width:100%}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 20px;text-align:center;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative}.nav-bar{position:absolute;top:20px;left:40px}.nav-link{color:#fff;text-decoration:none;padding:10px 24px;border-radius:25px;font-weight:600;font-size:1.1rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.contact-hero .hero-content{max-width:800px;margin:0 auto}.contact-hero .hero-icon{width:120px;height:120px;margin-bottom:30px;animation:fadeInUp .6s ease-out;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.contact-hero .hero-title{font-size:4rem;margin-bottom:20px;font-weight:800;animation:fadeInUp .8s ease-out}.contact-hero .hero-subtitle{font-size:1.5rem;margin-bottom:40px;opacity:.95;animation:fadeInUp 1s ease-out}.contact-main{max-width:800px;margin:0 auto;padding:80px 20px;text-align:center;background:#f8f9fa}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#333;font-weight:700}.contact-intro{font-size:1.2rem;line-height:1.8;margin:0 0 60px;color:#555}.contact-card{background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease}.contact-icon-large{font-size:4rem;margin-bottom:1.5rem}.contact-card h3{font-size:1.8rem;margin:0 0 15px;color:#667eea;font-weight:600}.contact-description{font-size:1.1rem;margin:0 0 1.5rem;color:#666}.email-link{display:inline-block;color:#667eea;text-decoration:none;font-size:1.5rem;font-weight:600;background:#f0f4ff;padding:1rem 2rem;border-radius:12px;border:2px solid #667eea;transition:all .3s ease;margin:1rem 0}.email-link:hover{background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.response-note{font-size:.95rem;margin:1.5rem 0 0;color:#888;font-style:italic}.help-topics{max-width:1200px;margin:0 auto;padding:80px 20px;background:#fff}.help-topics .section-title{text-align:center;margin-bottom:60px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.topic-card{background:#fff;padding:40px 30px;border-radius:15px;box-shadow:0 5px 20px #00000014;text-align:center;transition:all .3s ease}.topic-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.topic-icon{font-size:3.5rem;margin-bottom:20px}.topic-card h3{font-size:1.5rem;margin:0 0 15px;color:#667eea;font-weight:600}.topic-card p{font-size:1rem;margin:0;color:#666;line-height:1.6}.contact-tips{max-width:900px;margin:0 auto;padding:80px 20px;background:#f8f9fa}.contact-tips .section-title{text-align:center;margin-bottom:60px}.tips-list{display:flex;flex-direction:column;gap:30px}.tip-item{display:flex;align-items:flex-start;gap:30px;background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 20px #00000014}.tip-number{flex-shrink:0;width:50px;height:50px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.tip-content h4{margin:0 0 10px;font-size:1.3rem;color:#333;font-weight:600}.tip-content p{margin:0;font-size:1rem;color:#666;line-height:1.6}.footer{background:#2d3748;color:#fff;text-align:center;padding:30px 20px}.footer p{margin:0;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-hero .hero-title{font-size:2.5rem}.contact-hero .hero-subtitle{font-size:1.2rem}.contact-hero .hero-icon{width:80px;height:80px}.section-title{font-size:2rem}.contact-card{padding:30px 20px}.email-link{font-size:1.2rem;padding:.8rem 1.5rem}.topics-grid{grid-template-columns:1fr;gap:30px}.tip-item{flex-direction:column;align-items:center;text-align:center}.nav-bar{left:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}