:root{--color-primary-brown: #99684f;--color-primary-dark-blue: #122951;--color-text-light: #ffffff;--color-text-dark: #080911;--color-text-accent: #f2d4b8;--color-text-subtle: #6b6b70;--color-background-light: #ffffff;--color-background-offwhite: #fff7ee;--font-main: "Inter", sans-serif}body{margin:0;font-family:var(--font-main);background-color:var(--color-background-light);color:var(--color-text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:70px;padding-right:70px;box-sizing:border-box}section{overflow:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}h1,h2,h3,h4,p,ul,li{margin:0;padding:0}ul{list-style:none}@media (max-width: 1024px){.container{padding-left:40px;padding-right:40px}}@media (max-width: 768px){.container{padding-left:20px;padding-right:20px}}.site-header{background-color:var(--color-background-light);height:72px;display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-area a{display:flex;align-items:center;gap:16px}.logo-img-1{width:48px;height:48px}.logo-separator{font-size:16px;color:var(--color-text-subtle);opacity:.7}.logo-img-2{height:48px}.main-nav ul{display:flex;gap:32px}.main-nav a{font-size:16px;font-weight:400;transition:color .3s}.main-nav a:hover{color:var(--color-primary-brown)}.mobile-nav-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer}@media (max-width: 900px){.main-nav{display:none}.mobile-nav-toggle{display:block}}.hero-section{display:flex;min-height:560px;background-color:var(--color-background-light)}.hero-content{flex:1;background-color:var(--color-primary-brown);color:var(--color-text-light);padding:104px 70px;display:flex;flex-direction:column;justify-content:center;gap:40px;box-sizing:border-box}.hero-title{font-size:40px;font-weight:600;line-height:1.2}.hero-description{font-size:16px;font-weight:400;line-height:1.5;max-width:500px}.hero-cta{background-color:var(--color-background-light);color:var(--color-text-dark);font-size:16px;font-weight:600;padding:12px 32px;border-radius:8px;align-self:flex-start;transition:background-color .3s,color .3s;cursor:pointer}.hero-cta:hover{background-color:#f1f1f1}.hero-image-wrapper{flex:1;display:flex}.hero-image{width:100%;height:100%;object-fit:cover}@media (max-width: 1024px){.hero-section{flex-direction:column}.hero-content{padding:60px 40px;text-align:center;align-items:center}.hero-cta{align-self:center}}@media (max-width: 768px){.hero-content{padding:40px 20px}}.intro-section{padding:120px 0}.intro-box{max-width:800px;margin:0 auto;padding:48px;border:2px solid #996a50;box-sizing:border-box}.intro-title{font-size:36px;font-weight:600;color:#450d00;text-align:center;margin-bottom:44px}.intro-text{display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:1.5;white-space:pre-wrap}.intro-subtitle{font-size:20px;font-weight:500;line-height:1.4;margin-bottom:16px}@media (max-width: 768px){.intro-section{padding:60px 0}.intro-box{padding:24px;border:1px solid #996a50}.intro-title{font-size:28px;margin-bottom:24px}}.lecturer-section{background-color:var(--color-primary-dark-blue);color:var(--color-text-light);padding:64px 0}.lecturer-container{display:flex;align-items:center;gap:80px}.lecturer-info{flex:1;max-width:577px}.lecturer-title{font-size:36px;font-weight:600;color:var(--color-text-accent);margin-bottom:24px}.lecturer-description{font-size:16px;line-height:1.5;white-space:pre-wrap}.lecturer-image-container{position:relative;width:320px;height:320px;flex-shrink:0}.lecturer-image-frame{position:absolute;width:320px;height:320px;border:4px solid #996a50;top:-25px;left:24px}.lecturer-image-wrapper{position:absolute;top:0;left:0;width:320px;height:320px;overflow:hidden}.lecturer-image{width:100%;height:100%;object-fit:cover}@media (max-width: 1024px){.lecturer-container{flex-direction:column;text-align:center}.lecturer-image-container{margin-top:40px;transform:scale(.9)}}@media (max-width: 768px){.lecturer-container{gap:40px}.lecturer-title{font-size:28px}.lecturer-image-container{transform:scale(.8);margin-top:20px}}.content-section{padding:80px 0}.content-main-title{font-size:36px;font-weight:600;color:#450d00;text-align:center;margin-bottom:88px}.content-part{display:flex;gap:80px;align-items:flex-start}.content-part.reverse{flex-direction:row-reverse}.content-image-wrapper{flex:0 0 420px;border-radius:8px;overflow:hidden}.content-details{flex:1;display:flex;flex-direction:column;gap:16px}.content-header{display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.content-part-tag{background-color:var(--color-primary-brown);color:var(--color-text-light);font-size:14px;font-weight:600;padding:4px 24px;border-radius:24px;align-self:flex-start}.content-part-title{font-size:18px;font-weight:600;line-height:1.3}.content-topic-list{display:flex;flex-direction:column;gap:12px}.content-topic-item{display:flex;flex-direction:column;gap:4px}.content-topic-item h4{font-size:16px;font-weight:600;color:#000;display:flex;align-items:center;gap:8px}.content-topic-item p{font-size:16px;font-weight:400;color:#000;line-height:1.5;padding-left:32px;white-space:pre-wrap}.content-divider{border:none;height:1px;background-color:#8a8a8a;margin:40px 0}@media (max-width: 1024px){.content-part,.content-part.reverse{flex-direction:column;align-items:center;gap:40px}.content-image-wrapper{flex-basis:auto;width:100%;max-width:420px}.content-details{width:100%}}@media (max-width: 768px){.content-section{padding:60px 0}.content-main-title{font-size:28px;margin-bottom:48px}}.format-section{background-color:var(--color-primary-dark-blue);color:var(--color-text-light);padding:64px 0}.format-container{display:flex;align-items:center;gap:80px}.format-info{flex:1;max-width:370px}.format-title{font-size:36px;font-weight:600;color:var(--color-text-accent);margin-bottom:24px}.format-description{font-size:16px;line-height:1.5}.format-label{font-weight:400}.format-date{font-weight:600;color:var(--color-text-accent)}.format-image-wrapper{flex:1;max-width:510px;border-radius:8px;overflow:hidden}@media (max-width: 1024px){.format-container{flex-direction:column;text-align:center}}.benefits-section{padding:80px 0}.benefits-container{max-width:750px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.benefits-title{font-size:36px;font-weight:600;color:#450d00}.benefits-subtitle{font-size:16px;line-height:1.5;max-width:608px}.benefits-list-wrapper{margin-top:16px;text-align:left;width:100%;max-width:608px}.benefits-list-intro{font-size:16px;font-weight:600;margin-bottom:16px}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;gap:8px;align-items:flex-start;font-size:16px;line-height:1.5}.benefit-item img{flex-shrink:0;margin-top:2px}@media (max-width: 768px){.benefits-section{padding:60px 0}.benefits-title{font-size:28px}}.testimonials-section{background-color:var(--color-primary-dark-blue);padding:64px 0}.testimonials-container{display:flex;flex-direction:column;align-items:center;gap:36px}.testimonials-title{font-size:36px;font-weight:600;color:var(--color-text-light)}.testimonials-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.testimonial-card{background-color:var(--color-background-light);border-radius:8px;padding:24px;width:100%;max-width:372px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.testimonial-content{display:flex;flex-direction:column;gap:16px;margin-bottom:80px}.stars{display:flex;gap:4px}.testimonial-quote{font-size:16px;line-height:1.5;color:var(--color-text-dark)}.testimonial-author{display:flex;flex-direction:column;gap:4px}.author-name{font-size:16px;font-weight:600;color:var(--color-text-dark)}.author-course{font-size:16px;color:var(--color-text-subtle)}@media (max-width: 768px){.testimonials-title{font-size:28px}.testimonials-grid{gap:24px}}.register-section{background-color:var(--color-primary-brown);padding:80px 0;position:relative}.register-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;opacity:.05;pointer-events:none}.register-container{display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;z-index:1}.register-info{display:flex;flex-direction:column;gap:40px;color:var(--color-text-light)}.register-title{font-size:36px;font-weight:600}.register-subtitle{font-size:16px;line-height:1.5}.price-info{display:flex;align-items:center;gap:16px}.price-label{font-size:20px}.price-tag{background-color:#1e51ab;color:var(--color-text-light);font-size:20px;font-weight:600;padding:8px 24px;border-radius:48px}.register-qr{background-color:var(--color-background-light);padding:20px;border-radius:16px;width:200px;height:200px;flex-shrink:0}.register-qr img{width:100%;height:100%}@media (max-width: 768px){.register-container{flex-direction:column;text-align:center}.register-info{align-items:center}}.site-footer{background-color:var(--color-background-offwhite);padding:28px 0}.footer-container{display:flex;justify-content:center;align-items:center;gap:64px;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:8px;font-size:16px}@media (max-width: 768px){.footer-container{flex-direction:column;gap:16px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto}