:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}a{text-decoration:none;color:#fff}.header{height:100px;width:100vw;background:linear-gradient(135deg,#0f172a,#1d4ed8);display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:99;box-shadow:0 10px 30px #0f172a33}.header .left-head{display:flex;align-items:center;gap:10px;margin-left:20px;width:33vw}.left-head img{height:80px;width:auto}.header .right-head{color:#fff;display:flex;align-items:center;justify-content:center;margin-right:20px;gap:10px}.right-head ul{display:flex;list-style:none;gap:20px;margin:0;padding:0}.right-head ul a{text-decoration:none;color:#e0f2fe;font-weight:700}.right-head ul a:hover{color:#a78bfa}.right-head ul li{text-decoration:none;cursor:pointer}@media (max-width: 380px){.right-head ul{gap:5px}}:root{--bg-left: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);--bg-right: linear-gradient(135deg, #dbeafe 0%, #e0f2fe 100%);--accent: #7c3aed;--accent-2: #22c55e;--muted: #dbeafe;--text-dark: #08111a;--card-bg: #ffffff;--gap: 28px;--max-width: 1200px;--radius: 18px;--page-padding: 24px;--header-height: 80px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.home-mainDiv{background:linear-gradient(180deg,#f8fbff,#eef4ff)}.main-div{width:100vw;display:flex;margin-top:90px;background:transparent}.left-div,.right-div{flex:1 1 0;min-height:calc(100vh - var(--header-height));padding:36px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:18px;border-radius:var(--radius);box-shadow:0 10px 30px #02061714}.left-div{background:var(--bg-left);color:#fff;padding:48px 36px}.right-div{background:var(--bg-right);color:var(--text-dark);padding:36px;align-items:center}.left-div h1{font-size:clamp(2rem,3.6vw,3rem);margin:0;line-height:1.05}.left-div h2{font-size:clamp(1.05rem,1.8vw,1.3rem);margin:0;color:#bfdbfe}.left-div p{color:#ffffffeb;line-height:1.7;margin:0;max-width:60ch}.left-div ul{padding-left:24px;margin:0;color:#dbeafe}.left-div li{margin:8px 0}.highlight{color:#a78bfa;font-weight:800;background:#ffffff14;padding:2px 8px;border-radius:8px}.tech-info{margin-top:18px;color:#e0f2fe;font-weight:600}.img-bckg{width:min(360px,80%);aspect-ratio:1/1;border-radius:999px;background:#ffffffb8;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 30px #0206171f;transform:translateY(0);transition:transform .35s ease,box-shadow .25s ease}.img-bckg img{width:85%;height:85%;object-fit:cover;display:block;border-radius:50%;transition:transform .5s ease}.img-bckg:hover{transform:translateY(-6px) rotate(-2deg);box-shadow:0 20px 60px #02061726}.img-bckg:hover img{transform:scale(1.04)}.right-div>strong,.right-div p{margin:8px 0 0;color:#0f172a;font-weight:700}.section-wrapper{width:100%;max-width:var(--max-width);margin:28px auto;padding:0 var(--page-padding);box-sizing:border-box}@media (max-width: 980px){.main-div{gap:18px;padding:18px}.left-div,.right-div{min-height:auto;padding:28px}}@media (max-width: 720px){.main-div{flex-direction:column-reverse;align-items:stretch;margin-top:97px}.left-div,.right-div{width:100%;border-radius:12px;padding:20px}.img-bckg{width:180px;aspect-ratio:1/1;margin:0 auto}.left-div p{max-width:100%}}@media (max-width: 420px){:root{--page-padding: 14px;--gap: 14px}.left-div h1{font-size:1.7rem}.left-div h2{font-size:1rem}.img-bckg{width:160px}}@media print{.img-bckg,.main-div,.left-div,.right-div{box-shadow:none}.img-bckg img{max-width:100%}}.service-page{min-height:100vh;padding:40px 20px;background:linear-gradient(180deg,#f8fbff,#eef4ff);display:flex;align-items:center;justify-content:center;color:#0f172a}.service-page .container{width:100%;max-width:980px;background:#fff;padding:36px;border-radius:18px;box-shadow:0 12px 34px #0f172a1f}.service-page h1{font-size:2rem;margin:0 0 10px;color:#061029}.service-page p{color:#334155;line-height:1.6;margin-bottom:20px}.services-list{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}.services-list li{background:linear-gradient(135deg,#dbeafe,#e0f2fe);padding:14px 16px;border-radius:10px;color:#0b1220;font-weight:600;box-shadow:inset 0 1px #fffc}.services-list li:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2563eb33}.about-page{min-height:calc(100vh - 80px);padding:40px 20px;background:linear-gradient(180deg,#f8fbff,#eef4ff);color:#0f172a;display:flex;justify-content:center;align-items:flex-start}.about-page .container{width:100%;max-width:980px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 12px 34px #0f172a1f}.profile{display:flex;gap:20px;align-items:center;margin-bottom:18px}.profile img{width:120px;height:120px;object-fit:cover;border-radius:12px;box-shadow:0 6px 18px #02061714}.bio h1{margin:0 0 8px;font-size:1.6rem}.bio p{margin:0;color:#334155;line-height:1.6}.skills{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:10px 0 18px}.skills li{background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#0b1220;padding:8px 12px;border-radius:10px;font-weight:700}.skills li:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2563eb2e}.cta{margin-top:18px}.btn{display:inline-block;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}@media (max-width: 640px){.profile{flex-direction:column;text-align:center}.profile img{width:100px;height:100px}}.contact-page{min-height:100vh;padding:40px 20px;background:linear-gradient(180deg,#f8fbff,#eef4ff);display:flex;align-items:center;justify-content:center;color:#0f172a}.contact-page .container{width:100%;max-width:980px;background:#fff;padding:36px;border-radius:18px;box-shadow:0 12px 34px #0f172a1f;display:flex;flex-direction:column;align-items:center}.contact-page h1{font-size:2rem;margin:0 0 10px;color:#061029}.cta{margin-top:18px;display:flex;text-align:center;flex-direction:column;gap:7px}.cta .btn{display:inline-block;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:700;transition:transform .15s ease,box-shadow .15s ease}.cta .btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1d4ed859}@media (max-width: 640px){.service-page .container{padding:20px;border-radius:8px}.service-page h1{font-size:1.5rem}}