@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{color:#edf2ff;scroll-behavior:smooth;background:radial-gradient(at 20% 30%,#0b0f1f,#03050c);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111827;border-radius:10px}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px;box-shadow:inset 0 0 4px #60a5fa}header{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c18d9;border-bottom:1px solid #3b82f680;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 8px 28px #00000080}.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1920px;margin:0 auto;display:flex}.logo h1{color:#0000;letter-spacing:-.3px;text-shadow:0 0 6px #818cf84d;background:linear-gradient(135deg,#a5f3fc,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}nav{flex-wrap:wrap;gap:.75rem;display:flex}.nav-link{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#cbd5f0;letter-spacing:.2px;background:#1e293b99;border:1px solid #3b82f666;border-radius:60px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;box-shadow:0 1px 2px #0003}.nav-link:hover{color:#fff;background:#3b82f6;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 18px #3b82f666}.nav-link.active-nav{color:#fff;background:linear-gradient(95deg,#2563eb,#7c3aed);border-color:#c084fc;box-shadow:0 0 12px #7c3aed80}.main-grid{gap:3rem;max-width:1920px;margin:2rem auto;padding:0 3%;display:flex}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#0f172ad9;border:1px solid #60a5fa80;border-radius:2.5rem;flex:1.5;height:fit-content;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:100px;box-shadow:0 35px 50px -15px #0009,inset 0 0 20px #60a5fa1a}.profile-card:hover{border-color:#93c5fdcc;transform:translateY(-5px);box-shadow:0 45px 60px -15px #000000b3,inset 0 0 30px #60a5fa26}.profile-card img{object-fit:cover;background:linear-gradient(135deg,#3b82f6,#a855f7,#ec4899);border:none;border-radius:50%;width:240px;height:240px;margin:0 auto;padding:4px;transition:transform .4s;box-shadow:0 0 30px #3b82f666,0 25px 35px -12px #000}.profile-card img:hover{transform:scale(1.05)rotate(2deg)}.profile-name{color:#0000;letter-spacing:-.5px;text-shadow:0 4px 12px #facc1566;background:linear-gradient(120deg,#fde047,#facc15,#f59e0b);-webkit-background-clip:text;background-clip:text;margin-top:1.5rem;font-size:2.2rem;font-weight:900;animation:3s infinite alternate pulseGlow}@keyframes pulseGlow{0%{text-shadow:0 4px 12px #facc1566;filter:brightness()}to{text-shadow:0 4px 20px #facc15cc;filter:brightness(1.2)}}.profile-bio{color:#a5b4fc;margin-top:.8rem;font-size:1.05rem}.profile-tag{color:#93c5fd;background:#3b82f633;border-radius:40px;margin-top:1rem;padding:.4rem;font-size:.8rem}.freelance-banner{color:#a7f3d0;background:#10b98133;border:1px solid #10b981;border-radius:8px;margin-top:1rem;padding:.5rem;font-size:.85rem;font-weight:600}.location-info{color:#a5b4fc;margin-top:1rem;font-size:.8rem}.sections-stack{flex-direction:column;flex:2.5;gap:2rem;display:flex}.section-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border:1px solid #3b82f659;border-radius:2rem;padding:1.8rem;scroll-margin-top:90px;transition:all .25s;animation:.45s ease-out fadeUp;box-shadow:0 12px 28px -8px #0006}.section-card:hover{border-color:#60a5fa;box-shadow:0 18px 30px -12px #3b82f630}.section-title{color:#0000;background:linear-gradient(135deg,#e0f2fe,#a5f3fc,#c7d2fe);-webkit-background-clip:text;background-clip:text;border-left:4px solid #3b82f6;margin-bottom:1.2rem;padding-left:1rem;font-size:1.8rem;font-weight:700}.section-subtitle{color:#c7d2fe;margin:1.5rem 0 .5rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.project-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #33415580;border-radius:1.2rem;flex-direction:column;padding:1.2rem;transition:all .3s;display:flex}.project-card:hover{background:#0f172ae6;border-color:#60a5fa;transform:translateY(-5px);box-shadow:0 10px 20px -5px #0006,0 0 15px #3b82f633}.project-card img{object-fit:contain;background:#0b1120;border-radius:.8rem;width:100%;height:200px;margin-bottom:.8rem}.project-description-text{color:#94a3b8;margin-top:.5rem;font-size:.85rem;line-height:1.5}.tech-stack-row{flex-wrap:wrap;flex:1;gap:.4rem;margin-top:.8rem;margin-bottom:.8rem;display:flex}.tech-badge{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f64d;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.info-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.info-card{background:#1e293b66;border:1px solid #33415580;border-radius:12px;padding:1rem;transition:all .3s}.info-card:hover{background:#1e293bb3;border-color:#60a5fa;box-shadow:0 4px 12px #0003}.info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.8rem}.info-value{color:#f8fafc;font-size:1rem;font-weight:700}.project-description{color:#cbd5e1;margin-top:8px;font-size:.8rem}.project-link{color:#60a5fa;margin-top:6px;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-block}.skills,.skill-item{margin-bottom:1rem}.skill-name{justify-content:space-between;margin-bottom:5px;font-weight:600;display:flex}.progress-bg{background:#1e293b;border-radius:30px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6,#a855f7);border-radius:30px;width:0%;height:100%}.services-box{background:#1e293b80;border-left:4px solid #10b981;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem}.services-box h3{color:#c7d2fe;margin-bottom:.5rem}.services-box ul{color:#cbd5e1;font-size:.9rem;list-style-position:inside}.contact-form input,.contact-form textarea{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:1rem;width:100%;margin-bottom:1rem;padding:.8rem;font-family:inherit}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(95deg,#2563eb,#7c3aed);border:none;border-radius:2rem;width:100%;padding:.8rem 1.5rem;font-weight:700;transition:all .2s}.contact-form button:hover{transform:scale(.98);box-shadow:0 4px 12px #7c3aed80}.social-links{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.social-links a{color:#94a3b8;background:#1e293b;border:1px solid #3b82f640;border-radius:40px;padding:.5rem 1rem;font-size:.8rem;text-decoration:none;transition:all .2s}.social-links a:hover{color:#fff;background:#3b82f6;border-color:#60a5fa}footer{text-align:center;color:#94a3b8;background:#030712cc;border-top:1px solid #1e293b;margin-top:1rem;padding:1.5rem;font-size:.8rem}@media (max-width:768px){.main-grid{flex-direction:column;padding:0 1rem}.profile-card{margin-bottom:1rem;position:relative;top:0}.header-container{flex-direction:column;align-items:stretch;gap:.8rem}nav{flex-direction:column;align-items:stretch;gap:.6rem}.nav-link{text-align:center}.section-title{font-size:1.5rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.highlight-text{color:#facc15}.premium-text{color:#0000;background:linear-gradient(135deg,#e2e8f0,#94a3b8,#e2e8f0);-webkit-background-clip:text;background-clip:text;line-height:1.7}.erp-badge{color:#fff;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:4px;margin-left:.5rem;padding:.2rem .6rem;font-weight:700;display:inline-block;box-shadow:0 4px 10px #ef444466}.attractive-role{color:#0000;text-shadow:0 0 12px #60a5fa4d;background:linear-gradient(135deg,#60a5fa,#c084fc);-webkit-background-clip:text;background-clip:text;font-weight:800}.experience-item{border-radius:12px;padding:1rem;transition:all .3s}.experience-item:hover{background:#1e293b66;transform:translate(5px);box-shadow:-4px 0 #3b82f6}body.theme-emerald{color:#f0fdf4;background:radial-gradient(at 20% 30%,#064e3b,#022c22)}body.theme-emerald header{border-bottom:1px solid #10b98180}body.theme-emerald .nav-link:hover{color:#fff;background:#10b981;border-color:#34d399}body.theme-emerald .nav-link.active-nav{background:linear-gradient(95deg,#059669,#10b981);border-color:#34d399;box-shadow:0 0 12px #10b98180}body.theme-emerald .logo h1,body.theme-emerald .section-title{color:#0000;background:linear-gradient(135deg,#a7f3d0,#34d399,#10b981);-webkit-background-clip:text;background-clip:text}body.theme-emerald .profile-name{color:#0000;background:linear-gradient(120deg,#34d399,#a7f3d0);-webkit-background-clip:text;background-clip:text}body.theme-emerald .section-card:hover,body.theme-emerald .project-card:hover{border-color:#10b981}body.theme-emerald .progress-fill,body.theme-emerald .contact-form button{background:linear-gradient(90deg,#059669,#10b981)}body.theme-emerald .project-link,body.theme-emerald .highlight-text{color:#34d399}body.theme-emerald ::-webkit-scrollbar-thumb{background:#10b981}
