*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}nav{z-index:1000;box-sizing:border-box;background:#0f172a;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;width:100%;padding:20px 8%;display:flex;position:fixed;top:0;left:0}nav a{color:#fff;text-decoration:none;transition:all .3s}nav a:hover{color:#f60}nav h2{color:#f60;font-size:26px}nav ul{gap:30px;list-style:none;display:flex}nav li{cursor:pointer;transition:all .3s}nav a{color:#fff;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;transition:color .3s}nav a:visited,nav a:focus,nav a:active{color:#fff;outline:none}@media (hover:hover){nav a:hover{color:#f60}}.about{text-align:center;padding:80px 8%}.about h2{color:#f60;margin-bottom:25px;font-size:40px}.about p{max-width:800px;margin:auto;font-size:18px;line-height:1.8}.skills{text-align:center;padding:80px 8%}.skills h2{color:#f60;margin-bottom:40px;font-size:40px}.skills-container{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.skill-card{background:#1e293b;border-radius:15px;padding:30px;font-size:20px;transition:all .3s}.skill-card:hover{border:1px solid #f60;transform:translateY(-8px)}.projects{text-align:center;padding:80px 8%}.projects h2{color:#f60;margin-bottom:40px;font-size:40px}.projects-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1000px;margin:0 auto;display:grid}.project-card{text-align:left;background:#1e293b;border-radius:15px;padding:30px}.project-card h3{margin-bottom:15px;font-size:25px}.project-card p{margin-bottom:20px;line-height:1.6}.project-card span{color:#f60}.project-buttons{gap:20px;margin-top:25px;display:flex}.project-buttons a{border-radius:30px;padding:12px 25px;font-size:16px;text-decoration:none;transition:all .3s;display:inline-block}.project-buttons a:first-child{color:#fff;background:#ff66001f;border:1px solid #f60}.project-buttons a:last-child{color:#fff;background:0 0;border:1px solid #f60}.project-buttons a:hover{transform:translateY(-3px)}.projects-fiverr{text-align:center;margin-top:50px}.projects-fiverr p{margin-bottom:15px;font-size:18px}.projects-fiverr a{color:#fff;background:0 0;border:1px solid #f60;border-radius:30px;padding:12px 25px;font-size:16px;text-decoration:none;transition:all .3s;display:inline-block}.projects-fiverr a:hover{background:#ff66001f;transform:translateY(-3px)}.contact{text-align:center;padding:80px 8%}.contact h2{color:#f60;margin-bottom:20px;font-size:40px}.contact p{font-size:18px;line-height:1.6}.contact-info{flex-wrap:wrap;justify-content:center;gap:15px;margin:40px 0;display:flex}.contact-pill{background:0 0;border:1px solid #f60;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:all .3s;display:flex;color:#fff!important}.contact-pill:hover{background:#ff66001f;color:#fff!important}.contact-info p{margin:15px 0}.contact button{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:30px;padding:12px 30px;font-size:16px}.contact-pill,.contact-pill:hover,.contact-pill:visited{text-decoration:none!important}.send-button{background:0 0;border:1px solid #f60;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:14px 35px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex;color:#fff!important;text-decoration:none!important}.send-button svg{color:#fff;font-size:22px}.send-button:hover{background:#ff66001f}.footer{color:#fff;background:#111827;padding:50px 8% 20px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer-brand{max-width:350px}.footer-brand h2{color:#f60}.footer-links,.footer-social{flex-direction:column;gap:12px;display:flex}.footer-links h3,.footer-social h3{margin-bottom:10px}.footer a{color:#d1d5db;text-decoration:none;transition:all .3s}.footer a:hover{color:#f60}.social-icons{gap:20px;font-size:25px;display:flex}.social-icons img{filter:brightness(0)invert();width:25px;height:25px;display:block}.social-icons a:hover img{filter:invert(48%)sepia(99%)saturate(3000%)hue-rotate(5deg)brightness(105%)contrast(105%)}.footer-bottom{text-align:center;color:#9ca3af;border-top:1px solid #374151;margin-top:40px;padding-top:20px}@media (width<=768px){.footer-container{flex-direction:column}}.hero{align-items:center;min-height:80vh;padding:100px 8% 0;display:flex}.hero-text{max-width:600px}.hero h1{margin-bottom:15px;font-size:55px}.hero h2{margin-bottom:20px;font-size:32px}.hero p{font-size:18px;line-height:1.6}.hero-buttons{gap:20px;margin-top:30px;display:flex}.hero-buttons button{cursor:pointer;border:none;border-radius:30px;padding:12px 25px;font-size:16px}.hero-buttons button:first-child{color:#fff;background:#ff66001f;border:1px solid #f60}.hero-buttons button:last-child{color:#fff;background:0 0;border:1px solid #f60}.hero-buttons button:hover{transform:translateY(-3px)}.hero{justify-content:space-between;gap:50px}.hero-image{justify-content:center;align-items:center;display:flex}.hero-image img{object-fit:cover;border:5px solid #f60;border-radius:50%;width:350px;height:350px;animation:4s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}html{scroll-behavior:smooth}.hero-buttons a{text-decoration:none}.typing{color:#f60}.availability{color:#fff;background:#ff66001a;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.availability-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.8s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.hero p{max-width:550px;margin-top:20px;font-size:18px;line-height:1.7}@media (width<=768px){.hero{text-align:center;flex-direction:column-reverse;gap:35px;min-height:auto;padding:40px 20px 60px}.hero-text{max-width:100%}.hero h1{margin-bottom:12px;font-size:34px;line-height:1.2}.hero h2{margin-bottom:15px;font-size:22px;line-height:1.3}.hero p{margin-top:15px;font-size:16px;line-height:1.6}.availability{padding:7px 15px;font-size:13px}.hero-buttons{flex-direction:column;align-items:center;gap:15px;margin-top:25px}.hero-buttons button{width:100%;max-width:280px;padding:12px 20px;font-size:15px}.hero-image img{border-width:4px;width:220px;height:220px}}@media (width<=400px){.hero{padding:30px 15px 50px}.hero h1{font-size:30px}.hero h2{font-size:20px}.hero p{font-size:15px}.hero-image img{width:190px;height:190px}}@media (width<=768px){nav{flex-direction:column;gap:10px;padding:15px 20px}nav h2{font-size:24px}nav ul{flex-wrap:wrap;justify-content:center;gap:15px;padding:0;font-size:14px}.skills,.projects,.contact,.about{padding:50px 20px}.skills h2,.projects h2,.contact h2,.about h2{font-size:32px}.skills-container{grid-template-columns:1fr;gap:20px}.skill-card{padding:25px}.projects-container{grid-template-columns:1fr;gap:20px}.project-card{padding:25px}.project-card h3{font-size:22px}.project-buttons{flex-direction:column;gap:15px}.project-buttons a{text-align:center}.about p,.contact p{font-size:16px}.footer{padding:40px 20px 20px}.footer-container{text-align:center;align-items:center}.social-icons{justify-content:center}.hero{margin-top:150px}.contact-info{flex-direction:column;align-items:center}.contact-pill{justify-content:center;width:220px}section{scroll-margin-top:140px}}