.main{background-color:#0e0c1d;color:#fff;font-family:Segoe UI,sans-serif;margin:0;padding:0 0 80px;min-height:100vh}.container{display:flex;gap:60px;max-width:1100px;padding:60px 40px;margin:auto;flex-wrap:wrap;justify-content:center;align-items:center}.text-section{max-width:550px}.text-section h1{font-size:4rem;margin-bottom:20px}.text-section p{font-size:1.1rem;line-height:1.6;color:#ccc;margin-bottom:24px}.skills{display:flex;flex-wrap:wrap;gap:10px;font-size:.95rem;margin-bottom:30px}.skills span{background:rgba(255,255,255,.05);padding:8px 14px;border-radius:20px;color:#ccc;font-weight:500;transition:background .3s}.skills span:hover{background:rgba(155,77,144,.2);color:#fff}.image-section{display:flex;justify-content:center}.profile-pic{border-radius:50%;box-shadow:0 0 60px rgba(155,77,144,.2)}.services{background-color:#0e0c1d;padding:0 40px}.services-inner{max-width:900px;margin:0 auto;text-align:center}.services-inner h2{font-size:2.2rem;margin-bottom:10px}.subtitle{color:#bbb;font-size:1.1rem;margin-bottom:40px}.service-features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.feature{flex:1 1 260px;background-color:rgba(255,255,255,.02);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.feature h3{color:#cfa0d6;margin-bottom:10px}.feature p{color:#ccc;font-size:.95rem;line-height:1.5}.portfolio{margin-top:60px;margin-bottom:40px;text-align:center}.portfolio-title{font-size:1.8rem;margin-bottom:24px;color:#fff}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.portfolio-grid a{display:block;width:250px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:transform .3s ease}.portfolio-grid a:hover{transform:scale(1.03)}.portfolio-grid img{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.services-cta{margin-top:40px}.services-cta a{background-color:#9b4d90;color:white;padding:14px 32px;border-radius:6px;font-weight:700;text-decoration:none;box-shadow:0 3px 6px rgba(155,77,144,.5);transition:background .3s ease}.services-cta a:hover{background-color:#b863a7}@media (max-width:900px){.container{flex-direction:column-reverse;text-align:center;padding:30px 20px}.text-section h1{font-size:3rem}.image-section img{width:200px}.service-features{flex-direction:column}.services-inner h2{font-size:1.8rem}.subtitle{font-size:1rem}.services{padding:40px 20px}}