*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#d4a574;--secondary-color:#8b6f47;--text-color:#333;--text-light:#666;--bg-light:#f8f6f3;--bg-white:#ffffff;--shadow:0 2px 10px rgba(0, 0, 0, 0.1);--shadow-hover:0 5px 20px rgba(0, 0, 0, 0.15);--transition:all 0.3s ease;--divider-start:rgba(212,165,116,0.28);--divider-end:rgba(139,111,71,0.12)}html{scroll-behavior:smooth}body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;color:var(--text-color);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:var(--bg-white);box-shadow:var(--shadow);z-index:1000;transition:var(--transition)}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo{height:48px;width:auto;max-width:140px;object-fit:contain;border-radius:6px;display:block}.nav-brand-text h1{font-size:1.1rem;color:var(--primary-color);font-weight:700;margin:0}.nav-tagline{font-size:.9rem;color:var(--text-light);margin-top:4px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;transition:var(--transition);position:relative}.nav-link.active::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--primary-color)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--text-color);transition:var(--transition)}.hero{position:relative;height:70vh;min-height:420px;background-color:var(--hero-bg,#d4a574);background-image:none;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:70px;overflow:hidden}.hero.hero-image{background-color:transparent;background-image:url('../image/main.png');background-size:cover;background-position:center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:rgba(255,255,255,.25);z-index:1;pointer-events:none}.hero-content{width:100%;max-width:1200px;padding:0 20px;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:2}.hero-text{max-width:720px;text-align:left;padding-left:12px}.hero-message{color:#fff;font-size:2.1rem;max-width:720px;margin:0;line-height:1.6;font-weight:600;text-align:left;padding:0 1rem 0 0;animation:fadeInUp 1s ease}.hero-cta{margin-top:1.2rem;display:inline-block}@media (max-width:900px){.hero-content{justify-content:center}.hero-text{text-align:center;padding-left:0}.hero-message{font-size:1.4rem;text-align:center}.hero-cta{text-align:center}}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.3}.hero-content{position:relative;z-index:2;animation:fadeInUp 1s ease}.hero-title{font-size:3.5rem;color:var(--text-color)}.hero-subtitle{font-size:1.5rem;color:var(--text-light);margin-bottom:2rem}.btn{display:inline-block;padding:12px 30px;text-decoration:none;border-radius:30px;font-weight:600;transition:var(--transition);cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-detail-modern{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:20px;border:1px solid rgba(212,165,116,.25);color:var(--primary-color);background:0 0;font-weight:700;text-transform:none;font-size:.95rem;transition:background .22s ease,color .22s ease,transform .18s ease}.btn-detail-modern .btn-detail-icon svg{width:16px;height:16px;display:block}.btn-detail-modern:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-detail-modern:hover .btn-detail-icon{color:#fff}.btn-detail-modern:focus{outline:2px solid rgba(212,165,116,.18);outline-offset:2px}.section{padding:60px 0;scroll-margin-top:90px}#about.section{padding:36px 0}.section-gray{background:var(--bg-light)}.section-title{text-align:center;font-size:2.5rem;color:var(--text-color);margin-bottom:1rem;position:relative;padding-bottom:1rem}.courses-section-title{display:inline-block;font-size:1.6rem;color:var(--text-color);margin-top:1.6rem;margin-bottom:.6rem;text-align:left;position:relative;padding-bottom:12px}.courses-section-title::after{content:'';position:absolute;left:0;bottom:6px;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--divider-start),var(--divider-end));z-index:1}.courses-section-title+.courses-grid{margin-top:.8rem}.courses-section-title+.section-subnote{margin-top:0;margin-bottom:.4rem}.courses-section-title+.section-subnote+.courses-grid{margin-top:.6rem}@media (max-width:600px){.courses-section-title::after{width:100%;height:4px;bottom:4px}}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:var(--primary-color)}.section-subtitle{text-align:center;color:var(--text-light);font-size:1.1rem;margin-bottom:3rem}.about-content{display:grid;grid-template-columns:1fr 480px;gap:1rem;margin-top:1.25rem}.about-text h3{font-size:1.6rem;color:var(--primary-color);margin-bottom:.6rem}.about-text p{color:var(--text-light);margin-bottom:.6rem;line-height:1.6;font-size:.98rem}@media (min-width:1100px){.about-content{grid-template-columns:50% 480px}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.stat-item{text-align:center;padding:1.5rem;background:var(--bg-white);border-radius:10px;box-shadow:var(--shadow);transition:var(--transition)}.stat-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.stat-item h4{font-size:2rem;color:var(--primary-color);margin-bottom:.5rem}.stat-item p{color:var(--text-light);font-size:.9rem}.about-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.feature-card{background:var(--bg-white);padding:.9rem;border-radius:10px;box-shadow:var(--shadow);text-align:center;transition:var(--transition);min-height:auto;overflow:visible}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.feature-icon{font-size:1.8rem;margin-bottom:.5rem}.feature-card h4{color:var(--text-color);margin-bottom:.3rem;font-size:1rem}.feature-card p{color:var(--text-light);font-size:.88rem;word-break:keep-all}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;align-items:stretch;align-content:start}.course-card{background:var(--bg-white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;height:100%}.course-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}body.modal-open .course-card:hover{transform:none!important;box-shadow:var(--shadow)!important}.course-image{font-size:4rem;text-align:center;padding:0;background:linear-gradient(135deg,#f5e6d3 0,#d4a574 100%);height:180px;overflow:hidden}.course-img{width:100%;height:100%;object-fit:cover;display:block}.section-subnote{color:var(--text-light);margin-top:.5rem;margin-bottom:.6rem;font-size:.95rem}.course-content{padding:1rem;display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-start;min-height:0}.course-content h3{color:var(--text-color);margin:0 0 .4rem 0;font-size:1.08rem;margin-top:0;text-align:left}.course-description.small{font-size:.92rem;line-height:1.5;text-align:left}.course-ops{margin:.5rem 0 0 0;padding-left:1.2rem}.course-content>.course-ops.small:first-of-type{min-height:8rem}.course-ops.small li{margin-left:0;list-style:disc;color:var(--text-light);font-size:.92rem;line-height:1.5;text-align:left}@media (max-width:900px){.course-content>.course-ops.small:first-of-type{min-height:3.6rem}}.course-details h3{color:var(--primary-color);margin-top:1.5rem}.course-details h4{color:var(--text-color);margin-top:1rem;margin-bottom:.5rem}.partners-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.partner-card{background:var(--bg-white);border:1px solid #eee;border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-width:250px;max-width:350px;flex:1 1 calc(33.333% - 1.5rem);box-shadow:var(--shadow);transition:var(--transition);text-align:center;color:var(--text-color);text-decoration:none;cursor:pointer}.partner-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px);color:var(--primary-color)}.partner-card:visited{color:var(--text-color)}.partner-card:active{color:var(--primary-color)}.partner-logo{height:60px;width:auto;max-width:200px;object-fit:contain;margin-bottom:.5rem}.partner-name{font-size:1rem;line-height:1.5;word-break:break-word;transition:var(--transition);color:inherit}@media (max-width:1024px){.partner-card{flex:1 1 calc(50% - 1.5rem);min-width:220px}}@media (max-width:768px){.partners-grid{gap:1rem}.partner-card{flex:1 1 100%;min-width:100%;max-width:100%;padding:1.2rem}.partner-logo{height:50px;max-width:180px}.partner-card a{font-size:.95rem}}.course-details details{background:var(--bg-white);border:1px solid #ececec;border-radius:8px;padding:.6rem;margin-bottom:1rem;box-shadow:var(--shadow)}.modal{display:none}.modal.show{display:block;position:fixed;inset:0;z-index:2000}.modal.flow{position:static;z-index:0}.modal.flow .modal-window{position:relative;margin:3rem auto;transform:none;left:auto;top:auto;z-index:2001}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);pointer-events:auto;will-change:opacity;-webkit-backface-visibility:hidden;z-index:2000}.modal-window{position:relative;margin:3rem auto;background:var(--bg-white);width:90%;max-width:900px;max-height:none;overflow:visible;border-radius:10px;padding:1.5rem;box-shadow:var(--shadow-hover);z-index:2001}.card-collapse{overflow:hidden;transition:max-height .35s ease}.more-btn{display:inline-block;margin:.8rem 1rem 1rem 1rem;padding:8px 14px;background:0 0;color:var(--primary-color);border:1px solid rgba(212,165,116,.4);border-radius:24px;font-weight:700;cursor:pointer}.more-btn:focus{outline:2px solid rgba(212,165,116,.25);outline-offset:2px}.modal-overlay-white{position:fixed;inset:0;background:rgba(255,255,255,.9);z-index:2000}.modal-window-card{width:95%;max-width:1000px;max-height:none;overflow:visible;padding:1.5rem;margin:3rem auto;z-index:2001}.modal-body .course-card{box-shadow:none;transform:none}.modal-body .course-card .card-toggle,.modal-body .course-card .more-btn{display:none}.modal-close{position:absolute;right:12px;top:8px;background:0 0;border:none;font-size:1.6rem;cursor:pointer}.modal-body p,.modal-body ul{color:var(--text-light);line-height:1.7}.modal-body ul{margin-left:1rem}.course-details summary{list-style:none;cursor:pointer;padding:.6rem .4rem;display:block;font-weight:700;color:var(--text-color);outline:0}.course-details summary::-webkit-details-marker{display:none}.course-details ul{margin:.6rem 1rem .6rem 1.2rem}.course-details p{color:var(--text-light)}.sunnybake-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.25rem;align-items:stretch}.sunnybake-left{display:flex;flex-direction:column;gap:1.5rem;height:100%}.sunnybake-images{display:flex;flex-direction:row;gap:1rem;justify-content:center;gap:60px}.sunnybake-photo{width:140px;height:140px;min-width:140px;min-height:140px;border-radius:50%;box-shadow:var(--shadow);object-fit:cover;object-position:center 25%;flex-shrink:0}.sunnybake-trophy{flex:1;max-width:48%;max-height:140px;height:auto;border-radius:8px;box-shadow:var(--shadow);object-fit:contain;object-position:center;flex-shrink:0}.sunnybake-intro{color:var(--text-light);line-height:1.8;font-size:.95rem;margin:0}.sunnybake-right{display:flex;flex-direction:column;height:100%;justify-content:center}.sunnybake-right p{color:var(--text-light);line-height:1.8;font-size:1rem;margin:0}.sunnybake-button-container{display:flex;justify-content:center;margin-top:2rem}@media (max-width:768px){.sunnybake-content{grid-template-columns:1fr;gap:1.5rem}.sunnybake-left,.sunnybake-right{height:auto}.sunnybake-images{flex-direction:row;justify-content:space-around}.sunnybake-photo{width:100px;height:100px;min-width:100px;min-height:100px;max-width:none;flex-shrink:0}.sunnybake-trophy{max-width:45%}}.modal-window-pdf{width:95%;max-width:1200px;padding:0;margin:1rem auto}.modal-window-pdf h3{margin:0;padding:1rem 1rem .5rem 1rem}.modal-body-pdf{padding:0;margin:0;display:flex;flex-direction:column}#pdfViewerContainer{width:100%;height:80vh;min-height:500px;overflow:hidden;text-align:center;background:#f5f5f5;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;position:relative}#pdfCanvas{margin:0;display:block;box-shadow:none;background:#fff;max-width:100%;max-height:100%;object-fit:contain}#pdfControls{text-align:center;padding:10px;background:#fff;border-top:1px solid #ddd;border-radius:0}#pdfControls button{background:var(--primary-color);color:#fff;border:none;padding:8px 20px;border-radius:5px;cursor:pointer;font-size:.95rem;transition:var(--transition)}#pdfControls button:hover{background:var(--secondary-color)}#pdfControls button:disabled{background:#ccc;cursor:not-allowed}#pdfPageInfo{margin:0 20px;color:var(--text-color);font-size:.95rem}@media (max-width:768px){.modal-window-pdf{width:98%;padding:0;margin:.5rem auto}.modal-window-pdf h3{padding:.75rem .75rem .5rem .75rem;font-size:1.1rem}#pdfViewerContainer{height:70vh;min-height:400px}#pdfControls{padding:8px}#pdfControls button{padding:6px 15px;font-size:.85rem}#pdfPageInfo{margin:0 10px;font-size:.85rem}}.pdf-loader{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loader-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.loader-text{margin-top:10px;color:#666;font-size:14px;margin-bottom:15px}.loader-progress-bar{width:300px;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden;border:1px solid #ddd}.loader-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);width:0%;transition:width .3s ease}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#pdfCanvas{display:block;margin:20px auto;box-shadow:0 4px 20px rgba(0,0,0,.15);background:#fff;max-width:100%;height:auto}#pdfControls{text-align:center;padding:15px;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:center;align-items:center;gap:20px}#pdfControls button{padding:10px 25px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;min-width:100px}#pdfControls button:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}#pdfControls button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}#pdfPageInfo{font-size:14px;color:var(--text-color);font-weight:500;min-width:150px;text-align:center}@media (max-width:768px){.loader-progress-bar{width:250px}#pdfControls{flex-direction:column;gap:10px}#pdfControls button{width:100%;max-width:200px}}.course-duration{color:var(--primary-color);font-size:.9rem;margin-bottom:1rem}.course-description{color:var(--text-light);margin-bottom:.6rem;line-height:1.5;font-size:.95rem}.course-note{color:var(--text-light);font-size:.92rem;line-height:1.5;margin-top:.6rem;padding-top:0;text-align:left}.course-note strong{font-weight:700;margin-right:.35rem}.course-collapse{overflow:hidden;transition:max-height .35s ease}.collapse-toggle{background:0 0;border:none;color:var(--primary-color);font-weight:700;cursor:pointer;padding:6px 0;margin-top:.5rem;align-self:flex-start;font-size:.95rem}.course-content .collapse-toggle:focus{outline:2px solid rgba(212,165,116,.25);outline-offset:2px}.course-content{padding:1rem;display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-start;min-height:0}.course-features{list-style:none;margin-bottom:1.5rem}.course-features li{color:var(--text-light);margin-bottom:.5rem;font-size:.9rem}.course-price{font-size:1.8rem;color:var(--primary-color);font-weight:700;text-align:center;padding-top:1rem;border-top:1px solid #eee}.teachers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.teacher-card{background:var(--bg-white);padding:2rem;border-radius:15px;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}.teacher-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.teacher-avatar{font-size:5rem;margin-bottom:1rem}.teacher-card h3{color:var(--text-color);margin-bottom:.5rem;font-size:1.3rem}.teacher-title{color:var(--primary-color);font-weight:600;margin-bottom:1rem}.teacher-experience{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.teacher-skills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-tag{background:var(--bg-light);color:var(--primary-color);padding:.3rem .8rem;border-radius:20px;font-size:.85rem}.contact-content{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1.5rem;align-items:center}.contact-icon{font-size:2.5rem;flex-shrink:0;width:3rem;display:flex;align-items:center;justify-content:center}.contact-item h4{color:var(--text-color);margin-bottom:.5rem}.contact-item p{color:var(--text-light)}.contact-form{background:var(--bg-white);padding:2rem;border-radius:15px;box-shadow:var(--shadow)}.contact-info-centered{display:flex;flex-direction:column;align-items:center;gap:.6rem}.contact-info-centered .contact-item{width:100%;max-width:520px}.contact-form h3{color:var(--text-color);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(212,165,116,.1)}.form-group textarea{resize:vertical}.footer{background:var(--text-color);color:#fff;padding:1.5rem 0}.footer-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.8rem}.footer-section h4{margin-bottom:1rem;color:var(--primary-color)}.footer-section p{color:rgba(255,255,255,.7);line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:rgba(255,255,255,.7);text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem}.footer-contact-line{color:rgba(255,255,255,.95);font-size:.95rem;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center}.footer-contact-line strong{color:var(--primary-color);margin-right:.3rem}.footer .sep{color:rgba(255,255,255,.35);margin:0 .5rem}.footer-contact-title{color:var(--primary-color);margin:0 0 .4rem 0;text-align:center;font-size:1.4rem;font-weight:700}.footer-contact-details p{margin:0;color:rgba(255,255,255,.92);font-size:.98rem;line-height:1.6;text-align:center}.footer-contact-details{display:flex;flex-direction:column;align-items:center;gap:.18rem}.footer-line{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center}.footer-line span{white-space:nowrap}.footer-line .sep{color:rgba(255,255,255,.35);margin:0 .2rem}.social-link{color:rgba(255,255,255,.7);text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:5px;transition:var(--transition)}.social-link:hover{color:var(--primary-color);border-color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition);z-index:999;box-shadow:var(--shadow)}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background:var(--secondary-color);transform:translateY(-5px)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}.teachers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:var(--bg-white);width:100%;text-align:center;transition:var(--transition);box-shadow:var(--shadow);padding:2rem 0;gap:0}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.about-content{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.about-features{grid-template-columns:1fr}.courses-grid{grid-template-columns:1fr}.teachers-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}}@media (max-width:600px){.footer-content{justify-content:center;padding:0 10px}.footer-contact-line{justify-content:center;text-align:center;font-size:.92rem}.footer .sep{display:none}.footer-bottom{text-align:center;padding-top:1rem;font-size:.85rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stats{grid-template-columns:1fr}.section{padding:50px 0}}