*{box-sizing:border-box;margin:0;padding:0}.navbar{align-items:center;background:#0f172a;display:flex;justify-content:space-between;padding:20px 80px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo h2{color:#38bdf8;cursor:pointer;font-size:30px}.nav-links{display:flex;gap:35px;list-style:none}.nav-links a{color:#fff;font-size:18px;font-weight:500;text-decoration:none;transition:.3s}.nav-links a.active,.nav-links a:hover{color:#38bdf8}.hire-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 25px;transition:.3s}.hire-btn:hover{background:#1d4ed8}.menu-icon{color:#fff;cursor:pointer;display:none;font-size:25px}@media(max-width:768px){.hire-btn,.nav-links{display:none}.menu-icon{display:block}.navbar{padding:20px}}.hero{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;display:flex;gap:60px;justify-content:space-between;min-height:90vh;padding:60px 8%}.hero-left{flex:1 1}.hello{font-size:20px;margin-bottom:10px}.hero-left h1{font-size:55px;margin-bottom:15px}.hero-left h2{color:#38bdf8;font-size:30px;margin-bottom:20px}.hero-text{color:#d1d5db;line-height:1.8;max-width:550px}.hero-buttons{display:flex;gap:20px;margin-top:30px}.hire-btn,.resume-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:14px 28px}.hire-btn{background:#2563eb;color:#fff}.resume-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#2563eb;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:14px 28px;text-decoration:none}.social-icons{display:flex;gap:20px;margin-top:30px}.social-icons a{color:#fff;font-size:30px;transition:.3s}.social-icons a:hover{color:#38bdf8}.hero-right{display:flex;flex:1 1;justify-content:center}.hero-right img{border:6px solid #38bdf8;border-radius:50%;height:380px;object-fit:cover;width:380px}@media(max-width:768px){.hero{flex-direction:column-reverse;padding:40px 20px;text-align:center}.hero-left h1{font-size:38px}.hero-left h2{font-size:24px}.hero-buttons{flex-wrap:wrap}.hero-buttons,.social-icons{justify-content:center}.hero-right img{height:260px;width:260px}}.about{background:#f8fafc;box-sizing:border-box;min-height:100vh;padding:100px 8%}.about-heading{margin-bottom:70px;text-align:center}.section-subtitle{color:#2563eb;font-size:14px;font-weight:700;letter-spacing:3px;margin:0 0 10px;text-transform:uppercase}.about-heading h2{color:#0f172a;font-size:46px;font-weight:700;margin:0}.heading-line{background:#2563eb;border-radius:20px;height:4px;margin:18px auto 0;width:65px}.about-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.1fr .9fr;margin:auto;max-width:1150px}.about-text{max-width:600px}.about-intro{color:#64748b;font-size:17px;margin:0 0 5px}.about-text h3{color:#0f172a;font-size:40px;font-weight:700;margin:0}.about-text h3 span{color:#2563eb}.about-text h4{color:#475569;font-size:21px;font-weight:500;margin:10px 0 25px}.about-text>p:not(.about-intro){color:#64748b;font-size:16px;line-height:1.8;margin-bottom:18px}.about-btn{align-items:center;background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;margin-top:15px;padding:14px 24px;transition:all .3s ease}.about-btn:hover{background:#1d4ed8;box-shadow:0 10px 25px #2563eb40;transform:translateY(-3px)}.about-btn svg{transition:transform .3s ease}.about-btn:hover svg{transform:translateX(4px)}.about-highlights{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.highlight-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 25px #0f172a0f;box-sizing:border-box;display:flex;gap:18px;min-height:130px;padding:25px;transition:all .3s ease}.highlight-card:hover{border-color:#bfdbfe;box-shadow:0 18px 35px #0f172a1a;transform:translateY(-7px)}.highlight-icon{align-items:center;background:#eff6ff;border-radius:14px;color:#2563eb;display:flex;flex-shrink:0;font-size:23px;height:52px;justify-content:center;width:52px}.highlight-card:hover .highlight-icon{background:#2563eb;color:#fff}.highlight-content h3{color:#0f172a;font-size:17px;margin:0 0 7px}.highlight-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.about-stats{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 25px #0f172a0f;display:grid;grid-template-columns:repeat(3,1fr);margin:80px auto 0;max-width:900px;padding:30px 20px}.stat{border-right:1px solid #e2e8f0;text-align:center}.stat:last-child{border-right:none}.stat h3{color:#2563eb;font-size:32px;margin:0}.stat p{color:#64748b;font-size:14px;margin:7px 0 0}@media (max-width:900px){.about{padding:80px 6%}.about-content{gap:50px;grid-template-columns:1fr}.about-text{max-width:100%;text-align:center}.about-btn{margin-left:auto;margin-right:auto}}@media (max-width:600px){.about{padding:70px 5%}.about-heading{margin-bottom:50px}.about-heading h2{font-size:34px}.section-subtitle{font-size:12px;letter-spacing:2px}.about-text h3{font-size:30px}.about-text h4{font-size:18px}.about-text>p:not(.about-intro){font-size:15px;line-height:1.7}.about-highlights{grid-template-columns:1fr}.highlight-card{min-height:100px}.about-stats{gap:25px;grid-template-columns:1fr;padding:25px}.stat{border-bottom:1px solid #e2e8f0;border-right:none;padding-bottom:20px}.stat:last-child{border-bottom:none;padding-bottom:0}}.skills{background:#f8fafc;box-sizing:border-box;min-height:100vh;padding:100px 8%}.skills-heading{margin:0 auto 60px;max-width:750px;text-align:center}.skills-subtitle{color:#2563eb;font-size:13px;font-weight:700;letter-spacing:3px;margin:0 0 10px;text-transform:uppercase}.skills-heading h2{color:#0f172a;font-size:46px;font-weight:700;margin:0}.skills-line{background:#2563eb;border-radius:20px;height:4px;margin:18px auto;width:65px}.skills-description{color:#64748b;font-size:16px;line-height:1.7;margin-top:20px}.skills-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin:auto;max-width:1100px}.skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 25px #0f172a0d;padding:25px;transition:all .3s ease}.skill-card:hover{border-color:#bfdbfe;box-shadow:0 15px 35px #0f172a1a;transform:translateY(-6px)}.skill-header{justify-content:space-between;margin-bottom:20px}.skill-header,.skill-info{align-items:center;display:flex}.skill-info{gap:15px}.skill-icon{align-items:center;background:#eff6ff;border-radius:12px;color:#2563eb;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.skill-card:hover .skill-icon{background:#2563eb;color:#fff}.skill-info h3{color:#0f172a;font-size:17px;margin:0 0 5px}.skill-info p{color:#94a3b8;font-size:13px;margin:0}.percentage{color:#2563eb;font-size:16px;font-weight:700}.progress-background{background:#e2e8f0;border-radius:20px;height:8px;overflow:hidden;width:100%}.progress{background:#2563eb;border-radius:20px;height:100%;transition:width 1s ease}.skills-footer{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 25px #0f172a0d;margin:70px auto 0;max-width:800px;padding:35px;text-align:center}.skills-footer h3{color:#0f172a;font-size:22px;margin:0 0 10px}.skills-footer p{color:#64748b;font-size:15px;line-height:1.7;margin:0}@media (max-width:800px){.skills{padding:80px 6%}.skills-container{grid-template-columns:1fr}}@media (max-width:500px){.skills{padding:70px 5%}.skills-heading h2{font-size:35px}.skills-subtitle{font-size:11px;letter-spacing:2px}.skills-description{font-size:14px}.skill-card{padding:20px}.skill-icon{font-size:21px;height:45px;width:45px}.skill-info h3{font-size:15px}.percentage{font-size:14px}.skills-footer{padding:25px}}.projects{background:#f8fafc;padding:80px 8%}.projects h2{color:#0f172a;font-size:42px;margin-bottom:50px;text-align:center}.project-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{background:#fff;border-radius:15px;box-shadow:0 8px 20px #0000001a;overflow:hidden;transition:.4s}.project-card:hover{box-shadow:0 15px 35px #2563eb40;transform:translateY(-10px)}.project-card img{height:220px;object-fit:cover;width:100%}.project-card h3{color:#0f172a;font-size:24px;padding:20px 20px 10px}.project-card p{color:#64748b;line-height:1.6;min-height:80px;padding:0 20px}.buttons{display:flex;gap:10px;justify-content:space-between;padding:20px}.buttons a{background:#2563eb;border-radius:8px;color:#fff;flex:1 1;font-size:15px;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:.3s}.buttons a:hover{background:#1d4ed8}@media (max-width:768px){.project-card h3{font-size:20px}.buttons{flex-direction:column}.buttons a{width:100%}}.contact{background:#f8fafc;padding:80px 8%}.contact h2{color:#0f172a;font-size:40px;margin-bottom:50px;text-align:center}.contact-container{display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between}.contact-info{flex:1 1;min-width:300px}.contact-info h3{color:#2563eb;margin-bottom:20px}.contact-info p{align-items:center;color:#475569;display:flex;font-size:18px;gap:12px;margin-bottom:20px}.social-links{margin-top:30px}.social-links a{color:#2563eb;font-size:28px;margin-right:20px;transition:.3s}.social-links a:hover{color:#1d4ed8}.contact-form{flex:1 1;min-width:300px}.contact-form input,.contact-form textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;padding:15px;width:100%}.contact-form button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:15px 30px;transition:.3s}.contact-form button:hover{background:#1d4ed8}@media (max-width:768px){.contact-container{flex-direction:column}}.footer{background:#0f172a;color:#fff;padding:50px 20px;text-align:center}.footer h2{color:#38bdf8;font-size:32px}.footer p{margin:15px 0}.footer-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:25px 0}.footer-links a{color:#fff;text-decoration:none;transition:.3s}.footer-links a:hover{color:#38bdf8}.footer-icons{display:flex;gap:25px;justify-content:center;margin:25px 0}.footer-icons a{color:#fff;font-size:28px;transition:.3s}.footer-icons a:hover{color:#38bdf8}.top-btn{background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:50px;margin-top:20px;transition:.3s;width:50px}.top-btn:hover{background:#1d4ed8}.copyright{color:#cbd5e1;font-size:15px;margin-top:30px}.project-details{margin:50px auto;max-width:900px;padding:20px}.project-details img{border-radius:10px;width:100%}.project-details h1{color:#0f172a;margin:20px 0}.project-details p{color:#555;line-height:1.8}.project-details ul{margin:20px 0;padding-left:20px}.project-details li{margin-bottom:10px}.links{display:flex;gap:20px;margin-top:30px}.links a{background:#2563eb;border-radius:8px;color:#fff;padding:12px 25px;text-decoration:none}
/*# sourceMappingURL=main.bc5d48cd.css.map*/