body{background:linear-gradient(to bottom right, #fefefe, #f5f9ff);font-family:"Inter", sans-serif;font-size:16px;min-height:100vh;line-height:1.7;color:#333;margin:0;padding:0;animation:fadeIn 0.6s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{color:#111;font-weight:700;margin-bottom:1rem}a{color:#4e9af1;text-decoration:none;transition:color 0.2s ease, transform 0.2s ease}a:hover{color:#007acc;transform:translateY(-1px)}strong{color:#111;font-weight:600}.site-container{display:flex;max-width:1200px;margin:0 auto;padding:2rem;gap:2rem}.sidebar{max-width:100%;box-sizing:border-box;flex:0 0 220px;background:linear-gradient(135deg, #f9fbfc, #f0f4f9);padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.05);height:fit-content;transition:box-shadow 0.3s ease, transform 0.3s ease}.sidebar:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-2px)}.sidebar h3{margin-top:0;font-size:1.2rem;color:#333}.sidebar-links ul{list-style:none;padding-left:0}.sidebar ul li{margin-bottom:0.6rem}.sidebar ul li a{position:relative;display:inline-block;color:#4e9af1;font-weight:500;transition:color 0.3s ease, transform 0.3s ease}.sidebar ul li a:hover{color:#007acc;transform:translateX(4px)}.sidebar ul li a::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:#007acc;transition:width 0.3s ease}.sidebar ul li a:hover::after{width:100%}.content-area{flex:1;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.04);transition:box-shadow 0.3s ease, transform 0.3s ease;overflow:hidden;background:repeating-linear-gradient(45deg, #f0f4ff, #f0f4ff 10px, #e9e9e9 10px, #e9e9e9 20px)}.content-area::before{content:'';position:absolute;top:-50px;left:-50px;width:300px;height:300px;background:radial-gradient(circle, #5E93DA, #EC4B4B);opacity:0.2;filter:blur(80px);z-index:-1}.content-area:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}footer.footer{margin-top:3rem;text-align:center;font-size:0.9rem;color:#999}.blog-toc{list-style:none;padding-left:0;margin-top:2rem}.blog-toc li{margin-bottom:1rem}.blog-toc li details{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;background:white;box-shadow:0 2px 8px rgba(0,0,0,0.03);transition:box-shadow 0.2s ease}.blog-toc li details summary{font-weight:600;cursor:pointer;margin-bottom:0.75rem}.blog-toc li details ul{list-style:none;padding-left:1rem;margin:0}.blog-toc li details ul li a{position:relative;display:inline-block;color:#4e9af1;font-weight:500;transition:color 0.3s ease, transform 0.3s ease}.blog-toc li details ul li a::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:#007acc;transition:width 0.3s ease}.blog-toc li details ul li a:hover{color:#007acc;transform:translateX(4px)}.blog-toc li details ul li a:hover::after{width:100%}.homepage-container{display:flex;justify-content:center;padding:3rem 1rem;text-align:center;overflow:hidden}.profile-card{max-width:600px;padding:2rem;background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease, transform 0.3s ease;z-index:10}.profile-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-10px)}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;box-shadow:0 2px 6px rgba(0,0,0,0.1)}.site-title{font-size:2rem;font-weight:700;margin-top:0.5rem;color:#111}.site-title a{color:inherit;text-decoration:none}.site-description{font-size:1rem;color:#555;margin:0.75rem 0 1.5rem}.view-link a{font-size:0.95rem;color:#4e9af1}.view-link a:hover{text-decoration:underline}.blog-post{max-width:100%;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.05);font-family:"Inter", sans-serif;line-height:1.7;transition:box-shadow 0.3s ease, transform 0.3s ease}.blog-post:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}.post-header{border-bottom:1px solid #eee;margin-bottom:1.5rem}.post-date{color:#999;font-size:0.85rem;margin-bottom:0.2rem}.post-title{font-size:2.2rem;font-weight:700;color:#222;margin:0.5rem 0}.post-author{color:#555;font-size:0.95rem;margin-bottom:0}.post-content{margin-top:1.5rem;font-size:1rem;color:#333}.post-tags{margin-top:2rem;padding-top:1rem;font-size:0.9rem;color:#666;display:flex;flex-wrap:wrap;gap:0.5rem;border-top:1px solid #eee}.post-tags .tag{display:inline-block;background-color:#e2f0ff;color:#4e9af1;padding:0.3rem 0.6rem;margin-right:0.4rem;border-radius:5px;font-size:0.85rem;transition:background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease}.post-tags .tag:hover{background-color:#fcfdff;transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,0.05)}.mentor-profile .mentor-card{display:flex;align-items:center;gap:2rem;background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.04);margin-bottom:2rem;flex-wrap:wrap;transition:box-shadow 0.3s ease, transform 0.3s ease}.mentor-profile .mentor-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}.mentor-profile .mentor-image{width:160px;height:160px;border-radius:50%;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,0.08)}.mentor-profile .mentor-info h2{margin:0;font-size:1.8rem;color:#111}.mentor-profile .mentor-title{font-size:1rem;color:#666;margin-top:0.3rem}.mentor-profile .mentor-link{display:inline-block;margin-top:0.75rem;color:#4e9af1;font-weight:500}.mentor-profile .mentor-link:hover{text-decoration:underline}.about-me-page{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto;padding:2rem}.about-hero{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 16px rgba(0,0,0,0.05);transition:box-shadow 0.3s ease, transform 0.3s ease}.about-hero:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}.about-photo{width:160px;height:160px;border-radius:50%;object-fit:cover;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.about-intro h1{font-size:2rem;margin:0;color:#111}.about-subtitle{font-size:1rem;color:#555;margin-top:0.4rem}.about-button{margin-top:1rem;display:inline-block;background:#4e9af1;color:white;padding:0.6rem 1.2rem;border-radius:8px;font-weight:500;transition:background 0.2s ease, color 0.2s ease;text-decoration:none}.about-button:hover{background:#007acc;color:white}.about-button:hover{background:#007acc;text-decoration:none}.about-bio{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.04);line-height:1.8;font-size:1.05rem;color:#333;transition:box-shadow 0.3s ease, transform 0.3s ease}.about-bio:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}.about-bio h2{margin-top:0}.about-gallery{overflow:hidden}.about-gallery h2{margin-top:0;text-align:center}.gallery-container{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 14px rgba(0,0,0,0.08);transition:box-shadow 0.3s ease, transform 0.3s ease}.gallery-container:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}.gallery-slider{position:relative;display:flex;overflow:hidden;width:100%;height:auto;justify-content:center;align-items:center;cursor:pointer}.slide{flex:0 0 100%;display:none;flex-direction:column;align-items:center;text-align:center;transition:opacity 1s ease-in-out;opacity:0}.slide.active{display:flex;opacity:1}.slide img{width:100%;max-height:300px;object-fit:contain;border-radius:8px;background-color:#f4f4f4}.caption{margin-top:0.75rem;font-size:0.95rem;color:#444}.indicators{margin-top:1rem;text-align:center}.dot{height:12px;width:12px;margin:0 6px;background-color:#ccc;border-radius:50%;display:inline-block;transition:background-color 0.3s ease;cursor:pointer}.dot.active{background-color:#5E93DA}.modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8)}.modal-content{display:block;margin:auto;max-width:80%;border-radius:6px}.modal-caption{text-align:center;color:#ddd;padding:10px 0;font-size:1rem}.close{position:absolute;top:15px;right:30px;color:white;font-size:35px;font-weight:bold;cursor:pointer}.about-hobbies{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.05);text-align:center;transition:box-shadow 0.3s ease, transform 0.3s ease}.about-hobbies:hover{box-shadow:0 8px 30px rgba(0,0,0,0.06);transform:translateY(-5px)}.about-hobbies h2{margin-bottom:2rem;font-size:1.6rem;color:#111}.hobby-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:1.5rem}.hobby-card{background:linear-gradient(145deg, #f8faff, #eef2ff);padding:1.5rem;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.04);transition:transform 0.3s ease;text-align:center}.hobby-card:hover{transform:translateY(-5px)}.hobby-card .hobby-icon{font-size:2.5rem;margin-bottom:0.75rem}.hobby-card h3{margin-bottom:0.5rem;font-size:1.2rem;color:#333}.hobby-card p{font-size:0.95rem;color:#555}.homepage-motto{font-size:1.05rem;font-weight:500;font-style:italic;color:#444;margin:1.2rem 0;text-align:center}.quick-facts{list-style:none;padding:0;margin:1rem 0 2rem 0;text-align:left;font-size:0.97rem;color:#444;line-height:1.6}.quick-facts li{margin-bottom:0.5rem;padding-left:1.4rem;position:relative}.quick-facts li::before{content:"•";position:absolute;left:0;color:#4e9af1;font-weight:bold}.mentor-tabs{display:flex;position:relative;margin:2rem auto;padding:0.5rem;background:#f2f7fd;border-radius:12px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);max-width:550px;flex-wrap:wrap;overflow:hidden}.mentor-tabs .tab-link{background:transparent;border:none;padding:0.6rem 1.4rem;font-size:0.95rem;font-weight:500;color:#444;border-radius:8px;cursor:pointer;position:relative;z-index:2;transition:all 0.25s ease}.mentor-tabs .tab-link:hover{background:rgba(78,154,241,0.1);color:#007acc;transform:translateY(-1px)}.mentor-tabs .tab-link.active{background:#4e9af1;color:white;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.mentor-tabs .mentor-tab-links{display:flex;justify-content:center;width:100%;gap:2rem}.mentor-tabs .tab-underline{position:absolute;bottom:4px;height:4px;width:50%;background:#007acc;border-radius:2px;z-index:1;transition:transform 0.3s ease}.mentor-tab-content{animation:fadeInTab 0.4s ease both}@keyframes fadeInTab{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.mentor-tabs{flex-direction:column;align-items:stretch}.mentor-tabs .tab-link{width:100%;text-align:center}.mentor-tabs .tab-underline{display:none}}.fade-slide-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease}.fade-slide-up.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.sidebar{position:absolute;top:0;left:0;width:100%;padding:1.25rem;border-radius:0 0 10px 10px;margin-bottom:1rem;background:linear-gradient(135deg, #f9fbfc, #f0f4f9);box-shadow:0 8px 30px rgba(0,0,0,0.06);z-index:999;transform:translateY(-100%);transition:transform 0.3s ease}.site-container{padding-top:7rem;overflow-x:hidden}.sidebar h3{text-align:center}.sidebar ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.sidebar ul li{margin:0}.content-area{width:100%;padding:1.5rem}.homepage-container{padding:2rem 1rem}.profile-card{padding:1.5rem}.profile-image{width:100px;height:100px}.about-hero{flex-direction:column;align-items:center;text-align:center}.about-photo{width:120px;height:120px}.mentor-card{flex-direction:column;align-items:center;text-align:center}.mentor-image{width:120px;height:120px}.blog-post{padding:1.5rem}.post-title{font-size:1.6rem}}@media (max-width: 480px){.sidebar ul{flex-direction:column;align-items:center;padding:0}.sidebar ul li{width:100%;text-align:center}.quick-facts{font-size:0.9rem;text-align:center}.profile-card,.content-area,.about-me-page,.about-bio{padding:1rem}.site-title{font-size:1.5rem}.post-title{font-size:1.4rem}.mentor-info h2{font-size:1.4rem}}.sidebar-header{display:flex;justify-content:space-between;align-items:center}.sidebar-header .hamburger{display:none;font-size:1.5rem;background:none;border:none;color:#4e9af1;cursor:pointer;padding:0.25rem 0.5rem}.sidebar-header .hamburger:hover{color:#007acc}@media (max-width: 768px){.sidebar-header .hamburger{display:inline-block}.sidebar-links ul{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:0.75rem;align-items:center}.sidebar-links{display:none !important;flex-direction:column;margin-top:1rem;gap:0.75rem;align-items:center}.sidebar.visible{transform:translateY(0)}.sidebar-links.visible{display:flex !important}.sidebar-links li a{display:inline-block;color:#4e9af1;font-weight:500;transition:color 0.3s ease, transform 0.3s ease;position:relative}.sidebar-links li a::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:#007acc;transition:width 0.3s ease}.sidebar-links li a:hover{color:#007acc;transform:translateX(4px)}.sidebar-links li a:hover::after{width:100%}}