*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:#2d3748;background:#fff}.skip-link{position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:#3182ce;color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;transition:top .3s}.skip-link:focus{top:8px}.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid #e5e7eb}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px}.nav-content{display:flex;justify-content:space-between;align-items:center;height:60px}.logo{height:40px;width:auto}.nav-menu{display:flex;gap:32px}.nav-link{color:#2d3748;text-decoration:none;font-weight:500;transition:color .3s}.nav-link:hover{color:#3182ce}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{width:24px;height:2px;background:#2d3748;transition:transform .3s}.hero{padding:120px 20px 80px;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);min-height:100vh;display:flex;align-items:center}.hero-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:#1a202c;margin-bottom:24px}.hero-subtitle{font-size:1.25rem;color:#4a5568;margin-bottom:32px;line-height:1.5}.hero-actions{display:flex;gap:16px}.btn{padding:14px 28px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;border:2px solid transparent}.btn-primary{background:#3182ce;color:#fff;border-color:#3182ce}.btn-primary:hover{background:#2c5aa0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(49,130,206,.3)}.btn-secondary{background:transparent;color:#3182ce;border-color:#3182ce}.btn-secondary:hover{background:#3182ce;color:#fff;transform:translateY(-2px)}.hero-image{position:relative}.hero-image img{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.section-container{max-width:1200px;margin:0 auto;padding:80px 20px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:16px}.section-header p{font-size:1.25rem;color:#4a5568}.getting-started{background:#f7fafc}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.step-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;position:relative}.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px rgba(0,0,0,.15)}.step-number{position:absolute;top:-16px;left:32px;width:48px;height:48px;background:#3182ce;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 15px rgba(49,130,206,.3)}.step-content h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin:16px 0 12px}.step-content p{color:#4a5568;margin-bottom:20px;line-height:1.6}.step-image{margin-top:16px}.step-image img{border-radius:8px;width:100%}.apps{background:#fff}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.app-card{background:#f7fafc;border-radius:12px;padding:32px;text-align:center;transition:transform .3s,box-shadow .3s}.app-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.app-icon{font-size:3rem;margin-bottom:16px}.app-card h3{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:8px}.app-platform{color:#3182ce;font-weight:600;font-size:0.9rem;margin-bottom:16px}.app-card p{color:#4a5568;margin-bottom:20px;line-height:1.6}.app-features{list-style:none;text-align:left}.app-features li{color:#059669;font-size:0.9rem;margin-bottom:8px;position:relative;padding-left:20px}.app-features li::before{content:'✓';position:absolute;left:0;color:#10b981;font-weight:600}.tips{background:#f7fafc}.tips-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.tips-text h2{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:16px}.tips-text p{color:#4a5568;margin-bottom:32px}.tips-list{display:flex;flex-direction:column;gap:24px}.tip-item{display:flex;gap:16px;align-items:flex-start}.tip-icon{font-size:2rem;flex-shrink:0}.tip-content h3{font-size:1.25rem;font-weight:600;color:#1a202c;margin-bottom:8px}.tip-content p{color:#4a5568;line-height:1.6}.tips-image img{border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1)}.troubleshooting{background:#fff}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.faq-question{width:100%;padding:20px 24px;background:#fff;border:none;text-align:left;font-size:1.1rem;font-weight:600;color:#1a202c;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s}.faq-question:hover{background:#f9fafb}.faq-icon{font-size:1.5rem;transition:transform .3s}.faq-item[data-open="true"] .faq-icon{transform:rotate(45deg)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}.faq-item[data-open="true"] .faq-answer{padding:0 24px 20px;max-height:200px}.faq-answer p{color:#4a5568}.contact{background:#f7fafc}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-info h2{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:16px}.contact-info p{color:#4a5568;margin-bottom:32px}.contact-details{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.contact-label{font-weight:600;color:#1a202c}.contact-value{color:#4a5568}.contact-form{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#1a202c}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1)}.footer{background:#1a202c;color:#e5e7eb;padding:60px 20px 20px}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-section h3{color:#fff;font-weight:600;margin-bottom:16px}.footer-description{color:#9ca3af;margin-top:12px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-contact{color:#3182ce;text-decoration:none;font-weight:600}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #374151}.footer-bottom .footer-links{display:flex;gap:24px}.footer-disclaimer{font-size:0.9rem;color:#9ca3af}.cookie-notice{position:fixed;bottom:0;left:0;right:0;background:#1a202c;color:#fff;padding:16px;z-index:1001;transform:translateY(100%);transition:transform .3s}.cookie-notice.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie-content p{margin:0}.cookie-content a{color:#60a5fa}.cookie-accept{background:#3182ce;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.legal-page{padding-top:80px;min-height:100vh}.legal-container{max-width:800px;margin:0 auto;padding:40px 20px}.legal-page h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:16px}.legal-date{color:#6b7280;margin-bottom:40px}.legal-section{margin-bottom:40px}.legal-section h2{font-size:1.8rem;font-weight:600;color:#1a202c;margin-bottom:16px}.legal-section h3{font-size:1.4rem;font-weight:600;color:#1a202c;margin:24px 0 12px}.legal-section p{color:#4a5568;margin-bottom:16px}.legal-section ul{margin-left:20px;margin-bottom:16px}.legal-section li{color:#4a5568;margin-bottom:8px}.legal-section a{color:#3182ce;text-decoration:none}.legal-section a:hover{text-decoration:underline}@media (max-width:768px){.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.nav-menu.show{display:flex}.nav-toggle{display:flex}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.steps-grid{grid-template-columns:1fr}.tips-content{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:16px}.cookie-content{flex-direction:column;text-align:center}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}