body{margin:0;font-family:Times New Roman,Times,serif;background-color:#fdf7ff;color:#333}.home-container{height:100vh;width:100%;background-image:url(/assets/bg-c5b4b7ec.png);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;text-align:center;color:#020202}h2{color:indigo}.home-content{border-radius:12px;max-width:500px;width:100%}.home-buttons{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home-btn{background-color:indigo;color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:50px;text-decoration:none;transition:background-color .3s ease;box-shadow:0 4px 10px #0000001a}.home-btn:hover{background-color:#a989d6}.profile-photo{width:150px;height:150px;-o-object-fit:fill;object-fit:fill;border-radius:70%;border:4px solid #4b0082;margin-bottom:1rem}.app-container{display:flex;height:100vh}.main-content{flex:1;overflow-y:auto}nav{background-color:#daabff;padding:2rem 1rem;height:100vh;width:220px;position:fixed;left:0;top:0;text-align:center}nav ul{list-style:none;padding:0}nav ul li{margin-bottom:20px}nav a{text-decoration:none;font-weight:700;color:#000;transition:color .3s}nav a:hover{color:#6d95cf}.main-content{margin-left:220px}.about-section{width:100%;max-width:900px;background:rgba(255,255,255,.92);padding:1rem;border-radius:12px;box-shadow:0 4px 20px #00000026;font-size:medium;justify-content:right;align-items:center}.contact-section{width:100%;max-width:700px;background:rgba(255,255,255,.92);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000026;font-size:larger;justify-content:center;align-items:center}.profile-photo{width:180px;border-radius:50%;border:4px solid #4b0082;margin-bottom:1rem}.skills-section{max-width:700px;background:rgba(255,255,255,.9);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 20px #00000026}.skills-buttons{margin-bottom:1rem}.skills-buttons button{margin:.5rem .8rem .5rem 0;padding:.6rem 1.2rem;border:none;background-color:indigo;color:#fff;font-weight:700;cursor:pointer;border-radius:10px;transition:background-color .3s ease}.skills-buttons button:hover,.skills-buttons button.active{background-color:#a989d6}.skills-grid{display:flex;flex-direction:column}.skill-category h3{margin-bottom:.8rem;font-size:1.3rem;color:indigo}.skill-items{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center}.skill-item{display:flex;flex-direction:column;align-items:center;width:100px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .2s ease}.skill-item img{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;margin-bottom:.3rem}.skill-item span{font-weight:600;font-size:.95rem;color:#333;line-height:1.1;white-space:nowrap}.skill-item:hover{transform:scale(1.1)}.projects-section{background-image:url(/assets/bg-c5b4b7ec.png);background-size:cover;background-position:center;min-height:100vh;padding:3rem;color:#fff;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:1rem 0}.projects-section h2{font-size:2.5rem;margin-bottom:2rem;color:indigo}.project-card{background-color:#ffffffeb;padding:1.5rem;border-radius:15px;box-shadow:0 4px 20px #0003;transition:transform .3s ease,box-shadow .3s ease;color:#333;text-align:left}.project-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 10px 30px #0000004d}.project-card h3{margin:0 0 .5rem;font-size:1.4rem;color:indigo}.project-card p{font-size:1rem;margin-bottom:1rem;color:#555;min-height:3rem}.project-buttons{display:flex;justify-content:start;gap:1rem}.project-btn{text-decoration:none;background-color:#7e57c2;color:#fff;padding:.5rem 1.2rem;border-radius:8px;font-weight:700;transition:background-color .3s ease}.project-btn:hover{background-color:#5e35b1}.demo-btn{background-color:#26a69a}.demo-btn:hover{background-color:#00897b}