:root{--primary:#00b4d8;--primary-dark:#0077b6;--accent:#52b788;--bg-light:#f8f9fa;--text-dark:#2b2d42;--text-muted:#6c757d}*{margin:0;padding:0;box-sizing:border-box;font-family:'Quicksand',sans-serif}body{background:#fff;color:var(--text-dark);overflow-x:hidden;width:100%}nav{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:25px 8%;z-index:1000}.logo{font-size:24px;font-weight:700;color:var(--primary-dark);text-decoration:none;justify-self:start}.logo i{color:var(--accent);margin-right:8px}.nav-links{display:flex;list-style:none;justify-content:center;grid-column:2}.nav-links li{margin:0 20px}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px;transition:.3s;padding:5px 10px}.nav-links a:hover,.nav-links a.active{color:transparent;-webkit-text-stroke:1px var(--primary);text-shadow:0 0 8px rgba(0,180,216,.3)}.menu-toggle,.menu-close{display:none}footer{background:#1d3557;color:#f1faee;padding:60px 8% 30px;width:100%}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;margin-bottom:40px}.footer-box h3{font-size:20px;margin-bottom:20px;color:var(--primary)}.footer-box p,.footer-box ul{font-size:15px;line-height:1.8;color:#a8dadc;list-style:none}.footer-box ul li a{color:#a8dadc;text-decoration:none;transition:.3s}.footer-box ul li a:hover{color:var(--accent)}.footer-contact-list li{margin-bottom:12px;display:flex;align-items:center;gap:10px}.footer-contact-list i{color:var(--accent);width:20px}.footer-bottom{text-align:center;border-top:1px solid rgba(168,218,220,.2);padding-top:20px;font-size:14px;color:#a8dadc}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 8% 60px;background:linear-gradient(135deg,#e0f2fe 0%,#f0fdf4 100%)}.hero-text{max-width:550px}.hero-text h1{font-size:48px;color:var(--primary-dark);margin-bottom:20px;line-height:1.2}.hero-text p{font-size:18px;color:var(--text-muted);margin-bottom:30px;line-height:1.6}.btn{display:inline-block;padding:12px 30px;background:var(--primary);color:white;text-decoration:none;border-radius:30px;font-weight:600;box-shadow:0 4px 15px rgba(0,180,216,.3);transition:.3s}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,180,216,.5)}.hero-img{display:flex;justify-content:center;align-items:center}.hero-img img{width:100%;max-width:420px;height:auto;border-radius:50% 40% 60% 50%/40% 50% 50% 60%;box-shadow:0 15px 30px rgba(0,0,0,.1);animation:morphing 8s infinite ease-in-out}@keyframes morphing{0%{border-radius:50% 40% 60% 50%/40% 50% 50% 60%}50%{border-radius:40% 60% 50% 60%/50% 40% 60% 50%}100%{border-radius:50% 40% 60% 50%/40% 50% 50% 60%}}.services{padding:100px 8%;background:var(--bg-light);text-align:center}.section-title{font-size:36px;color:var(--primary-dark);margin-bottom:50px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.service-card{background:white;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.02);transition:.3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.service-card i{font-size:45px;color:var(--accent);margin-bottom:20px}.service-card h3{font-size:22px;margin-bottom:15px}.service-card p{color:var(--text-muted);line-height:1.6}.about-section{padding:150px 8% 80px;display:flex;align-items:center;gap:50px}.about-img,.about-content{flex:1}.about-img{display:flex;justify-content:center}.about-img img{width:100%;max-width:450px;height:auto;border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.08)}.about-content h2{font-size:36px;color:var(--primary-dark);margin-bottom:20px}.about-content p{font-size:17px;color:var(--text-muted);line-height:1.7;margin-bottom:20px}.skills-section{padding:80px 8%;background:var(--bg-light)}.skills-container{max-width:800px;margin:0 auto}.skill-bar{margin-bottom:25px}.skill-info{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:600}.bar-outer{width:100%;height:12px;background:#ddd;border-radius:10px;overflow:hidden}.bar-inner{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:10px}.portfolio-section{padding:150px 8% 100px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.portfolio-item{background:white;border-radius:15px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.05);transition:.3s}.portfolio-item:hover{transform:translateY(-8px)}.portfolio-img{height:220px;overflow:hidden}.portfolio-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.portfolio-item:hover .portfolio-img img{transform:scale(1.1)}.portfolio-info{padding:25px}.portfolio-info .tag{font-size:12px;background:#e0fdf4;color:var(--accent);padding:5px 12px;border-radius:20px;font-weight:700}.portfolio-info h3{margin:15px 0 10px;color:var(--text-dark)}.portfolio-info p{color:var(--text-muted);font-size:14px;line-height:1.6}@media(max-width:768px){nav{display:flex!important;justify-content:space-between;align-items:center;padding:20px 6%}.menu-toggle{display:block;font-size:26px;color:var(--primary-dark);cursor:pointer;z-index:1001;position:relative;margin-right:25px}.nav-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.4);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:.3s;padding:20px}.nav-popup-overlay.active{opacity:1;pointer-events:auto}.nav-links{position:relative;width:65%;max-width:280px;height:auto;padding:50px 20px 35px;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.2);flex-direction:column;align-items:center;gap:20px;grid-column:unset;transform:scale(.8);transition:.3s}.nav-popup-overlay.active .nav-links{transform:scale(1)}.menu-close{display:block;position:absolute;top:15px;right:20px;font-size:22px;color:var(--text-dark);cursor:pointer}.nav-links li{margin:0;width:100%;text-align:center}.nav-links a{font-size:18px;display:block;width:100%}.hero{flex-direction:column-reverse;text-align:center;justify-content:center;padding:100px 6% 40px;gap:30px}.hero-text h1{font-size:32px}.hero-text p{font-size:16px}.hero-img img{max-width:260px}.services{padding:60px 6%}.section-title{font-size:28px;margin-bottom:35px}.services-grid{grid-template-columns:1fr;gap:20px}.service-card{padding:30px 20px}.about-section{flex-direction:column;text-align:center;padding:100px 6% 40px;gap:30px}.about-img img{max-width:280px}.about-content h2{font-size:28px}.skills-section{padding:60px 6%}.portfolio-section{padding:100px 6% 40px}.portfolio-section h2{font-size:28px!important}.portfolio-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}footer{padding:40px 6% 20px}.footer-container{grid-template-columns:1fr;gap:30px}}