*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background-color:#f4f4f4;display:flex;justify-content:center}body{margin:0;background-color:#071226;font-family:Segoe UI,sans-serif;color:#fff}.header{width:80vw;padding:25px 80px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo-text{font-family:Great Vibes,cursive;font-size:26px;letter-spacing:1px;transition:.3s ease}.logo-text:hover{color:#38bdf8;transform:scale(1.05)}.logo{display:flex;align-items:center;gap:10px;cursor:pointer}.logo img{height:40px;width:auto}.logo-text{font-size:22px;font-weight:700;transition:.3s ease}.logo-text:hover{color:#38bdf8}.nav{display:flex;gap:40px}.nav a{text-decoration:none;color:#cbd5e1;font-size:18px;position:relative;transition:.3s ease}.nav a:hover{color:#fff}.nav a:after{content:"";position:absolute;width:0%;height:2px;background:#38bdf8;left:0;bottom:-6px;transition:.3s ease}.nav a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer}.hamburger span{width:28px;height:3px;background:#fff;transition:.3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.header{padding:20px 30px}.nav{position:absolute;top:70px;right:30px;flex-direction:column;background:#0f172a;padding:25px 35px;border-radius:12px;gap:25px;display:none}.nav.active{display:flex;animation:slideDown .3s ease}.hamburger{display:flex}}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.hero{min-height:90vh;display:flex;align-items:center;padding:0 80px;background-color:#071226;color:#fff}.hero-content{max-width:700px}.hero-greet{font-size:22px;color:#38bdf8;margin-bottom:10px}.hero-name{font-size:60px;margin:0;font-weight:700}.hero-role{font-size:28px;margin:15px 0;color:#cbd5e1}.hero-desc{font-size:18px;line-height:1.6;color:#94a3b8;margin-bottom:30px}.hero-buttons{display:flex;gap:20px}.btn-primary{padding:12px 28px;background-color:#38bdf8;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s ease}.btn-primary:hover{background-color:#0ea5e9;transform:translateY(-3px)}.btn-secondary{padding:12px 28px;background:transparent;border:2px solid #38bdf8;color:#fff;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s ease}.btn-secondary:hover{background-color:#38bdf8;transform:translateY(-3px)}@media(max-width:768px){.hero{padding:0 30px;text-align:center}.hero-content{margin:auto}.hero-buttons{justify-content:center}.hero-name{font-size:42px}}.contact{padding:80px;background:#071226;color:#fff;text-align:center}.contact h2{font-size:32px;margin-bottom:30px}.contact-form{max-width:500px;margin:auto;display:flex;flex-direction:column;gap:20px}.contact-form input,.contact-form textarea{padding:12px;border-radius:6px;border:none;outline:none;font-size:16px}.contact-form textarea{min-height:120px}.contact-form button{padding:12px;background:#38bdf8;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:.3s}.contact-form button:hover{background:#0ea5e9}.status{margin-top:15px;font-weight:500;color:#38bdf8}.projects{padding:80px 10%;background:#0f172a;color:#fff;text-align:center}.projects h2{font-size:36px;margin-bottom:50px;position:relative}.projects h2:after{content:"";width:80px;height:3px;background:#38bdf8;display:block;margin:10px auto 0;border-radius:5px}.project-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.project-card{background:#1e293b;padding:30px;border-radius:16px;transition:all .4s ease;position:relative;overflow:hidden;border:1px solid transparent}.project-card:hover{transform:translateY(-10px);border:1px solid #38bdf8;box-shadow:0 15px 30px #38bdf833}.project-icon{font-size:45px;color:#38bdf8;margin-bottom:20px;transition:transform .4s ease}.project-card:hover .project-icon{transform:rotate(10deg) scale(1.1)}.project-card h3{font-size:22px;margin-bottom:15px}.project-card p{font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:20px}.tech{display:inline-block;padding:6px 12px;background:#334155;border-radius:20px;font-size:13px;color:#38bdf8}@media(max-width:768px){.projects{padding:60px 5%}.projects h2{font-size:28px}}.skills{padding:80px 10%;background:#0f172a;color:#fff;text-align:center}.skills h2{font-size:36px;margin-bottom:50px}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.skill-card{background:#1e293b;padding:30px;border-radius:16px;transition:.4s ease;border:1px solid transparent}.skill-card:hover{transform:translateY(-8px);border:1px solid #38bdf8;box-shadow:0 15px 30px #38bdf833}.skill-icon{font-size:40px;color:#38bdf8;margin-bottom:15px;transition:.3s ease}.skill-card:hover .skill-icon{transform:scale(1.2)}.skill-card h3{font-size:20px;margin-bottom:10px}.skill-card p{font-size:14px;color:#cbd5e1;line-height:1.6}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);padding:60px 10%;text-align:center;color:#fff}.footer-logo{font-size:32px;font-weight:700;margin-bottom:10px;letter-spacing:2px}.footer-tagline{font-size:14px;color:#cbd5e1;margin-bottom:30px}.social-icons{display:flex;justify-content:center;gap:25px;margin-bottom:30px}.social-icons a{font-size:22px;color:#38bdf8;background:#1e293b;padding:12px;border-radius:50%;transition:.4s ease}.social-icons a:hover{background:#38bdf8;color:#0f172a;transform:translateY(-6px) scale(1.1);box-shadow:0 10px 20px #38bdf866}.footer-copy{font-size:13px;color:#94a3b8}