:root{--primary:#279B74;--secondary:#F5F5F5;--accent:#FFD6D6;--text-dark:#333333;--text-light:#666666;--white:#FFFFFF;--light-green:#E8F5E9;--shadow:0 2px 8px rgba(0,0,0,0.05);--muted:0 0% 90%;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Noto Sans SC',sans-serif;line-height:1.6;color:#333;background-color:#fff;}.container{max-width:1400px;margin:0 auto;padding:0.5rem 2rem;}.navbar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid #e0e0e0;}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px;}.logo{display:flex;align-items:center;gap:12px;width:200px;margin-bottom:10px;}.logo-icon{width:40px;height:40px;background-color:#2E5D4E;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:18px;}.logo-text{font-size:14px;}.logo-chinese{font-size:16px;font-weight:600;color:#2E5D4E;}.logo-english{font-size:12px;color:#666;}.nav-menu{list-style:none;}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color 0.3s ease;}.login-btn-a{padding:10px !important;}.nav-menu a:hover{color:hsla(160,60%,38%,0.5);border-radius:.5rem;}.nav-login{margin-left:20px;}.login-btn{background-color:#2E5D4E;color:white;padding:8px 20px;border-radius:20px;text-decoration:none;font-weight:500;transition:background-color 0.3s ease;}.login-btn:hover{background-color:#254B3E;}.logout-btn{width:70px;padding:5px 15px;}.hero{min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("../../../../../templates/1/default/_files/img/asia_map.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;z-index:1;}.hero-container{position:relative;z-index:2;max-width:1400px;margin-left:16rem;padding:0 20px;}.hero-content{max-width:42rem;}.hero-content h1{margin-bottom:20px;line-height:1;}.welcome{display:block;font-size:4.5rem;font-weight:700;color:hsl(150,30%,20%);}.title{font-size:4.5rem;font-weight:700;color:hsl(150,60%,38%);line-height:1.2;}.subtitle{font-size:1.5rem;line-height:2rem;color:hsl(0,0%,45%);margin-bottom:30px;}.subtitle-1{font-size:.875rem;font-weight:500;color:hsl(160,60%,38%);margin-bottom:30px;}.hero-buttons{display:flex;gap:15px;margin-bottom:30px;}.btn{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:5px;}.btn-primary{background-color:#279B74;color:white;border:2px solid #279B74;font-size:1.125rem;line-height:1.75rem;}.btn-primary:hover{background-color:hsl(160,60%,38%,.9);border:2px solid #279B74;}.btn-primary:hover .group-hover{--tw-translate-x:.25rem;transform:translate(0.25rem,0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);}.login-btn-primary{background-color:hsl(160,60%,38%);color:white;font-size:.875rem;line-height:1.25rem;padding:0.5rem 1rem;}.stat-text-primary{color:hsl(160,60%,38%);}.btn-secondary{background-color:hsl(0,0%,100%);color:#2E5D4E;border-color:hsl(0,0%,90%);font-size:1.125rem;line-height:1.75rem;border-width:0;}.btn-secondary:hover{background-color:hsl(160,60%,38%);color:hsl(0,0%,100%);}.stats{display:flex;gap:40px;}.stat-item{display:flex;align-items:center;}.stat-icon{font-size:24px;}.stat-number{font-size:20px;font-weight:700;color:#2E5D4E;margin-left:10px;}.stat-label{font-size:14px;color:#666;line-height:0;margin-left:10px;}.about{padding:80px 0;background-color:#fff;}.about-tag{display:inline-block;background-color:#E0F2E9;color:#279B74;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:bold;margin-bottom:20px;}.section-title{font-size:3rem;color:hsl(150,30%,20%);text-align:center;margin-bottom:20px;font-weight:700;}.section-title-1{font-size:1.5rem;line-height:2rem;}.section-description{font-size:1.125rem;color:hsl(0,0%,45%);text-align:center;max-width:800px;margin:0 auto 50px;line-height:1.6;}.about-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;align-items:center;}.mission-card{display:flex;gap:16px;margin-bottom:30px;padding:20px;border:1px solid #E0E0E0;border-radius:8px;background-color:white;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;}.mission-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.1);}.card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white;background-image:linear-gradient(135deg,hsl(160 60% 38%) 0%,hsl(160 60% 28%) 100%);border-radius:.5rem;width:3rem;height:3rem;}.card-icon svg{width:18px;height:18px;}.card-content h3{font-size:1.25rem;line-height:1.75rem;color:hsl(150 30% 20%);margin-bottom:8px;font-weight:600;}.card-content p{color:hsl(150 30% 20%);line-height:1.625;font-weight:500;}.image-placeholder{position:relative;background-color:#f0f0f0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;overflow:hidden;}.classroom-image{position:relative;width:100%;height:100%;background:linear-gradient(45deg,#e3f2fd,#f3e5f5);display:flex;align-items:center;justify-content:center;font-size:18px;}.classroom-image-shadow{--tw-shadow:0 10px 40px -10px hsl(160 60% 38% / .3);--tw-shadow-colored:0 10px 40px -10px hsl(160 60% 38% / .3);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);}.decoration{position:absolute;top:20px;right:20px;width:30px;height:40px;background:linear-gradient(to bottom,#ff6b6b,#ff8e8e);border-radius:50% 50% 0 0;transform:rotate(-10deg);}.partnership{padding:60px 0;text-align:center;background-color:#f9f9f9;}.partnership .btn{margin-top:20px;}.services{padding:80px 0;background-color:#fff;}.services-tag{display:inline-block;background-color:#E0F2E9;color:#279B74;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:bold;margin-bottom:20px;}.section-subtitle{font-size:1.125rem;line-height:1.75rem;color:#555;text-align:center;max-width:600px;margin:0 auto 40px;}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;}.service-card{background:white;border:1px solid #E0E0E0;border-radius:8px;padding:30px 20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;}.service-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,0.1);}.service-card .service-card-icon{background-color:#FFFFFF;color:#2E5B4A;border-radius:8px;margin:0 auto 15px;}.service-card .card-icon svg{width:24px;height:24px;}.service-card h3{font-size:20px;color:#2E5B4A;margin-bottom:8px;font-weight:600;text-align:left;}.service-subtitle{color:#2EC48C;font-size:14px;margin-bottom:15px;font-weight:500;text-align:left;}.service-description{color:#555;font-size:14px;margin-bottom:15px;line-height:1.6;text-align:left;}.service-link{color:hsl(160,60%,38%);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;transition:color 0.3s ease;text-align:left;}.service-link:hover{color:hsl(160,60%,38%);}.service-link:hover .group-hover{--tw-translate-x:.25rem;transform:translate(0.25rem,0) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);}.services-cta{text-align:center;margin-top:30px;}.btn-outline{background-color:hsl(0,0%,100%);font-size:.875rem;line-height:1.25rem;color:hsl(160,60%,38%);border:2px solid hsl(160,60%,38%);padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:500;transition:all 0.3s ease;}.btn-outline:hover{background-color:hsl(160,60%,38%,.1);color:hsl(0,0%,100%);border:2px solid hsl(160,60%,38%);}.footer{background-color:var(--secondary);padding:50px 0 20px;}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;}.footer-column h3{color:var(--primary);margin-bottom:20px;font-size:1.2rem;}.footer-column ul{list-style:none;}.footer-column ul li{margin-bottom:1.5rem;}.footer-column ul li a{text-decoration:none;color:var(--text-light);transition:color 0.3s;font-size:.875rem;line-height:1.25rem;}.footer-column ul li a:hover{color:var(--primary);text-decoration:underline;}.footer-column svg{color:hsl(160,60%,38%);font-size:.875rem;line-height:1.25rem;flex-shrink:0;width:.875rem;}.footer-column span{color:hsl(0,0%,45%);font-size:.875rem;line-height:1.25rem;}.footer-column-flex{display:flex;gap:0.5rem;align-items:flex-start;}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #ddd;}.footer-bottom a,p{font-size:.875rem;line-height:1.25rem;color:hsl(0,0%,45%);}.footer-links a{color:var(--text-light);text-decoration:none;margin-left:20px;transition:color 0.3s;}.footer-links a:hover{color:var(--primary);text-decoration:underline;}.max-w-4xl{max-width:56rem;margin-left:auto;margin-right:auto;}.logo-center{width:100%;display:flex;justify-content:center;margin-bottom:3rem;}.logo-center img{width:16rem;}.p-card{padding:2rem;background-color:hsl(0,0%,100%);border-color:hsl(0,0%,90%);border-width:1px;border-style:solid;border-radius:.5rem;margin-bottom:2rem;}.p-card p{color:hsl(150,30%,20%);margin-bottom:1.5rem;line-height:1.625;font-size:1rem;}.ml-6{margin-left:1.5rem;}.gap-4{gap:1rem;display:flex;}.font-semibold{color:hsl(160,60%,38%);font-weight:600;font-size:1.125rem;}.p-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3rem;}.p-grid-bg-secondary{padding:1.5rem;background-color:hsl(160,40%,92%,.2) !important;border-color:hsl(160,60%,38%);border-width:1px;border-radius:.5rem;border-style:solid;}.p-grid-text{color:hsl(160,60%,38%);font-weight:700;font-size:1.25rem;line-height:1.75rem;margin-bottom:0.75rem;}.p-grid-text-foreground{color:hsl(150,30%,20%);font-size:1rem;line-height:1.625;}@media (max-width:1024px){.about-content{grid-template-columns:1fr;}.image-placeholder{height:300px;}.services-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}}@media screen and (max-width:768px){.nav-menu{}.hero-content{max-width:100%;text-align:center;}.hero-container{margin-left:0;}.title{font-size:36px;}.hero-buttons{justify-content:center;}.stats{justify-content:center;}.section-title{font-size:28px;}.services-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;gap:15px;text-align:center;}.services{padding:60px 0;}.about{padding:60px 0;}.section-description{font-size:15px;}.service-card{padding:20px 15px;}.logout-btn{padding:5px;}.footer-content{grid-template-columns:1fr;}}@media screen and (max-width:480px){.nav-container{padding:0 15px;}.hero-container{margin-left:0;}.container{padding:0 15px;}.title{font-size:28px;}.welcome{font-size:20px;}.stats{gap:20px;}.hero-buttons{flex-direction:column;align-items:center;}.btn{width:100%;max-width:200px;justify-content:center;}.section-title{font-size:24px;}.service-card h3{font-size:18px;}.service-description{font-size:13px;}.logout-btn{padding:5px;}.footer-content{grid-template-columns:1fr;}}@media (max-width:992px) and (min-width:769px){.hero-container{margin-left:0;}.services-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:repeat(2,1fr);}.logout-btn{padding:5px;}.footer-content{grid-template-columns:1fr;}}