*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}:root{--bg: #1c1c1c;--panel: #333;--muted: #1b1b1b;--accent: #ff9900;--text: #ffffff}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.5;scroll-behavior:smooth}main{padding-top:72px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.navbar{width:100%;background:#111;color:var(--text);position:fixed;top:0;left:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.03)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem}.logo{font-size:1.4rem;font-weight:800;letter-spacing:1px}.hamburger{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1100}.hamburger span{height:3px;width:100%;background:#fff;border-radius:2px;transition:all .25s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.side-nav{position:fixed;top:0;left:-260px;width:260px;height:100vh;background:var(--muted);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.75rem;transition:left .28s cubic-bezier(.2,.9,.2,1);z-index:1050;box-shadow:2px 0 12px #0009}.side-nav.open{left:0}.side-nav ul{list-style:none;padding:0;margin:0;width:100%;text-align:center}.side-nav li{margin:.5rem 0}.side-nav a{color:#fff;font-size:1.05rem;display:block;padding:.75rem 1rem}.side-nav a:hover{color:var(--accent);background:#ffffff08;border-radius:6px}.overlay{position:fixed;inset:0;background:#0000;pointer-events:none;transition:background .25s ease;z-index:1040}.overlay.visible{background:#00000073;pointer-events:auto}section{padding:4rem 2rem}h2{text-align:center;margin-bottom:2rem}.home-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.home-text{flex:1;min-width:300px}.home-text h1{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 5px #fff,0 0 10px #ff9900,0 0 20px #ff9900,0 0 40px #ff9900,0 0 80px #ff9900;animation:glow 2s ease-in-out infinite alternate}.home-text p{color:#ccc;font-size:1.1rem;margin-top:.5rem;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#f90,#f90);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200%}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.home-image img{width:300px;height:300px;border-radius:50%;object-fit:cover;display:block;margin:0 auto}.portfolio-cards{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.portfolio .card{transition:all .3s ease;cursor:pointer;border:2px solid transparent;border-radius:12px}.portfolio .card:hover{transform:translateY(-6px) scale(1.04);border-color:gold;box-shadow:0 0 20px #ffd70099}.card{border:1px solid rgba(255,255,255,.08);background:#ffffff03;padding:1rem;margin:1rem;max-width:300px;text-align:center;border-radius:8px}.card a{color:#fff;text-decoration:none}.card img{width:100%;height:auto;border-radius:6px}.flexibility-card img{height:220px}.view-more{display:block;text-align:center;margin-top:1rem;color:var(--accent);font-weight:700}.about-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.about-image img{max-width:350px;border-radius:10px;margin-right:2rem}.about-text{flex:1;text-align:justify}.services,.skills,.testimonials{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.service-card,.skill-card,.testimonial-card{border:1px solid rgba(255,255,255,.08);padding:1rem;margin:1rem;max-width:300px;text-align:center;border-radius:8px}.service-card{position:relative;border:2px solid transparent;border-radius:15px;padding:1.5rem;background-color:#1c1c1c;color:#fff;text-align:center;overflow:hidden;z-index:1;transition:transform .3s ease}.service-card:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(45deg,#f90,#f0f,#f90);background-size:400%;border-radius:15px;filter:blur(4px);animation:borderGlow 5s linear infinite}@keyframes borderGlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.service-card:hover{transform:scale(1.05)}.skill-card{position:relative;background-color:#1c1c1c;color:#fff;text-align:center;padding:1.5rem;border-radius:12px;border:2px solid transparent;box-shadow:0 0 10px #ff99004d;transition:box-shadow .4s ease,transform .3s ease}.skill-card:hover{transform:translateY(-5px);animation:softGlow 2s ease-in-out infinite}.testimonial-card{position:relative;background-color:#1c1c1c;color:#fff;text-align:center;padding:1.5rem;border-radius:12px;border:2px solid transparent;box-shadow:0 0 10px #ff99004d;transition:box-shadow .4s ease,transform .3s ease}@keyframes softGlow{0%{box-shadow:0 0 10px #ff99004d,0 0 20px #f903}50%{box-shadow:0 0 20px #f909,0 0 40px #ff99004d}to{box-shadow:0 0 10px #ff99004d,0 0 20px #f903}}.testimonial-card:hover{transform:translateY(-5px);animation:softGlow 2s ease-in-out infinite}#add-testimonial{padding:2rem;background-color:var(--bg);max-width:600px;margin:2rem auto;border-radius:10px}#testimonial-form input,#testimonial-form textarea{width:100%;margin-bottom:1rem;padding:.75rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--text)}#testimonial-form button{padding:.5rem 1rem;background-color:var(--panel);color:#fff;border:none;cursor:pointer;border-radius:6px}.contact-section form{max-width:500px;margin:0 auto;display:flex;flex-direction:column}.contact-section input,.contact-section textarea{padding:.8rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#ffffff05;color:var(--text)}.contact-section button{padding:1rem;background-color:var(--panel);color:#fff;border:none;cursor:pointer;border-radius:6px}.contact-section button:hover{background-color:var(--accent)}footer{background-color:#333;color:#fff;text-align:center;padding:2rem 1rem}.footer-social{margin-bottom:1rem}.footer-social a{margin:0 .75rem;color:#fff;font-size:1.8rem;transition:color .3s}.footer-social a:hover{color:#f90}@media (max-width: 800px){.home-image img{width:220px;height:220px}.about-image img{max-width:220px}.card{max-width:100%}.side-nav{width:220px}}