.company-home-page{font-family:Arial,sans-serif;line-height:1.6;color:#333}.hero{position:relative;height:80vh;min-height:600px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:20px;animation:fadeInUp 1s ease-out}.company-logo{max-width:200px;height:auto;margin-bottom:20px;border-radius:10px;box-shadow:0 4px 20px #0000004d;background:#fff;padding:10px}.hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p{font-size:1.2rem;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-outline{background:transparent;color:#fff;border:2px solid white}.btn-outline:hover{background:#fff;color:#333;transform:translateY(-3px);box-shadow:0 6px 20px #ffffff4d}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:10px}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#ffffff80;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.about-section{background:#f9f9f9}.about-content{display:flex;gap:40px;align-items:center;flex-wrap:wrap}.about-text,.about-image{flex:1;min-width:300px;opacity:0;transform:translateY(30px);transition:all .8s ease}.about-text.visible,.about-image.visible{opacity:1;transform:translateY(0)}.about-text{transition-delay:.2s}.about-text p{margin-bottom:15px;font-size:1.1rem;line-height:1.8;color:#555}.about-image{transition-delay:.4s}.about-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 5px 20px #0000001a}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background:#f8f9fa;border-radius:10px;padding:30px;text-align:center;transition:all .3s ease;box-shadow:0 2px 10px #0000000d;opacity:0;transform:translateY(30px)}.service-card.visible{opacity:1;transform:translateY(0);transition:all .8s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #1677ff26}.service-icon{width:80px;height:80px;background:#1677ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}.service-card h3{font-size:1.4rem;margin-bottom:15px;color:#333;line-height:1.3}.service-card p{color:#666;margin-bottom:20px}.learn-more{color:#1677ff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:5px;transition:all .3s ease}.learn-more:hover{color:#0958d9;transform:translate(5px)}.culture-section{background:#f0f2f5}.culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.culture-item{text-align:center;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;opacity:0;transform:translateY(30px)}.culture-item.visible{opacity:1;transform:translateY(0);transition:all .8s ease}.culture-item:nth-child(1).visible{transition-delay:.1s}.culture-item:nth-child(2).visible{transition-delay:.2s}.culture-item:nth-child(3).visible{transition-delay:.3s}.culture-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.culture-item i{font-size:2.2rem;color:#1677ff;margin-bottom:20px;display:inline-block;vertical-align:middle}.culture-item h3{font-size:1.3rem;margin-bottom:15px;color:#333;line-height:1.3;padding-top:5px}.culture-item p{color:#666;line-height:1.7}.gallery-section{background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;cursor:pointer;opacity:0;transform:scale(.9);transition:all .5s ease}.gallery-item.visible{opacity:1;transform:scale(1)}.gallery-item img{width:100%;height:200px;object-fit:cover;transition:all .5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-item:hover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1677ff33}@media (max-width: 768px){.hero{height:60vh;min-height:500px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.section-title{font-size:1.8rem}.about-content{flex-direction:column;gap:20px}.services-grid,.culture-grid,.gallery-grid{grid-template-columns:1fr}}@media (max-width: 480px){section{padding:50px 0}.company-logo{max-width:150px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}}.business-page{font-family:Arial,sans-serif;line-height:1.6;color:#333}.overview-section{background:#f9f9f9}.overview-content{opacity:0;transform:translateY(30px);transition:all .8s ease;max-width:800px;margin:0 auto;text-align:center}.overview-content p{margin-bottom:20px;font-size:1.1rem;line-height:1.8;color:#555}.business-sections{background:#fff}.tabs-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:40px;opacity:0;transform:translateY(30px);transition:all .8s ease}.tab-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 15px;border:none;background:#f5f5f5;border-radius:10px;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.tab-button i{font-size:1.6rem;display:block;margin-bottom:2px}.tab-content{position:relative;min-height:400px}.tab-pane{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translate(20px);transition:all .5s ease;pointer-events:none}.tab-pane.active{opacity:1;transform:translate(0);pointer-events:auto}.business-detail{display:flex;gap:40px;align-items:center;flex-wrap:wrap}.business-image{flex:1;min-width:300px}.business-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 5px 20px #0000001a}.business-info{flex:1;min-width:300px}.business-info h3{font-size:1.8rem;margin-bottom:15px;color:#333}.business-description{font-size:1.1rem;margin-bottom:25px;color:#555;line-height:1.7}.business-features{list-style:none;margin:0 0 30px;padding:0}.business-features li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:1rem;color:#555}.business-features i{color:#1677ff;margin-top:4px;font-size:1.1rem}.btn{padding:12px 24px;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.advantage-item i{font-size:2.5rem;color:#1677ff;margin-bottom:20px}.process-section{background:#fff}.cta-content .btn{background:#fff;color:#1677ff}.cta-content .btn:hover{background:#f0f0f0;color:#0958d9}@media (max-width: 768px){.page-header h1{font-size:2rem}.section-title{font-size:1.8rem}.business-detail,.process-steps{flex-direction:column}.process-arrow{display:none}.advantages-grid,.process-steps{grid-template-columns:1fr}}@media (max-width: 480px){.page-header{padding:60px 0 30px}section{padding:50px 0}.tabs-navigation{gap:10px}.tab-button{min-width:100px;padding:15px 10px}.tab-button i{font-size:1.5rem}.business-image,.business-info{min-width:100%}}.service-page{font-family:Arial,sans-serif;line-height:1.6;color:#333}.tabs-navigation{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:40px;opacity:0;transform:translateY(30px);transition:all .8s ease}.tabs-navigation.visible{opacity:1;transform:translateY(0)}.tab-button{padding:12px 24px;border:none;background:#f5f5f5;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.tab-button:hover{background:#e8e8e8;transform:translateY(-3px)}.tab-button.active{background:#1677ff;color:#fff;transform:translateY(-3px);box-shadow:0 5px 20px #1677ff4d}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:30px}.service-card-link{text-decoration:none;color:inherit;display:block;opacity:0;transform:translateY(30px);transition:all .3s ease}.service-card{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.service-card-link.visible{opacity:1;transform:translateY(0);transition:all .8s ease}.service-card-link:hover .service-card{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.service-card:hover .btn-primary{background:#0d5aa7;transform:translate(5px)}.service-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:#1677ff}.service-icon{font-size:2rem;margin-bottom:15px;color:#1677ff;display:block;text-align:center}.service-card h3{font-size:1.4rem;margin-bottom:15px;color:#333;text-align:center;line-height:1.3}.service-card p{color:#666;line-height:1.7;margin-bottom:25px}.btn{display:inline-block;padding:10px 20px;border-radius:50px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:#1677ff;color:#fff;transition:all .3s ease}.btn-primary:hover{background:#0958d9;transform:translateY(-3px);box-shadow:0 6px 20px #1677ff66}.no-services{text-align:center;padding:50px 0;color:#666}.advantages-section{background:#f0f2f5}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.advantage-item{text-align:center;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;opacity:0;transform:translateY(30px)}.advantage-item i{font-size:2rem;margin-bottom:15px;color:#1677ff;display:block;text-align:center}.advantage-item h3{font-size:1.3rem;margin-bottom:15px;color:#333;text-align:center;line-height:1.3}.advantage-item.visible{opacity:1;transform:translateY(0);transition:all .8s ease}.advantage-item:nth-child(1).visible{transition-delay:.1s}.advantage-item:nth-child(2).visible{transition-delay:.2s}.advantage-item:nth-child(3).visible{transition-delay:.3s}.advantage-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.advantage-icon{font-size:2.5rem;color:#1677ff;margin-bottom:20px}.advantage-item h3{font-size:1.3rem;margin-bottom:15px;color:#333}.advantage-item p{color:#666;line-height:1.7}.process-steps{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.process-step{flex:1;min-width:200px;text-align:center;padding:20px;background:#f8f9fa;border-radius:10px;position:relative;transition:all .3s ease;opacity:0;transform:translateY(30px)}.process-step.visible{opacity:1;transform:translateY(0);transition:all .8s ease}.process-step:nth-child(1).visible{transition-delay:.1s}.process-step:nth-child(3).visible{transition-delay:.2s}.process-step:nth-child(5).visible{transition-delay:.3s}.process-step:nth-child(7).visible{transition-delay:.4s}.process-step:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.step-number{width:50px;height:50px;background:#1677ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.process-step h3{font-size:1.2rem;margin-bottom:15px;color:#333}.process-step p{color:#666;line-height:1.6;font-size:.95rem}.process-arrow{display:none;font-size:2rem;color:#1677ff;opacity:.5}.cta-content .btn{background:#fff;color:#1677ff;font-weight:700}@media (max-width: 768px){.page-header h1{font-size:2rem}.section-title{font-size:1.8rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.process-steps{flex-direction:column}.process-arrow{display:none}.advantages-grid,.process-steps{grid-template-columns:1fr}}@media (max-width: 480px){.page-header{padding:60px 0 30px}section{padding:50px 0}.tabs-navigation{gap:10px}.tab-button{padding:10px 15px;font-size:.9rem}.service-card,.advantage-item,.process-step{padding:20px}}.service-detail-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}.service-hero{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:500px;display:flex;align-items:center;position:relative;color:#fff}.service-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1}.service-hero-content{position:relative;z-index:2;max-width:800px;padding:40px 20px}.service-icon{font-size:3rem;margin-bottom:20px}.service-hero h1{font-size:2.5rem;margin-bottom:20px;font-weight:700;line-height:1.2}.service-hero p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.9rem;opacity:.8}.breadcrumb span{opacity:.6}.container{max-width:1200px;margin:0 auto;padding:60px 20px}section{margin-bottom:40px}.section-title{font-size:2rem;margin-bottom:30px;color:#1a202c;text-align:center;position:relative;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(135deg,#1677ff,#0ea5e9)}.overview-content{font-size:1.1rem;line-height:1.8;color:#4a5568;max-width:900px;margin:0 auto;text-align:center;opacity:0;transform:translateY(30px);transition:all .8s ease .2s}.features-section{background:#f8fafc;padding:80px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.feature-item{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:all .5s ease;opacity:0;transform:translateY(30px)}.feature-item.visible{opacity:1;transform:translateY(0)}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.feature-number{font-size:2rem;font-weight:700;color:#1677ff;margin-bottom:15px}.feature-item h3{font-size:1.1rem;color:#2d3748;font-weight:600}.process-steps{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:40px auto 0}.process-step-container{display:flex;align-items:center;gap:20px}.process-step{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1;display:flex;align-items:center;gap:15px;opacity:0;transform:translate(-30px);transition:all .6s ease}.process-step.visible{opacity:1;transform:translate(0)}.process-step:nth-child(2n){transform:translate(30px)}.process-step:nth-child(2n).visible{transform:translate(0)}.step-number{width:40px;height:40px;border-radius:50%;background:#1677ff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.process-step h3{font-size:1.1rem;color:#2d3748;margin:0}.process-arrow{font-size:2rem;color:#cbd5e0;margin:0 auto;opacity:0;transition:opacity .6s ease .3s}.process-step.visible+.process-arrow{opacity:1}.benefits-section{background:#f1f5f9;padding:80px 0}.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:40px}.benefit-item{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;opacity:0;transform:translateY(20px);transition:all .5s ease}.benefit-item.visible{opacity:1;transform:translateY(0)}.benefit-icon{width:36px;height:36px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.benefit-item p{margin:0;font-size:1rem;color:#374151}.cta-section{background:linear-gradient(135deg,#1677ff,#0ea5e9);color:#fff;text-align:center;padding:80px 0}.cta-content{max-width:800px;margin:0 auto;opacity:0;transform:translateY(30px);transition:all .8s ease}.cta-content h2{font-size:2.2rem;margin-bottom:20px;font-weight:700}.cta-content p{font-size:1.1rem;margin-bottom:40px;opacity:.9}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:12px 30px;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;border:2px solid transparent}.btn-primary{background:#fff;color:#1677ff}.btn-primary:hover{background:#f0f9ff;transform:translateY(-2px)}.btn-secondary{background:transparent;color:#fff;border-color:#fff}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center}.error-container h2{color:#ef4444;margin-bottom:15px}.error-container p{margin-bottom:20px;color:#6b7280}@media (max-width: 768px){.service-hero h1{font-size:2rem}.service-hero{min-height:400px}.section-title{font-size:1.8rem}.features-grid{grid-template-columns:1fr}.process-steps{gap:30px}.process-step-container{flex-direction:column;gap:10px}.process-step{transform:translateY(30px);width:100%}.process-step:nth-child(2n){transform:translateY(30px)}.process-arrow{transform:rotate(90deg)}.benefits-list{grid-template-columns:1fr}.cta-content h2{font-size:1.8rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:200px;text-align:center}.breadcrumb{flex-wrap:wrap}}@media (max-width: 480px){.service-hero h1{font-size:1.6rem}.service-hero-content{padding:20px}.section-title{font-size:1.5rem}.container{padding:40px 15px}.feature-item,.process-step,.benefit-item{padding:15px}}.contact-page{font-family:Arial,sans-serif;line-height:1.6;color:#333}.page-header{background:linear-gradient(135deg,#1677ff,#0958d9);color:#fff;padding:80px 0 40px;text-align:center}.page-header h1{font-size:2.5rem;margin-bottom:15px;font-weight:700}.page-header p{font-size:1.1rem;max-width:800px;margin:0 auto 30px;opacity:.9}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem;opacity:.8}.breadcrumb a{color:#fff;text-decoration:none;transition:opacity .3s ease}.breadcrumb a:hover{opacity:1;text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.2rem;margin-bottom:50px;color:#333;position:relative;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-title:after{content:"";display:block;width:60px;height:4px;background:#1677ff;margin:15px auto 0;border-radius:2px}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.contact-info-item{text-align:center;padding:30px;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease;opacity:0;transform:translateY(30px)}.contact-info-item.visible{opacity:1;transform:translateY(0);transition:all .8s ease}.contact-info-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.contact-icon{font-size:2rem;color:#1677ff;margin-bottom:15px;display:block;text-align:center}.contact-info-item h3{font-size:1.3rem;margin-bottom:15px;color:#333;text-align:center;line-height:1.3}.contact-info-item p{color:#666;line-height:1.7}.map-section{background:#f9f9f9}.map-container{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a}.form-container{max-width:800px;margin:0 auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000000d}.error-message{background:#fee;color:#d32f2f;padding:12px 15px;border-radius:5px;margin-bottom:20px;font-size:.95rem}.success-message{background:#e8f5e9;color:#2e7d32;padding:12px 15px;border-radius:5px;margin-bottom:20px;font-size:.95rem}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:20px}.form-group{flex:1;display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333}.form-group input,.form-group textarea{padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff33}.form-group textarea{resize:vertical;min-height:120px}.btn{display:inline-block;padding:12px 24px;border-radius:50px;font-weight:500;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:1rem;align-self:flex-start}.btn-primary{background:#1677ff;color:#fff}.btn-primary:hover:not(:disabled){background:#0958d9;transform:translateY(-3px);box-shadow:0 6px 20px #1677ff66}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.faq-section{background:#f0f2f5}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:20px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.faq-question{padding:20px;font-size:1.1rem;color:#333;cursor:pointer;position:relative;transition:all .3s ease}.faq-question:hover{background:#f9f9f9}.faq-question:after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#1677ff}.faq-answer{padding:0 20px 20px;color:#666;line-height:1.7;display:none}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-question:after{content:"-"}.cta-section{background:linear-gradient(135deg,#1677ff,#0958d9);color:#fff;text-align:center}.cta-content{opacity:0;transform:translateY(30px);transition:all .8s ease}.cta-content h2{font-size:2rem;margin-bottom:15px}.cta-content p{font-size:1.1rem;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}.cta-content .btn{background:#fff;color:#1677ff;font-weight:700;align-self:center}.cta-content .btn:hover{background:#f0f0f0;color:#0958d9;transform:translateY(-3px);box-shadow:0 6px 20px #ffffff4d}@media (max-width: 768px){.page-header h1{font-size:2rem}.section-title{font-size:1.8rem}.form-row{flex-direction:column}.contact-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.page-header{padding:60px 0 30px}section{padding:50px 0}.form-container,.contact-info-item{padding:20px}.btn{padding:10px 20px;align-self:stretch;text-align:center}}.page-header{position:relative;height:60vh;min-height:400px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0009}.page-header .container{position:relative;z-index:1}.page-header h1{font-size:3rem;margin-bottom:1rem;font-weight:700;animation:fadeInUp 1s ease-out}.page-header p{font-size:1.2rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp 1.2s ease-out}.breadcrumb{display:flex;justify-content:center;gap:10px;font-size:.9rem;opacity:.9;animation:fadeInUp 1.4s ease-out}.breadcrumb a{color:#fff;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#1677ff;text-decoration:underline}section{padding:80px 0}section:nth-child(2n){background-color:#f8fafc}.section-title{text-align:center;font-size:2.2rem;margin-bottom:40px;color:#1e293b;font-weight:600;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.section-title.visible{opacity:1;transform:translateY(0)}.overview-content{max-width:800px;margin:0 auto;text-align:center;font-size:1.1rem;line-height:1.6;color:#475569;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.overview-content p{margin-bottom:1.5rem}.overview-content.visible{opacity:1;transform:translateY(0)}.history-section{background-color:#0f172a;color:#fff}.history-section .section-title{color:#fff}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background-color:#334155}.timeline-item{margin-bottom:50px;position:relative;display:flex;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:#1677ff;left:50%;transform:translate(-50%);z-index:1;margin-top:10px}.timeline-content{width:45%;padding:20px;background-color:#1e293b;border-radius:8px;box-shadow:0 4px 6px #0000001a}.timeline-item:nth-child(odd) .timeline-content{margin-right:auto}.timeline-item:nth-child(2n) .timeline-content{margin-left:auto}.timeline-year{font-weight:700;color:#1677ff;margin-bottom:8px;font-size:1.2rem}.timeline-event{line-height:1.5}.vision-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1000px;margin:0 auto}.vision-card,.mission-card{padding:40px;border-radius:8px;text-align:center;transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.vision-card.visible,.mission-card.visible{opacity:1;transform:translateY(0)}.vision-card{background-color:#f0f9ff;border:1px solid #bae6fd}.mission-card{background-color:#fef3c7;border:1px solid #fcd34d}.vision-card:hover,.mission-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.vision-icon,.mission-icon{font-size:3rem;margin-bottom:20px}.vision-card h3,.mission-card h3{font-size:1.8rem;margin-bottom:15px;color:#1e293b}.vision-card p,.mission-card p{font-size:1.1rem;line-height:1.6;color:#475569}.values-section{background-color:#f8fafc}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.value-card{padding:30px;background-color:#fff;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.value-card.visible{opacity:1;transform:translateY(0)}.value-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.value-icon{width:60px;height:60px;background-color:#1677ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.value-card h3{font-size:1.5rem;margin-bottom:15px;color:#1e293b}.value-card p{font-size:1rem;line-height:1.6;color:#475569}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1200px;margin:0 auto}.team-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.team-card.visible{opacity:1;transform:translateY(0)}.team-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.team-avatar{height:200px;overflow:hidden}.team-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.team-card:hover .team-avatar img{transform:scale(1.05)}.team-info{padding:20px;text-align:center}.team-info h3{font-size:1.3rem;margin-bottom:5px;color:#1e293b}.team-position{color:#1677ff;font-weight:500;margin-bottom:10px}.team-bio{font-size:.95rem;line-height:1.5;color:#475569}.achievements-section{background-color:#1677ff;color:#fff}.achievements-section .section-title{color:#fff}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1200px;margin:0 auto}.achievement-item{text-align:center;padding:30px 20px;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.achievement-item.visible{opacity:1;transform:translateY(0)}.achievement-number{font-size:3rem;font-weight:700;margin-bottom:10px;color:#fff}.achievement-text{font-size:1.1rem;opacity:.9}.cta-section{background-color:#0f172a;color:#fff}.cta-content{text-align:center;max-width:800px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.cta-content.visible{opacity:1;transform:translateY(0)}.cta-content h2{font-size:2.2rem;margin-bottom:15px}.cta-content p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 30px;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s}.btn-primary{background-color:#1677ff;color:#fff}.btn-primary:hover{background-color:#0958d9;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background-color:#fff;color:#0f172a;transform:translateY(-2px)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #1677ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.page-header h1{font-size:2.5rem}.vision-mission-grid{grid-template-columns:1fr}}@media (max-width: 768px){section{padding:60px 0}.page-header{height:50vh;min-height:300px}.page-header h1{font-size:2rem}.section-title{font-size:1.8rem}.timeline:before{left:30px}.timeline-item:before{left:30px}.timeline-content{width:calc(100% - 70px);margin-left:auto!important;margin-right:0!important}.achievement-number{font-size:2.5rem}.cta-content h2{font-size:1.8rem}}@media (max-width: 576px){.breadcrumb{flex-wrap:wrap}.team-grid,.values-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}.company-layout{display:flex;flex-direction:column;min-height:100vh;--company-secondary-color: var(--company-theme-color)}.company-header{background-color:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;transition:all var(--transition-base);padding:1rem 0}.company-header.scrolled{padding:.5rem 0;box-shadow:var(--shadow-base)}.header-content{display:flex;align-items:center;justify-content:space-between}.company-logo{display:flex;align-items:center;text-decoration:none}.company-logo .logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--company-theme-color);white-space:nowrap}.nav-desktop{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:0 2rem;margin:0;padding:0;flex-wrap:wrap;justify-content:center}.nav-item{position:relative;white-space:nowrap}.nav-link{color:var(--font-color);text-decoration:none;font-weight:500;padding:.75rem 0;position:relative;transition:color var(--transition-fast),transform .2s ease}.nav-link:hover{color:var(--company-theme-color);transform:translateY(-1px)}.nav-link.active{color:var(--company-theme-color);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--company-theme-color);border-radius:1px}.language-toggle{background-color:transparent;border:1px solid var(--border-color);color:var(--font-color);padding:.4rem .8rem;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.language-toggle:hover{background-color:var(--company-theme-color);color:var(--white);border-color:var(--company-theme-color)}.user-actions{display:flex;align-items:center}.login-button{background-color:var(--company-theme-color);color:var(--white);border:none;padding:.4rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;text-decoration:none;font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.login-button:hover{background-color:var(--company-secondary-color);opacity:.9;text-decoration:none;color:var(--white)}.user-dropdown{position:relative}.user-button{display:flex;align-items:center;gap:var(--spacing-xs);background-color:transparent;border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--font-color);transition:all var(--transition-fast)}.user-button:hover{border-color:var(--company-theme-color);color:var(--company-theme-color)}.user-dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--white);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-base);overflow:hidden;min-width:160px;margin-top:.5rem;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.user-dropdown:hover .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1rem;width:100%;text-align:left;background:none;border:none;color:var(--font-color);text-decoration:none;cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--background-color);text-decoration:none;color:var(--font-color)}.dropdown-item.logout{color:var(--error-color)}.dropdown-item.logout:hover{background-color:#f5222d1a}.menu-toggle{display:none;background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--font-color)}.mobile-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:var(--white);box-shadow:-2px 0 8px #00000026;z-index:1002;transition:right var(--transition-base);overflow-y:auto}.mobile-menu.open{right:0}.nav-mobile{padding:2rem 1.5rem}.nav-mobile .nav-list{flex-direction:column;gap:var(--spacing-sm)}.nav-mobile .nav-link{display:block;padding:.75rem 0}.nav-mobile .nav-link.active{color:var(--company-theme-color);font-weight:600}.mobile-actions{margin-top:2rem;display:flex;flex-direction:column;gap:var(--spacing-base)}.mobile-user-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.user-center-link,.admin-link,.logout-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-base);text-decoration:none;color:var(--font-color);cursor:pointer;transition:all var(--transition-fast)}.user-center-link:hover,.admin-link:hover{border-color:var(--company-theme-color);color:var(--company-theme-color);text-decoration:none}.logout-button{color:var(--error-color);border-color:var(--error-color)}.logout-button:hover{background-color:#f5222d1a}.main-content{flex:1}.company-footer{background-color:#1f1f1f;color:var(--white);padding:3rem 0 1.5rem;margin-top:2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{font-size:var(--font-size-lg);margin-bottom:1rem;color:var(--white)}.footer-section p{color:silver;font-size:var(--font-size-sm);line-height:1.6}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:silver;text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--company-theme-color)}.footer-section address{font-style:normal;color:silver}.footer-section address p{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:.75rem}.footer-section address i{margin-top:.25rem;width:16px;text-align:center}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#a0a0a0;font-size:var(--font-size-xs)}.footer-bottom p{margin:.25rem 0}.back-to-top{position:fixed;bottom:2rem;right:2rem;background-color:var(--company-theme-color);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);z-index:99;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);border:none}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background-color:var(--company-secondary-color);transform:translateY(-3px);opacity:.9}@media (min-width: 1200px){.nav-list{gap:0 2.5rem}.nav-link{font-size:var(--font-size-base)}}@media (max-width: 992px){.header-content{flex-wrap:wrap}.nav-desktop{flex:1;justify-content:center}.nav-list{gap:0 1.25rem}.nav-link{font-size:var(--font-size-sm);padding:.65rem 0}.company-logo .logo-text{font-size:var(--font-size-lg)}}@media (max-width: 1100px) and (min-width: 769px){.nav-desktop{flex:1;justify-content:center}.user-actions{margin-left:auto;margin-right:1rem}}@media (max-width: 768px){.nav-desktop{display:none}.menu-toggle{display:block}.footer-content{grid-template-columns:1fr;gap:1.5rem}.back-to-top{width:40px;height:40px;bottom:1.5rem;right:1.5rem;font-size:var(--font-size-sm)}}@media (max-width: 480px){.company-header{padding:.75rem 0}.company-logo .logo-text{font-size:var(--font-size-base)}.mobile-menu{width:100%;right:-100%}.nav-mobile{padding:1.5rem 1rem}}.news-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.loading-spinner{width:40px;height:40px;margin-bottom:var(--spacing-lg);border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.news-page-header{padding:var(--spacing-3xl) 0;background-color:var(--bg-primary);text-align:center;position:relative;overflow:hidden}.news-page-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(0,102,204,.05) 25%,transparent 25%,transparent 75%,rgba(0,102,204,.05) 75%,rgba(0,102,204,.05)),linear-gradient(45deg,rgba(0,102,204,.05) 25%,transparent 25%,transparent 75%,rgba(0,102,204,.05) 75%,rgba(0,102,204,.05));background-size:50px 50px;background-position:0 0,25px 25px;z-index:0}.news-page-header .container{position:relative;z-index:1}.news-page-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.news-page-subtitle{font-size:var(--font-size-xl);color:var(--text-tertiary);max-width:700px;margin:0 auto}.news-filters{background-color:var(--bg-secondary);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.news-filters-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.news-search{position:relative}.news-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md) var(--spacing-3xl);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-md);background-color:var(--bg-primary);transition:all var(--transition-normal)}.news-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}.news-search-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--text-light);font-size:var(--font-size-lg);pointer-events:none}.news-categories{display:flex;flex-direction:column;gap:var(--spacing-md)}.categories-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.category-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.category-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-full);background-color:var(--bg-primary);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.category-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.category-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-white)}.news-stats{padding:var(--spacing-lg) 0;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.news-stats-text{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.news-list{padding:var(--spacing-3xl) 0}.news-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.no-news{text-align:center;padding:var(--spacing-4xl) var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.no-news i{font-size:var(--font-size-6xl);color:var(--text-light);margin-bottom:var(--spacing-xl)}.no-news h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--text-secondary)}.no-news p{color:var(--text-tertiary);margin-bottom:var(--spacing-xl)}.reset-search-btn{background-color:var(--primary-color);color:var(--text-white);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.reset-search-btn:hover{background-color:var(--primary-dark)}.news-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.pagination-btn:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-white)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal)}.pagination-number:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-number.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-white)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-tertiary)}.news-subscribe{background-color:var(--primary-color);padding:var(--spacing-4xl) 0;margin-top:var(--spacing-4xl);color:var(--text-white)}.news-subscribe-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-2xl)}.subscribe-text h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--text-white)}.subscribe-text p{font-size:var(--font-size-lg);color:#ffffffe6;max-width:600px;margin:0 auto}.subscribe-form{display:flex;flex-direction:column;width:100%;max-width:500px;gap:var(--spacing-md)}.subscribe-input{padding:var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);background-color:var(--text-white);transition:all var(--transition-normal)}.subscribe-input:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.subscribe-btn{padding:var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background-color:var(--secondary-color);color:var(--text-white);cursor:pointer;transition:all var(--transition-normal)}.subscribe-btn:hover{background-color:var(--secondary-dark)}.news-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);overflow-y:auto}.news-detail-content{background-color:var(--bg-primary);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.news-detail-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;border:none;border-radius:50%;color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-normal);z-index:10;box-shadow:var(--shadow-sm)}.news-detail-close:hover{background-color:var(--error-color);color:var(--text-white)}.news-detail-header{padding:var(--spacing-2xl);text-align:center}.news-detail-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg)}.news-detail-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.news-detail-meta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-tertiary);font-size:var(--font-size-sm)}.news-detail-separator{color:var(--border-color)}.news-detail-image{width:100%;overflow:hidden}.news-detail-image img{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.news-detail-content:hover .news-detail-image img{transform:scale(1.02)}.news-detail-body{padding:var(--spacing-2xl)}.news-detail-body p{margin-bottom:var(--spacing-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.news-detail-tags{padding:0 var(--spacing-2xl) var(--spacing-2xl);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.news-tag{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.news-detail-share{padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-lg)}.share-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.share-icons{display:flex;gap:var(--spacing-md)}.share-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);color:var(--text-tertiary);border-radius:50%;transition:all var(--transition-normal)}.share-icon:hover{background-color:var(--primary-color);color:var(--text-white)}@media (min-width: 768px){.news-grid{grid-template-columns:repeat(2,1fr)}.news-filters-content{flex-direction:row;justify-content:space-between;align-items:center}.news-search{width:300px}.news-categories{flex:1;margin-left:var(--spacing-xl)}.subscribe-form{flex-direction:row;max-width:700px}.subscribe-input{flex:1}}@media (min-width: 992px){.news-grid{grid-template-columns:repeat(3,1fr)}.news-page-header h1{font-size:var(--font-size-5xl)}.news-detail-title{font-size:var(--font-size-4xl)}}@media (max-width: 767px){.news-detail-content{max-height:100vh;height:100vh;border-radius:0}.news-detail-close{top:var(--spacing-md);right:var(--spacing-md)}.news-detail-header,.news-detail-body,.news-detail-tags,.news-detail-share{padding:var(--spacing-lg)}.news-pagination{justify-content:center}.pagination-btn:first-child{order:1}.pagination-numbers{order:0;margin-bottom:var(--spacing-md)}.pagination-btn:last-child{order:2}}.careers-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa}.page-header{padding:60px 0;background:linear-gradient(135deg,#0056b3,#007bff);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;text-align:center}.breadcrumb{display:flex;justify-content:center;align-items:center;font-size:.9rem;color:#fffc}.breadcrumb a{color:#fffc;text-decoration:none;transition:color .3s ease;margin:0 8px}.breadcrumb a:hover{color:#fff}.breadcrumb span{color:#fff;font-weight:500}.why-us{padding:80px 0;background-color:#fff}.section-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:50px;text-align:center;position:relative;padding-bottom:15px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:#007bff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.benefit-card{padding:30px;background-color:#f8f9fa;border-radius:12px;text-align:center;transition:all .3s ease}.benefit-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a;background-color:#fff}.benefit-icon{width:80px;height:80px;margin:0 auto 20px;background-color:#007bff;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem}.benefit-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:15px}.benefit-description{font-size:.95rem;line-height:1.6;color:#555}.work-environment{padding:80px 0;background-color:#f8f9fa}.env-content{display:flex;flex-wrap:wrap;align-items:center;gap:60px}.env-text{flex:1;min-width:300px}.env-text .section-title{text-align:left;padding-bottom:15px}.env-text .section-title:after{left:0;transform:none}.env-paragraph{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:20px}.env-features{margin-top:30px;padding:0;list-style:none}.env-feature{display:flex;align-items:flex-start;margin-bottom:15px;color:#444}.env-feature i{color:#28a745;font-size:1.2rem;margin-right:10px;margin-top:3px}.env-gallery{flex:1;min-width:300px;position:relative;height:400px}.gallery-item{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000026;transition:all .3s ease}.gallery-item:hover{transform:scale(1.03);box-shadow:0 15px 35px #0003}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-item-1{width:60%;height:280px;top:0;left:0;z-index:3}.gallery-item-2{width:55%;height:220px;bottom:0;left:20%;z-index:2}.gallery-item-3{width:45%;height:180px;top:40px;right:0;z-index:1}.job-listings{padding:80px 0;background-color:#fff}.department-filter{margin-bottom:40px;padding:20px;background-color:#f8f9fa;border-radius:12px}.filter-label{font-size:1.1rem;font-weight:600;color:#333;margin-bottom:15px}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:10px 20px;background-color:#fff;color:#555;border:2px solid #ddd;border-radius:30px;font-size:.95rem;cursor:pointer;transition:all .3s ease;outline:none}.filter-btn:hover{border-color:#007bff;color:#007bff}.filter-btn.active{background-color:#007bff;color:#fff;border-color:#007bff;box-shadow:0 4px 12px #007bff4d}.jobs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.loading-spinner{width:50px;height:50px;border:5px solid #f0f0f0;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.jobs-container{display:flex;flex-direction:column;gap:20px}.job-card{padding:25px;background-color:#f8f9fa;border-radius:12px;transition:all .3s ease;border-left:5px solid transparent}.job-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001a;border-left-color:#007bff}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.job-title{font-size:1.4rem;font-weight:700;color:#333;margin:0}.view-details-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-details-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.job-info,.job-meta,.job-details{display:flex;flex-wrap:wrap;gap:20px}.meta-item,.detail-item{display:flex;align-items:center;font-size:.9rem;color:#555}.meta-item i,.detail-item i{margin-right:8px;color:#007bff}.no-jobs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;text-align:center;color:#666}.no-jobs i{font-size:3rem;margin-bottom:20px;color:#ddd}.no-jobs p{font-size:1.1rem;margin-bottom:20px}.btn-primary{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.recruitment-process{padding:80px 0;background-color:#f8f9fa}.process-steps{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:20px;position:relative}.process-step{display:flex;flex-direction:column;align-items:center;max-width:180px;text-align:center;z-index:2}.step-number{width:60px;height:60px;background-color:#007bff;color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:15px;transition:all .3s ease}.process-step:hover .step-number{transform:scale(1.1);box-shadow:0 5px 20px #007bff66}.step-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:10px}.step-description{font-size:.85rem;line-height:1.5;color:#555;margin:0}.process-arrow{display:flex;align-items:center;color:#007bff;font-size:1.5rem;margin-top:25px}.job-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3}.modal-content{position:relative;background-color:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 50px #0000004d;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;border:none;background-color:#ffffffe6;color:#333;font-size:1.2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:2;box-shadow:0 2px 10px #0000001a}.modal-close:hover{background-color:#f1f1f1;transform:scale(1.1)}.modal-header{padding:30px;background-color:#007bff;color:#fff}.modal-title{font-size:1.8rem;font-weight:700;margin:0 0 20px}.modal-header .job-meta{display:flex;flex-wrap:wrap;gap:20px}.modal-header .meta-item,.modal-header .meta-item i{color:#ffffffe6}.modal-body{padding:30px}.job-section{margin-bottom:30px}.section-subtitle{font-size:1.3rem;font-weight:600;color:#333;margin:0 0 15px;display:flex;align-items:center;gap:10px}.section-subtitle i{color:#007bff}.job-list{padding-left:20px;margin:0}.list-item{font-size:1rem;line-height:1.7;color:#555;margin-bottom:10px}.job-apply-section{margin-top:40px;text-align:center;padding-top:30px;border-top:1px solid #eee}.apply-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background-color:#28a745;color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.apply-btn:hover{background-color:#218838;transform:translateY(-3px);box-shadow:0 5px 15px #28a7454d}.apply-tip{font-size:.9rem;color:#666;margin-top:15px}@media (max-width: 1200px){.env-content{gap:40px}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.page-title{font-size:2rem}.why-us,.work-environment,.job-listings,.recruitment-process{padding:60px 0}.section-title{font-size:1.8rem}.env-content{flex-direction:column}.env-text,.env-text .section-title{text-align:center}.env-text .section-title:after{left:50%;transform:translate(-50%)}.env-gallery{height:350px}.gallery-item-1{width:70%;height:220px}.gallery-item-2{width:60%;height:180px}.gallery-item-3{width:50%;height:150px}.process-steps{flex-direction:column;align-items:center}.process-arrow{transform:rotate(90deg);margin:10px 0}.process-step{max-width:100%}}@media (max-width: 768px){.page-header{padding:40px 0}.page-title{font-size:1.6rem}.why-us,.work-environment,.job-listings,.recruitment-process{padding:40px 0}.section-title{font-size:1.6rem}.benefits-grid{grid-template-columns:1fr}.env-gallery{height:auto}.gallery-item{position:relative;width:100%;height:200px;margin-bottom:15px}.job-header{flex-direction:column;align-items:flex-start}.job-info{flex-direction:column}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:20px}.modal-title{font-size:1.5rem}}@media (max-width: 576px){.page-title{font-size:1.4rem}.breadcrumb{font-size:.8rem}.filter-btn{padding:8px 16px;font-size:.9rem}.job-card{padding:20px}.job-title{font-size:1.2rem}.job-meta,.job-details{flex-direction:column;gap:10px}.modal-close{top:10px;right:10px;width:35px;height:35px}.modal-title{font-size:1.3rem}.apply-btn{padding:12px 24px;font-size:1rem}}.login-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa;background-image:radial-gradient(rgba(0,123,255,.05) 2px,transparent 2px),radial-gradient(rgba(0,123,255,.05) 2px,transparent 2px);background-size:40px 40px;background-position:0 0,20px 20px}.login-container{max-width:420px;margin:auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;width:100%}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.login-subtitle{color:#666;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer}.remember-me input[type=checkbox]{accent-color:var(--primary-color)}.remember-me label{font-size:.9rem;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-password{font-size:.9rem;color:var(--primary-color);text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:var(--primary-color-dark);text-decoration:underline}.login-btn{width:100%;padding:.875rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s ease,transform .2s ease;margin-top:1rem}.login-btn:hover:not(:disabled){background-color:var(--primary-color-dark);transform:translateY(-2px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.register-prompt{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#666}.register-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.register-link:hover{color:var(--primary-color-dark);text-decoration:underline}.login-divider{position:relative;margin:2rem 0;text-align:center}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#eee}.login-divider span{position:relative;display:inline-block;background-color:#fff;padding:0 1rem;color:#999;font-size:.9rem}.social-login{display:flex;gap:1rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:6px;background-color:#fff;color:#666;font-size:.9rem;cursor:pointer;transition:all .3s ease}.social-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.social-btn.wechat:hover{color:#07c160;border-color:#07c160}.social-btn.weibo:hover{color:#e6162d;border-color:#e6162d}.login-footer{margin-top:auto;padding:1.5rem 0;background-color:#fff;border-top:1px solid #eee}.login-footer .container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}@media (max-width: 768px){.login-container{margin:2rem 1rem;padding:1.5rem;max-width:none}.login-title{font-size:1.6rem}.social-login{flex-direction:column}}@media (max-width: 480px){.login-container{margin:1rem;padding:1.25rem;border-radius:8px}.footer-links{display:flex;flex-direction:column;gap:.5rem}.separator{display:none}}.login-container{animation:slideIn .5s ease-out}.register-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f8f9fa;background-image:radial-gradient(rgba(0,123,255,.05) 2px,transparent 2px),radial-gradient(rgba(0,123,255,.05) 2px,transparent 2px);background-size:40px 40px;background-position:0 0,20px 20px}.register-container{max-width:480px;margin:auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;width:100%}.register-header{text-align:center;margin-bottom:2rem}.register-title{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.register-subtitle{color:#666;font-size:1rem}.error-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1.5rem;font-size:.9rem}.register-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#999;font-size:.9rem}.form-group input{width:100%;padding:.875rem 3.5rem .875rem 2.5rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-group input.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.8rem;margin-top:.25rem}.toggle-password{position:absolute;right:1rem;background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;padding:.25rem;transition:color .3s ease}.toggle-password:hover{color:var(--primary-color)}.terms-agreement{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem}.terms-agreement input[type=checkbox]{accent-color:var(--primary-color);margin-top:.25rem}.terms-agreement label{font-size:.9rem;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.5}.terms-agreement a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.terms-agreement a:hover{color:var(--primary-color-dark);text-decoration:underline}.register-btn{width:100%;padding:.875rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s ease,transform .2s ease;margin-top:1rem}.register-btn:hover:not(:disabled){background-color:var(--primary-color-dark);transform:translateY(-2px)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-prompt{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#666}.login-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.login-link:hover{color:var(--primary-color-dark);text-decoration:underline}.success-message{text-align:center;padding:3rem 1rem}.success-icon{width:80px;height:80px;border-radius:50%;background-color:#28a745;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 2rem;animation:bounce 1s ease-out}.success-message h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.success-message p{color:#666;font-size:1.1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.register-footer{margin-top:auto;padding:1.5rem 0;background-color:#fff;border-top:1px solid #eee}.register-footer .container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}.footer-links{margin-bottom:1rem}.footer-links a{color:#666;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--primary-color)}.separator{margin:0 1rem;color:#ddd}.copyright{font-size:.9rem;color:#999}@media (max-width: 768px){.register-container{margin:2rem 1rem;padding:1.5rem;max-width:none}.register-title{font-size:1.6rem}}@media (max-width: 480px){.register-container{margin:1rem;padding:1.25rem;border-radius:8px}.footer-links{display:flex;flex-direction:column;gap:.5rem}.separator{display:none}}.register-container{animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group input:focus{animation:pulse .3s ease-in-out}@keyframes pulse{0%{box-shadow:0 0 #007bff1a}50%{box-shadow:0 0 0 6px #007bff1a}to{box-shadow:0 0 0 3px #007bff1a}}.user-dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.page-header{background-color:var(--bg-light);padding:2rem 0;border-bottom:1px solid var(--border-color)}.page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.breadcrumb{color:var(--text-secondary);font-size:1rem}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--primary-dark)}.breadcrumb span{color:var(--text-secondary)}.dashboard-content{padding:3rem 0}.dashboard-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.dashboard-sidebar{background-color:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 20px #0000000d;position:sticky;top:2rem;height:fit-content}.user-info-card{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.user-avatar{width:100px;height:100px;background-color:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.user-avatar i{font-size:3rem;color:var(--primary-color)}.user-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.user-role{color:var(--text-secondary);font-size:1rem;margin:0}.dashboard-nav{margin-bottom:2rem}.nav-menu{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:8px}.nav-link{display:flex;align-items:center;width:100%;padding:12px 16px;background-color:transparent;border:none;border-radius:8px;color:var(--text-primary);text-align:left;font-size:1rem;cursor:pointer;transition:all .2s ease}.nav-link i{width:24px;margin-right:12px;text-align:center}.nav-link:hover{background-color:var(--bg-light)}.nav-item.active .nav-link{background-color:var(--primary-light);color:var(--primary-color);font-weight:500}.logout-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:1rem;cursor:pointer;transition:all .2s ease}.logout-btn i{margin-right:8px}.logout-btn:hover{background-color:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color)}.dashboard-main{background-color:var(--white);border-radius:12px;padding:2rem;box-shadow:0 2px 20px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn i{margin-right:6px}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--secondary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-light)}.profile-details{max-width:800px}.detail-row{display:grid;grid-template-columns:200px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:var(--text-secondary)}.detail-value{color:var(--text-primary)}.profile-form{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:500;color:var(--text-primary)}.form-group input{padding:12px 16px;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}.form-group input:disabled{background-color:var(--bg-light);color:var(--text-secondary);cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:2rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state i{font-size:4rem;margin-bottom:1rem;color:var(--border-color)}.empty-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{margin:0}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:260px 1fr;gap:1.5rem}}@media (max-width: 768px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:relative;top:0}.form-row{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.detail-row{grid-template-columns:1fr;gap:.5rem}.page-title{font-size:2rem}}@media (max-width: 480px){.dashboard-sidebar,.dashboard-main{padding:1.5rem}.user-avatar{width:80px;height:80px}.user-avatar i{font-size:2.5rem}.user-name{font-size:1.25rem}.page-header{padding:1.5rem 0}.dashboard-content{padding:2rem 0}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);position:relative;overflow:hidden}.not-found-container{text-align:center;max-width:500px;padding:2rem;position:relative;z-index:1}.error-code{font-size:15rem;font-weight:900;color:#3498db1a;line-height:1;margin-bottom:-1rem;position:relative}.error-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.error-message{font-size:1.125rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px #3498db4d}.not-found-page:before,.not-found-page:after{content:"";position:absolute;border-radius:50%;opacity:.05}.not-found-page:before{width:300px;height:300px;background-color:var(--primary-color);top:-150px;left:-150px}.not-found-page:after{width:400px;height:400px;background-color:var(--secondary-color);bottom:-200px;right:-200px}@media (max-width: 768px){.error-code{font-size:12rem}.error-title{font-size:2rem}.error-message{font-size:1rem}.not-found-container{padding:1.5rem}}@media (max-width: 480px){.error-code{font-size:8rem;margin-bottom:0}.error-title{font-size:1.75rem}.btn-primary{padding:10px 24px;font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1677ff;--secondary-color: #0050b3;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--font-color: #333333;--text-color-secondary: #666666;--border-color: #e8e8e8;--background-color: #f5f5f5;--white: #ffffff;--font-family: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-base: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius-sm: 4px;--border-radius-base: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-base: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--transition-fast: .2s ease;--gradient-primary: linear-gradient(135deg, #1677ff 0%, #0050b3 100%);--gradient-secondary: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);--gradient-light: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--transition-base: .3s ease;--transition-slow: .5s ease}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--font-color);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.slide-in-up{animation:slideInUp var(--transition-base) ease-out}.pulse{animation:pulse 2s infinite}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#0050b3;text-decoration:underline}button{font-family:inherit;font-size:inherit;border:none;outline:none;cursor:pointer;transition:all var(--transition-fast)}button:disabled{opacity:.6;cursor:not-allowed}} .btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-base);border:none;border-radius:var(--border-radius-base);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);outline:none}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-base)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-base)}.section{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-xl);text-align:center;color:var(--font-color)}.section-subtitle{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-color-secondary)}.card{background-color:var(--white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.section{padding:var(--spacing-xl) 0}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg)}.section-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-base)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.fade-in{animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .5s ease-out}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.bounce-in{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}