body{font-family:Poppins,sans-serif;line-height:1.6;margin:0;padding:2rem;background:#f4f4f4;color:#333;transition:background .3s,color .3s}body.dark-mode{background:#121212;color:#f4f4f4}body.dark-mode .App{background:#1e1e1e;box-shadow:0 0 10px #ffffff1a}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3{color:#f4f4f4}body.dark-mode header p{color:#8a4baf}body.dark-mode .links a{color:#f4f4f4}body.dark-mode li{background:#333}.App{max-width:800px;margin:0 auto;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 0 10px #0000001a;transition:background .3s,box-shadow .3s}header,section,footer{margin-bottom:2rem}section h2{font-size:2rem;margin-bottom:1.5rem;color:#8a4baf}h1{text-align:center;margin-bottom:.5rem;color:#8a4baf}header p{text-align:center;font-size:1.2rem;color:#666}.user-photo{width:150px;height:150px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 1rem}#skills h3{margin-top:1.5rem;margin-bottom:.5rem;color:#8a4baf}ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}li{background:#eee;padding:.5rem 1rem;border-radius:4px;text-align:center}.project-links a:hover{background:#6e3c8b}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:20px 0}footer{text-align:center;color:#666}.links a{margin:0 .5rem;color:#333;text-decoration:none}.links a:hover{text-decoration:underline}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.fade-in-section.fade-in{opacity:1;transform:translateY(0)}.dark-mode-toggle{position:fixed;top:1rem;right:1rem;background:#8a4baf;color:#fff;border:none;padding:.5rem;border-radius:5px;cursor:pointer}@media (max-width: 768px){body{padding:1rem}.App{padding:1rem;margin:0;text-align:center}header{text-align:center}h1{font-size:1.8rem}section h2{font-size:1.5rem;text-align:center}#about,#skills,#skills h3{text-align:center}#skills ul{grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0 auto;max-width:100%}#skills li{font-size:.9rem;padding:.5rem}.projects-grid{grid-template-columns:1fr;gap:20px}footer{text-align:center}footer .links{display:flex;flex-direction:column;gap:.75rem}footer .links a{display:block;margin:0}.dark-mode-toggle{top:.5rem;right:.5rem;padding:.4rem;font-size:.9rem}}.project{background-color:var(--card-background);border-radius:8px;box-shadow:var(--shadow);padding:20px;margin-bottom:30px;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.project .project-image{width:100%;height:auto;border-radius:4px;margin-bottom:15px;opacity:0;transition:opacity .5s ease-in-out}.project .project-image.loaded{opacity:1}.project h3{color:var(--text-color-primary);margin-bottom:10px}.project p{color:var(--text-color-secondary);line-height:1.6;margin-bottom:15px}.project .project-technologies{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:15px}.project .project-technologies .technology-tag{background-color:#f4f4f4;color:#333;padding:5px 10px;border-radius:5px;font-size:.85em;white-space:nowrap}.project .project-links{display:flex;justify-content:center;gap:15px}.project .project-links a{background-color:#8a4baf;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.project .project-links a:hover{background-color:#6e3c8b}body.dark-mode .project .project-technologies .technology-tag{background-color:#121212;color:#f4f4f4}