@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
:root {--primary-color: #1d1d1f;--accent-color: #ec4872;--accent-color-hover: #d93961;--text-color-light: #fff;--text-color-dark: #1d1d1f;--text-color-muted: #6e6e73;--background-color-light: #fbfbfd;--form-background: #fff;--form-border: #d2d2d7;--form-border-focus: #0071e3;--footer-background: #f5f5f7;--footer-text-color: #1d1d1f;--font-main: "Inter",sans-serif;}
#htpi-scoped-content-wrapper * {margin: 0;padding: 0;box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {font-family: var(--font-main);font-weight: 400;background-color: var(--background-color-light);color: var(--text-color-dark);line-height: 1.6;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#htpi-scoped-content-wrapper a {color: var(--accent-color);text-decoration: none;transition: color .3s ease;}
#htpi-scoped-content-wrapper a:hover {color: var(--accent-color-hover);}
#htpi-scoped-content-wrapper img {max-width: 100%;height: auto;display: block;}
#htpi-scoped-content-wrapper .container {max-width: 1100px;margin: 0 auto;padding: 0 20px;}
#htpi-scoped-content-wrapper section {padding: 100px 0;}
#htpi-scoped-content-wrapper .site-header {background-color: rgba(251,251,253,.8);padding: 15px 0;position: sticky;top: 0;width: 100%;z-index: 1000;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);border-bottom: 1px solid #ddd;}
#htpi-scoped-content-wrapper .header-container {display: flex;justify-content: space-between;align-items: center;max-width: 1600px;margin: 0 auto;padding: 0 2%;}
#htpi-scoped-content-wrapper .logo img {width: 170px;opacity: .9;}
#htpi-scoped-content-wrapper .main-nav {display: flex;}
#htpi-scoped-content-wrapper .main-nav ul {display: flex;list-style: none;align-items: center;}
#htpi-scoped-content-wrapper .main-nav li {position: relative;}
#htpi-scoped-content-wrapper .main-nav a {padding: 8px 12px;font-size: 14px;font-weight: 500;text-transform: none;color: var(--text-color-dark);opacity: .9;}
#htpi-scoped-content-wrapper .main-nav a:hover {color: var(--accent-color);}
#htpi-scoped-content-wrapper .nav-toggle {display: none;cursor: pointer;font-size: 24px;}
#htpi-scoped-content-wrapper .main-nav li.has-submenu > a::after {content: "▼";font-size: 9px;margin-left: 4px;display: inline-block;vertical-align: 2px;transition: transform .3s ease;}
#htpi-scoped-content-wrapper .main-nav .submenu {display: none;position: absolute;top: 100%;left: 0;background-color: #fff;min-width: 260px;list-style: none;z-index: 1001;padding: 10px 0;margin-top: 10px;border-radius: 8px;box-shadow: 0 8px 24px rgba(0,0,0,.12);border: 1px solid #e5e5e5;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity .3s ease,transform .3s ease,visibility .3s ease;}
#htpi-scoped-content-wrapper .main-nav li.has-submenu:hover > a::after {transform: rotate(180deg);}
#htpi-scoped-content-wrapper .main-nav li.has-submenu:hover > .submenu {display: block;opacity: 1;visibility: visible;transform: translateY(0);}
#htpi-scoped-content-wrapper .main-nav .submenu li {width: 100%;}
#htpi-scoped-content-wrapper .main-nav .submenu a {display: block;padding: 10px 20px;color: var(--text-color-dark);white-space: nowrap;font-size: 14px;font-weight: 400;}
#htpi-scoped-content-wrapper .main-nav .submenu a:hover {background-color: var(--footer-background);color: var(--accent-color);}
#htpi-scoped-content-wrapper main {padding-top: 0;}
#htpi-scoped-content-wrapper .hero-section {background-color: #fff;padding: 120px 0;text-align: center;}
#htpi-scoped-content-wrapper .hero-container {max-width: 700px;margin: 0 auto;}
#htpi-scoped-content-wrapper .page-title {font-size: 48px;font-weight: 700;line-height: 1.2;color: var(--primary-color);margin-bottom: 30px;letter-spacing: -1px;}
#htpi-scoped-content-wrapper .special-offer {max-width: 580px;margin: -10px auto 40px;font-size: 17px;line-height: 1.6;color: var(--text-color-muted);}
#htpi-scoped-content-wrapper .special-offer strong {font-weight: 600;color: var(--primary-color);}
#htpi-scoped-content-wrapper .registration-form {max-width: 400px;margin: 0 auto;background-color: var(--form-background);padding: 30px;border-radius: 12px;box-shadow: 0 8px 32px rgba(0,0,0,.05);border: 1px solid var(--form-border);}
#htpi-scoped-content-wrapper .form-item {margin-bottom: 15px;}
#htpi-scoped-content-wrapper .form-item input[type="text"], #htpi-scoped-content-wrapper .form-item input[type="email"] {width: 100%;height: 50px;padding: 0 15px;font-size: 16px;font-family: var(--font-main);border: 1px solid var(--form-border);border-radius: 8px;background-color: #f5f5f7;transition: border-color .3s ease,box-shadow .3s ease;}
#htpi-scoped-content-wrapper .form-item input[type="text"]:focus, #htpi-scoped-content-wrapper .form-item input[type="email"]:focus {outline: none;border-color: var(--form-border-focus);box-shadow: 0 0 0 3px rgba(0,113,227,.25);}
#htpi-scoped-content-wrapper .checkbox-item {display: flex;align-items: flex-start;text-align: left;font-size: 12px;color: var(--text-color-muted);gap: 10px;line-height: 1.5;}
#htpi-scoped-content-wrapper .checkbox-item input {margin-top: 3px;flex-shrink: 0;}
#htpi-scoped-content-wrapper .form-submit-btn {width: 100%;padding: 15px 20px;margin-top: 15px;font-size: 16px;font-weight: 600;color: var(--text-color-light);background-color: var(--accent-color);border: none;border-radius: 8px;cursor: pointer;transition: background-color .3s ease,transform .2s ease;}
#htpi-scoped-content-wrapper .form-submit-btn:hover {background-color: var(--accent-color-hover);transform: translateY(-2px);}
#htpi-scoped-content-wrapper .lecturer-section {text-align: center;}
#htpi-scoped-content-wrapper .lecturer-name {font-size: 40px;font-weight: 600;color: var(--primary-color);margin-bottom: 15px;letter-spacing: -.5px;}
#htpi-scoped-content-wrapper .lecturer-title {font-size: 18px;color: var(--text-color-muted);max-width: 600px;margin: 0 auto 50px;}
#htpi-scoped-content-wrapper .lecturer-profile img {width: 280px;height: 280px;object-fit: cover;border-radius: 24px;margin: 0 auto 30px;box-shadow: 0 10px 40px rgba(0,0,0,.1);}
#htpi-scoped-content-wrapper .lecture-details {max-width: 720px;margin: 0 auto;text-align: center;}
#htpi-scoped-content-wrapper .lecture-details h2 {font-size: 32px;font-weight: 600;line-height: 1.3;color: var(--primary-color);margin-bottom: 30px;}
#htpi-scoped-content-wrapper .lecture-details p {text-align: left;font-size: 18px;font-weight: 400;line-height: 1.7;color: var(--text-color-muted);margin-bottom: 1.5em;}
#htpi-scoped-content-wrapper .lecture-details em {color: var(--primary-color);font-style: normal;}
#htpi-scoped-content-wrapper .promo-section {padding-bottom: 100px;text-align: center;}
#htpi-scoped-content-wrapper .banners-section img {border-radius: 24px;box-shadow: 0 15px 50px rgba(0,0,0,.1);margin-bottom: 50px;}
#htpi-scoped-content-wrapper .mobile-banner {display: none;}
#htpi-scoped-content-wrapper .cta-button {display: inline-block;background-color: var(--accent-color);color: var(--text-color-light);font-size: 17px;font-weight: 600;border-radius: 50px;padding: 18px 35px;transition: background-color .3s ease,transform .2s ease;}
#htpi-scoped-content-wrapper .cta-button:hover {background-color: var(--accent-color-hover);color: var(--text-color-light);transform: scale(1.05);}
#htpi-scoped-content-wrapper .site-footer {background-color: var(--footer-background);color: var(--footer-text-color);padding: 60px 0;font-size: 14px;font-weight: 400;border-top: 1px solid #ddd;}
#htpi-scoped-content-wrapper .footer-container {display: grid;grid-template-columns: 2fr 1fr 2fr 1fr;gap: 30px;max-width: 1600px;margin: 0 auto;padding: 0 2%;}
#htpi-scoped-content-wrapper .footer-column p {color: var(--text-color-muted);}
#htpi-scoped-content-wrapper .footer-logo {width: 150px;margin-bottom: 15px;}
#htpi-scoped-content-wrapper .footer-links {list-style: none;margin-top: 10px;}
#htpi-scoped-content-wrapper .footer-links li {margin-bottom: 8px;}
#htpi-scoped-content-wrapper .footer-links a {color: var(--text-color-muted);font-weight: 500;}
#htpi-scoped-content-wrapper .footer-links a:hover {color: var(--accent-color);}
#htpi-scoped-content-wrapper .social-icons {display: flex;gap: 15px;margin-top: 20px;}
#htpi-scoped-content-wrapper .social-icons a {color: var(--text-color-muted);font-size: 20px;}
#htpi-scoped-content-wrapper .social-icons a:hover {color: var(--primary-color);}
@media (max-width: 1024px) {#htpi-scoped-content-wrapper .main-nav ul {display: none;flex-direction: column;position: absolute;top: 60px;left: 0;width: 100%;background-color: #fff;box-shadow: 0 4px 5px rgba(0,0,0,.1);border-top: 1px solid #eee;}
	#htpi-scoped-content-wrapper .main-nav ul.active {display: flex;}
	#htpi-scoped-content-wrapper .main-nav li {width: 100%;text-align: left;}
	#htpi-scoped-content-wrapper .main-nav a {display: block;padding: 15px 20px;border-bottom: 1px solid #eee;}
	#htpi-scoped-content-wrapper .nav-toggle {display: block;}
	#htpi-scoped-content-wrapper .main-nav li.has-submenu > a::after {content: "";}
	#htpi-scoped-content-wrapper .main-nav .submenu {display: block;position: static;background-color: #fdfdfd;box-shadow: none;border: none;padding: 0;margin-top: 0;min-width: 100%;opacity: 1;visibility: visible;transform: none;border-radius: 0;}
	#htpi-scoped-content-wrapper .main-nav .submenu a {padding-left: 35px;font-size: 13px;color: var(--text-color-muted);border-bottom: 1px solid #f5f5f5;}
	#htpi-scoped-content-wrapper .main-nav .submenu a:hover {background-color: #f0f0f0;}
	#htpi-scoped-content-wrapper .main-nav .submenu li:last-child a {border-bottom: none;}
	#htpi-scoped-content-wrapper .footer-container {grid-template-columns: 1fr 1fr;}}
@media (max-width: 767px) {#htpi-scoped-content-wrapper section {padding: 60px 0;}
	#htpi-scoped-content-wrapper .hero-section {padding: 80px 0;}
	#htpi-scoped-content-wrapper .header-container {padding: 0 20px;}
	#htpi-scoped-content-wrapper .logo img {width: 150px;}
	#htpi-scoped-content-wrapper .page-title {font-size: 32px;}
	#htpi-scoped-content-wrapper .lecturer-name {font-size: 32px;}
	#htpi-scoped-content-wrapper .lecture-details h2 {font-size: 28px;}
	#htpi-scoped-content-wrapper .special-offer {font-size: 16px;}
	#htpi-scoped-content-wrapper .desktop-banner {display: none;}
	#htpi-scoped-content-wrapper .mobile-banner {display: block;}
	#htpi-scoped-content-wrapper .footer-container {grid-template-columns: 1fr;text-align: center;}
	#htpi-scoped-content-wrapper .footer-column {text-align: center;}
	#htpi-scoped-content-wrapper .footer-logo {margin: 0 auto 15px;}
	#htpi-scoped-content-wrapper .social-icons {justify-content: center;}}