:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{font-family:Source Code Pro,monospace;background-color:#f5f5f5;color:#333;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.App{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:20px}.Header{width:100%;max-width:800px;display:flex;flex-direction:column;justify-content:center;position:absolute;top:0}.Profile{position:relative;top:10px}header{text-align:center;margin-bottom:50px}header h1{font-size:32px;color:#333;margin-bottom:10px;font-weight:lighter}header h2{font-size:24px;font-weight:lighter}header p{font-size:16px;color:#666}.CV{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;width:100%;max-width:750px;margin-top:50px;padding:0 15px;justify-items:center}main{position:absolute;top:300px;display:flex;width:100%;max-width:750px;margin-top:50px;margin-bottom:50px;padding:0 15px;justify-items:center}.home{display:flex;width:100%;flex-direction:column;align-items:center;text-align:center}.Section-home{grid-column:2 span}section{padding:20px;width:100%}section h2{font-size:20px;font-weight:600;color:#1f1f1f;margin-bottom:12px;border-bottom:2px solid #007bff;padding-bottom:5px}section p,section ul{font-size:14px;color:#333;line-height:1.6}section ul{list-style:none;padding:0}section ul li{margin-bottom:8px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}body.dark-mode{background-color:#121212;color:#e0e0e0;transition:background-color .3s ease,color .3s ease}.dark-mode footer,.dark-mode section{color:#e0e0e0;transition:color .3s ease}.dark-mode ul{color:#e0e0e0;transition:color .3s ease}.dark-mode a{color:#1e90ff;transition:color .3s ease}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5{color:#fff;transition:color .3s ease}.dark-mode p{color:#e0e0e0}.theme-toggle-btn{width:0%;background:transparent;border:none;cursor:pointer;padding:10px;position:absolute;right:10px;top:10px;transition:color .3s ease,transform .3s ease}.theme-toggle-btn:focus{outline:none}body{transition:background-color .3s,color .3s,transform .3s ease}.content{transition:opacity .3s ease,transform .3s ease}.content.fade{opacity:0;transform:translateY(-20px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){main{display:flex}header h1{font-size:28px}section{max-width:100%}}@media (max-width: 480px){header h1{font-size:24px}section h2{font-size:18px}section p,section ul li{font-size:12px}}.blog-carousel{width:100%;margin:2rem 0}.blog-carousel-title{color:#23272f}.carousel-controls{display:flex;align-items:center;gap:1rem}.carousel-arrow{font-size:1.5rem;background:none;border:none;color:inherit;cursor:pointer;transition:color .2s}.carousel-arrow:hover{color:#007bff}.carousel-post{background:#f8fafc;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:1.5rem;cursor:pointer;min-width:250px;border:1px solid #e0e6ed;flex:1;transition:box-shadow .2s,background .3s,color .3s;color:#23272f;outline:none}.carousel-post:hover,.carousel-post:focus{box-shadow:0 4px 24px #00000026;background:#e6eef8}.carousel-post h4{margin:0;color:#23272f;font-size:1.2rem}.carousel-post p{color:#333;font-size:1rem}.carousel-post small{color:#8a94a6;font-size:.95rem;margin-top:.5rem;display:block}body.dark-mode .blog-carousel-title{color:#e0e6ed}body.dark-mode .carousel-post{background:#181c24;border:1px solid #23272f;color:#e0e6ed}body.dark-mode .carousel-post:hover,body.dark-mode .carousel-post:focus{background:#23272f}body.dark-mode .carousel-post h4{color:#e0e6ed}body.dark-mode .carousel-post p{color:#cfd8e3}body.dark-mode .carousel-post small{color:#8a94a6}.photo-container{position:relative;width:180px;height:180px;margin:0 auto 15px;border-radius:50%;overflow:hidden;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.photo-container:hover{transform:scale(1.1)}.profile-photo,.hover-photo{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:opacity .3s ease}.profile-photo{opacity:1;z-index:1}.hover-photo{opacity:0;z-index:2}.photo-container:hover .profile-photo{opacity:0}.photo-container:hover .hover-photo{opacity:1}.navbar{display:flex;justify-content:center;align-items:center;padding:15px 0;width:100%;transition:background-color .3s ease,box-shadow .3s ease}.navbar ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar li{display:inline}.navbar button{background:transparent;border:2px solid transparent;border-radius:8px;color:#333;font-size:16px;font-weight:700;padding:10px 20px;cursor:pointer;transition:color .3s ease,background-color .3s ease,border-color .3s ease}.navbar button:hover,.navbar button:focus{border-color:#007bff;color:#007bff}body.dark-mode .navbar button{color:#e0e0e0}body.dark-mode .navbar button:hover,body.dark-mode .navbar button:focus{color:#1e90ff;border-color:#1e90ff}@media (max-width: 768px){.navbar ul{flex-direction:column;gap:10px}.navbar button{font-size:14px;padding:8px 16px}}