*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--accent:#c084fc;--accent2:#7c3aed;--text:#f1f1f6;--text-muted:#a0a0b8;--radius:16px;--max-w:1100px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.section-title{text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(600px 400px at 50% 30%,#c084fc1f,#0000 70%);position:absolute;inset:0}.hero__content{z-index:1;position:relative}.hero__avatar{object-fit:cover;border:3px solid var(--accent);border-radius:50%;width:180px;height:180px;margin-bottom:2rem;box-shadow:0 0 40px #c084fc4d}.hero__name{margin-bottom:.5rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero__name span{background:linear-gradient(135deg, var(--accent), #a78bfa, var(--accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__tagline{color:var(--text-muted);margin-bottom:2rem;font-size:clamp(1.1rem,2.5vw,1.5rem)}.hero__cta{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50px;padding:14px 40px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.hero__cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c084fc66}.about{background:var(--surface);padding:100px 0}.about__grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about__image{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.about__text h3{margin-bottom:1rem;font-size:1.5rem}.about__text p{color:var(--text-muted);margin-bottom:1rem;font-size:1.05rem}.about__text ul{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.about__text ul li{color:var(--accent);background:#c084fc26;border:1px solid #c084fc40;border-radius:20px;padding:6px 16px;font-size:.9rem}.portfolio{padding:100px 0}.portfolio__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.portfolio__card{background:var(--surface);border-radius:var(--radius);cursor:pointer;transition:transform .3s,box-shadow .3s;overflow:hidden}.portfolio__card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0006}.portfolio__card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.portfolio__card-body{padding:20px}.portfolio__card-body h4{margin-bottom:6px;font-size:1.1rem}.portfolio__card-body p{color:var(--text-muted);font-size:.9rem}.services{background:var(--surface);padding:100px 0}.services__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}.services__card{background:var(--bg);border-radius:var(--radius);text-align:center;border:1px solid #c084fc1a;padding:32px 24px;transition:border-color .3s,transform .3s}.services__card:hover{border-color:var(--accent);transform:translateY(-4px)}.services__card-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.services__card h4{margin-bottom:.5rem;font-size:1.15rem}.services__card p{color:var(--text-muted);font-size:.9rem}.contact{text-align:center;padding:100px 0}.contact p{color:var(--text-muted);max-width:500px;margin:0 auto 2rem}.contact__links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact__link{background:var(--surface);color:var(--text);border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.contact__link:hover{border-color:var(--accent);background:#c084fc26}footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;padding:30px 24px;font-size:.85rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent2);border-radius:4px}@media (max-width:768px){.about__grid{grid-template-columns:1fr;gap:40px}.about__image{max-height:300px}.portfolio__grid{grid-template-columns:1fr}.hero{padding:100px 24px 60px}}