* {margin: 0;padding: 0;box-sizing: border-box;}

		body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; overflow-x: hidden;}

		/* Navigation */
		.nav {position: fixed; top: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); z-index: 1000; padding: 0.5rem 0 0.2rem; box-shadow: 0 2px 20px rgba(0,0,0,0.1);}
		.nav__list{display: flex; justify-content: center; list-style: none; gap: 2rem;}
		.nav__btn {background: none; border: none; padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 500; color: #555; cursor: pointer; border-radius: 25px; transition: all 0.3s ease;}
		.nav__btn:hover,
		.nav__btn--active {background: #667eea; color: white; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);}


			.main {margin-top: 50px; min-height: calc(100vh - 50px); padding: 2rem;}
			.section { display: none; width: 100%; max-width: 1500px; margin: 0 auto;}
			.section2 {margin: 0 auto; max-width: 1000px; margin-bottom: 30px;padding: 20px;background-color: #fff; border-radius: 8px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);display: flex; align-items: flex-start; }
			.section--active { display: block;}
			.home { display: flex; gap: 2rem; min-height: calc(100vh - 120px); align-items: flex-start;}
			.home__left { flex: 0 0 300px; display: flex; flex-direction: column; gap: 2rem; }
			.home__center { flex: 1; max-width: 900px;}
			.home__right { flex: 0 0 300px; display: flex; flex-direction: column; gap: 2rem;}
			.content { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border-radius: 20px; padding: 2rem; margin: 0 auto; max-width: 1000px; box-shadow: 0 20px 40px rgba(0,0,0,0.1);}
			.content__title { text-align: center; font-size: 2rem; color: #333; margin-bottom: 2rem; font-weight: 600;}


			/* Profile Section */
			.profile {background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(20px); border-radius: 10px; padding: 2rem; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.1); display: flex; flex-direction: column; justify-content: center;}
			.profile__image { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin: 0 auto 0.8rem; box-shadow: 0 10px 30px rgba(0,0,0,0.2); border: 4px solid white;}
			.profile__title { font-size: 1.5rem; font-weight: 700; color: #333; margin-bottom: 0.3rem;}
			.profile__subtitle { font-size: 1.1rem; color: #667eea; font-weight: 500; margin-bottom: 1rem;}
			.profile__contacts { display: flex; justify-content: center; gap: 1rem; margin-bottom: 2rem; flex-wrap: wrap;}
			.profile__contact { text-align: center; padding: 0.6rem; background: rgba(102, 126, 234, 0.1); border-radius: 10px; min-width: 180px; font-size: 0.9rem;}
			.profile__contact-title { font-weight: 600; color: #555; margin-bottom: 0.3rem;}
			.profile__contact-info { color: #777;}
			.profile__bio { text-align: justify; line-height: 1.8; color: #555;}
			.profile__bio p { margin-bottom: 1rem;}
			.profile__bio p:last-child { margin-bottom: 0;}
			.profile__bio strong { color: #667eea; font-weight: 600;}

			/* Widgets */
			.widget { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border-radius: 10px; padding: 1rem; box-shadow: 0 10px 25px rgba(0,0,0,0.1); font-size: 0.85rem; width: 100%;}
			.widget__title { font-size: 1rem; color: #667eea; margin-bottom: 1rem; text-align: center; font-weight: 600;}
			.widget__subtitle { font-size: 0.9rem; color: #555; margin: 0.5rem 0 0.25rem; font-weight: 600;}
			.widget__text { margin-bottom: 0.5rem; line-height: 1.4; color: #666; text-align:justify;}
			
		

		

		/* CV Sections */
		.cv__logo { width: 80px; height: 80px; object-fit: contain; margin-right: 1.5rem; flex-shrink: 0;}
		.cv__content-title { font-size: 1.2rem; color: #667eea; margin-bottom: 0.25rem; font-weight: 500;}
		.cv__content-subtitle { font-size: 0.9rem; margin-left:2rem; margin-bottom: 0.25rem;}
		.cv__content-subsubtitle { font-size: 0.7rem; margin-left:4rem; margin-bottom: 0.25rem;}




	/* Responsive */
		
		@media (max-width: 1400px) {   #current-courses {   grid-template-columns: repeat(3, 1fr);   gap: 1.5rem; } #past-courses {   grid-template-columns: repeat(4, 1fr);   gap: 1rem; }}
	
		@media (max-width: 1200px) { 
			.home {   flex-direction: column;   align-items: center; }
			.home__center {   order: 1;   width: 100%;   max-width: 600px; }
			.home__left {   order: 2;   width: 100%;   max-width: 600px;   flex-direction: row;   justify-content: center;   flex-wrap: wrap; }
			.home__right {   order: 3;   width: 100%;   max-width: 600px;   flex-direction: row;   justify-content: center;   flex-wrap: wrap; }
			.widget {   flex: 0 0 280px; }
			.profile__contacts {   flex-direction: column;   gap: 1rem; }
			#current-courses {   grid-template-columns: repeat(2, 1fr);   gap: 1.5rem; } #past-courses {   grid-template-columns: repeat(3, 1fr);   gap: 1rem; } .teaching-container {   max-width: 1000px; }
			}

		@media (max-width: 768px) { 
			.nav__list {   gap: 1rem; }
			.nav__btn {   padding: 0.5rem 1rem;   font-size: 0.9rem; }
			.main {   padding: 1rem; }
			.home__left, .home__right {   flex-direction: column;   align-items: center; }
			.widget {   flex: none;   max-width: 300px;   width: 100%; }
			.profile__title {   font-size: 2rem; }
			.cv__logo {   margin: 0 auto 1rem; }
			.teaching-container {   padding: 2rem 1rem;   margin: 1rem; } #current-courses {   grid-template-columns: 1fr;   gap: 1rem; } #past-courses {   grid-template-columns: repeat(2, 1fr);   gap: 0.8rem; } .section-title {   font-size: 1.8rem; }
			}
			  
		@media (max-width: 480px) { 
			.nav__list {   flex-wrap: wrap;   gap: 0.5rem; }
			.nav__btn {   padding: 0.4rem 0.8rem;   font-size: 0.8rem; }
			.widget {   padding: 1rem; }
			.profile {   padding: 1.5rem; }
			.profile__title {   font-size: 1.8rem; }
			.tile {   width: 280px; }
			.tile-container {   gap: 1rem; }
			  #past-courses {   grid-template-columns: 1fr; }
			}

@media (max-width: 375px) { 
.home { flex-direction: column; gap: 1rem; } 
.home__left, .home__center, .home__right { width: 100%; max-width: 100%; flex: none; } 
.home__left, .home__right { flex-direction: column; gap: 1rem; } 
.widget { width: 100%; max-width: 100%; min-width: auto; margin: 0; box-sizing: border-box; } 
  #past-courses {   grid-template-columns: 1fr; }
			}