*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#333;background-color:#fff;overflow-x:hidden;width:100%;min-height:100vh}#root{width:100%;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}.App{width:100%;overflow-x:hidden}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:10px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-header{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.close-btn{background:none;border:none;font-size:1.8rem;color:#7f8c8d;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background-color:#f8f9fa;color:#2c3e50}.test-credentials{background-color:#e8f4fd;border:1px solid #3399cc;border-radius:8px;padding:1rem;margin:1.5rem}.test-credentials h4{margin:0 0 .5rem;color:#2980b9;font-size:1rem}.test-credentials p{margin:.25rem 0;font-family:Courier New,monospace;font-size:.9rem;color:#34495e}.login-form{padding:0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600}.form-group input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#39c}.login-form .btn{width:100%;margin:1rem 0}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;margin:1.5rem;border-radius:6px;border:1px solid #f5c6cb;font-size:.9rem}.modal-footer{padding:1.5rem;border-top:1px solid #e9ecef;text-align:center}.modal-footer p{margin:0;color:#7f8c8d}.link-btn{background:none;border:none;color:#39c;cursor:pointer;text-decoration:underline;font-size:inherit}.link-btn:hover{color:#2980b9}@media (max-width: 768px){.modal-content{width:95%;margin:10px}.modal-header{padding:1rem}.login-form{padding:0 1rem}.test-credentials{margin:1rem}.modal-footer{padding:1rem}}.navbar{background:linear-gradient(135deg,#39c,#2980b9);padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.nav-logo{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:1px}.nav-logo:hover{color:#ecf0f1}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.nav-link:hover{background-color:#ffffff1a;color:#ecf0f1}.nav-user{display:flex;align-items:center;gap:1rem}.nav-welcome{color:#fffc;font-size:.9rem}.login-btn,.logout-btn{background:none;border:none;color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;cursor:pointer;font-size:inherit}.login-btn:hover,.logout-btn:hover{background-color:#ffffff1a;color:#ecf0f1}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-logo{font-size:1.5rem}.nav-user{flex-direction:column;gap:.5rem}.nav-welcome{font-size:.8rem}}.footer{background-color:#2c3e50;color:#ecf0f1;padding:3rem 0 1rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 20px}.footer-section h3{color:#39c;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#39c;margin-bottom:1rem;font-size:1.2rem}.footer-section p{margin-bottom:.5rem;color:#bdc3c7}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#39c}.footer-bottom{border-top:1px solid #34495e;margin-top:2rem;padding-top:1rem;text-align:center;color:#95a5a6}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center;gap:1.5rem}.footer{padding:2rem 0 1rem}}.home{min-height:100vh;width:100%;overflow-x:hidden}.hero{background:linear-gradient(135deg,#39c,#2980b9);color:#fff;padding:6rem 0;text-align:center}.hero-content{max-width:800px;margin:0 auto;padding:0 20px}.hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;font-weight:300;opacity:.9}.hero-description{font-size:1.1rem;margin-bottom:2.5rem;opacity:.9;line-height:1.6}.test-user-info{background-color:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:10px;padding:1.5rem;margin:2rem 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.test-user-info h3{margin:0 0 1rem;font-size:1.3rem;color:#fff}.test-user-info p{margin:.5rem 0;font-size:1rem;font-family:Courier New,monospace;color:#fff}.test-user-info strong{font-weight:700}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features{padding:6rem 0;background-color:#f8f9fa}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#2c3e50}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}.feature-card p{color:#7f8c8d;line-height:1.6}.cta{padding:6rem 0;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.hero{padding:4rem 0}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-buttons{flex-direction:column;align-items:center}.features{padding:4rem 0}.features h2{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.cta{padding:4rem 0}.cta h2{font-size:2rem}}.about{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.about-header{text-align:center;margin-bottom:4rem;padding:3rem 0;background:linear-gradient(135deg,#39c,#2980b9);color:#fff}.about-header h1{font-size:3rem;margin-bottom:1rem}.about-header .subtitle{font-size:1.3rem;opacity:.9}.about-content{background:#fff;border-radius:10px;padding:3rem;margin-bottom:3rem;box-shadow:0 5px 15px #0000001a}.about-text h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem;margin-top:2rem}.about-text h2:first-child{margin-top:0}.about-text p{color:#7f8c8d;line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.about-text ul{color:#7f8c8d;line-height:1.7;margin-bottom:1.5rem;padding-left:2rem}.about-text li{margin-bottom:.5rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.value-item{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;text-align:center;border-left:4px solid #3399cc}.value-item h3{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem}.value-item p{color:#7f8c8d;margin:0;font-size:.95rem}.company-stats{background:#fff;border-radius:10px;padding:3rem;margin-bottom:3rem;box-shadow:0 5px 15px #0000001a;text-align:center}.company-stats h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item h3{font-size:2.5rem;color:#39c;margin-bottom:.5rem}.stat-item p{color:#7f8c8d;font-size:1.1rem;margin:0}.contact-cta{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center;padding:3rem;border-radius:10px;box-shadow:0 5px 15px #0000001a}.contact-cta h2{font-size:2rem;margin-bottom:1rem}.contact-cta p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.about-header h1{font-size:2rem}.about-header .subtitle{font-size:1.1rem}.about-content,.company-stats{padding:2rem;margin:0 15px 2rem}.contact-cta{padding:2rem;margin:0 15px}.values-grid{grid-template-columns:1fr;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item h3{font-size:2rem}}.services{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.services-header{text-align:center;margin-bottom:4rem;padding:3rem 0;background:linear-gradient(135deg,#39c,#2980b9);color:#fff}.services-header h1{font-size:3rem;margin-bottom:1rem}.services-header p{font-size:1.3rem;opacity:.9}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.service-card{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease;border-left:4px solid #3399cc}.service-card:hover{transform:translateY(-5px)}.service-card h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem}.service-card p{color:#7f8c8d;line-height:1.6;margin-bottom:1.5rem}.service-card ul{color:#7f8c8d;padding-left:1.5rem;line-height:1.6}.service-card li{margin-bottom:.5rem;position:relative}.service-card li:before{content:"✓";color:#27ae60;font-weight:700;position:absolute;left:-1.5rem}.pricing-info{background:#fff;border-radius:10px;padding:3rem;text-align:center;box-shadow:0 5px 15px #0000001a}.pricing-info h2{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem}.pricing-info p{font-size:1.2rem;color:#7f8c8d;margin-bottom:2rem}.pricing-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.pricing-item{background-color:#f8f9fa;padding:2rem;border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.pricing-item:hover{border-color:#39c;transform:translateY(-3px)}.pricing-item h4{font-size:2.5rem;color:#39c;margin-bottom:.5rem;font-weight:700}.pricing-item p{color:#7f8c8d;margin:0;font-size:1rem}@media (max-width: 768px){.services-header{padding:2rem 0}.services-header h1{font-size:2rem}.services-header p{font-size:1.1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem;margin:0 15px 3rem}.service-card{padding:1.5rem}.pricing-info{padding:2rem;margin:0 15px}.pricing-info h2{font-size:2rem}.pricing-highlights{grid-template-columns:1fr;gap:1rem}.pricing-item h4{font-size:2rem}}.contact{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.contact-header{text-align:center;margin-bottom:4rem;padding:3rem 0;background:linear-gradient(135deg,#39c,#2980b9);color:#fff}.contact-header h1{font-size:3rem;margin-bottom:1rem}.contact-header p{font-size:1.3rem;opacity:.9}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;padding:0 20px}.contact-info{background:#fff;border-radius:10px;padding:2.5rem;box-shadow:0 5px 15px #0000001a;height:fit-content}.contact-info h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.contact-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e9ecef}.contact-item:last-child{border-bottom:none;margin-bottom:0}.contact-item h3{color:#39c;font-size:1.3rem;margin-bottom:.5rem}.contact-item p{color:#7f8c8d;margin:.25rem 0;line-height:1.5}.contact-form{background:#fff;border-radius:10px;padding:2.5rem;box-shadow:0 5px 15px #0000001a}.contact-form h2{color:#2c3e50;font-size:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#2c3e50;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#39c}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%;margin-top:1rem}@media (max-width: 768px){.contact-header{padding:2rem 0}.contact-header h1{font-size:2rem}.contact-header p{font-size:1.1rem}.contact-content{grid-template-columns:1fr;gap:2rem;padding:0 15px}.contact-info,.contact-form{padding:2rem}.contact-info h2,.contact-form h2{font-size:1.5rem}.contact-item h3{font-size:1.1rem}}.legal-page{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.legal-page .container{max-width:900px;margin:0 auto;background:#fff;border-radius:10px;padding:3rem;box-shadow:0 5px 15px #0000001a}.legal-page h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem;text-align:center;border-bottom:3px solid #3399cc;padding-bottom:1rem}.last-updated{text-align:center;color:#7f8c8d;font-style:italic;margin-bottom:3rem;font-size:.9rem}.legal-page section{margin-bottom:2.5rem}.legal-page h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1rem;margin-top:2rem;border-left:4px solid #3399cc;padding-left:1rem}.legal-page h3{color:#34495e;font-size:1.3rem;margin-bottom:.8rem;margin-top:1.5rem}.legal-page p{color:#7f8c8d;line-height:1.7;margin-bottom:1rem;font-size:1rem;text-align:justify}.legal-page ul,.legal-page ol{color:#7f8c8d;line-height:1.7;margin-bottom:1rem;padding-left:2rem}.legal-page li{margin-bottom:.5rem}.legal-page ul li::marker{color:#39c}.legal-page ol li::marker{color:#39c;font-weight:700}.legal-page section:first-of-type{background-color:#e8f4fd;padding:1.5rem;border-radius:8px;border:1px solid #3399cc}.legal-page section:last-of-type{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6}.legal-page h2:before{content:counter(section);counter-increment:section;background-color:#39c;color:#fff;font-size:.9rem;padding:.3rem .6rem;border-radius:50%;margin-right:1rem;font-weight:700;min-width:1.5rem;text-align:center;display:inline-block}.legal-page{counter-reset:section}@media (max-width: 768px){.legal-page .container{margin:0 15px;padding:2rem}.legal-page h1{font-size:2rem}.legal-page h2{font-size:1.5rem}.legal-page h3{font-size:1.2rem}.legal-page p{text-align:left}.legal-page section:first-of-type,.legal-page section:last-of-type{padding:1rem}}.payment-demo{min-height:100vh;background-color:#f8f9fa;padding:2rem 0}.demo-header{text-align:center;margin-bottom:3rem}.demo-header h1{font-size:3rem;color:#2c3e50;margin-bottom:1rem}.demo-header p{font-size:1.2rem;color:#7f8c8d;margin-bottom:1rem;max-width:700px;margin-left:auto;margin-right:auto}.demo-note{background-color:#e8f4fd;border:1px solid #3399cc;border-radius:8px;padding:1rem;margin:2rem auto;max-width:600px;text-align:left}.demo-note strong{color:#2980b9}.auth-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:2rem;margin:2rem auto;max-width:600px;text-align:center}.auth-notice h3{color:#856404;margin-bottom:1rem;font-size:1.3rem}.auth-notice p{color:#856404;margin-bottom:.5rem;font-size:1rem}.auth-notice p strong{color:#533f03}.payment-status{background:#fff;border-radius:10px;padding:2rem;margin:2rem 0;text-align:center;box-shadow:0 5px 15px #0000001a}.payment-status.success{border-left:5px solid #27ae60}.payment-status.failed{border-left:5px solid #e74c3c}.payment-status.verification_failed{border-left:5px solid #f39c12}.payment-status.cancelled{border-left:5px solid #95a5a6}.payment-status h3{margin-bottom:1rem;font-size:1.5rem}.payment-status p{margin-bottom:.5rem;color:#7f8c8d}.payment-options h2{text-align:center;font-size:2.5rem;color:#2c3e50;margin-bottom:2rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.payment-option-card{background:#fff;border-radius:10px;padding:2rem;text-align:center;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.payment-option-card:hover{transform:translateY(-5px)}.payment-option-card h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem}.payment-option-card .description{color:#7f8c8d;margin-bottom:1.5rem;line-height:1.5}.payment-option-card .price{font-size:2rem;font-weight:700;color:#39c;margin-bottom:1.5rem}.test-info{background:#fff;border-radius:10px;padding:2rem;margin-top:3rem;box-shadow:0 5px 15px #0000001a}.test-info h3{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:2rem}.test-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.test-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;text-align:center}.test-card h4{color:#2c3e50;margin-bottom:1rem;font-size:1.2rem}.test-card p{margin:.5rem 0;color:#6c757d;font-family:Courier New,monospace;font-size:.9rem}@media (max-width: 768px){.demo-header h1{font-size:2rem}.demo-header p{font-size:1rem}.payment-options h2{font-size:2rem}.options-grid{grid-template-columns:1fr;gap:1.5rem}.test-cards{grid-template-columns:1fr}.payment-option-card .price{font-size:1.8rem}}.App{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;text-decoration:none;border:none;border-radius:6px;font-size:16px;font-weight:600;text-align:center;cursor:pointer;transition:all .3s ease;margin:5px}.btn-primary{background-color:#39c;color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#39c;border:2px solid #3399cc}.btn-secondary:hover{background-color:#39c;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}@media (max-width: 768px){.container{padding:0 15px}.btn{display:block;margin:10px 0}}