*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#000;color:#fff}.navbar{position:fixed;top:0;width:100%;height:70px;padding:0 40px;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;z-index:1000}.logo-container{display:flex;align-items:center;gap:12px}.logo-circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#00e6e6,#07f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#000;box-shadow:0 0 15px #00e6e699}.logo-text{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.nav-links{list-style:none;display:flex;align-items:center;gap:14px}.nav-links a{text-decoration:none;padding:8px 18px;border-radius:22px;font-size:15px;font-weight:500;color:#00e6e6;background:#00e6e61f;border:1px solid rgba(0,230,230,.4);transition:all .3s ease}.nav-links a:hover{background:linear-gradient(135deg,#00e6e6,#07f);color:#000;box-shadow:0 0 15px #00e6e6b3;transform:translateY(-2px)}.home{min-height:100vh;padding:120px 80px;display:flex;align-items:center}.home-content{display:flex;align-items:center;gap:120px}.home-text{max-width:600px}.puppy-glow{width:350px;height:350px;border-radius:50%;padding:5px;background:linear-gradient(135deg,#00e6e6,#07f);animation:glow 3s infinite alternate;flex-shrink:0;box-shadow:0 10px 30px #17d8c199,0 0 25px #00e6e699}.puppy-glow img{box-shadow:inset 0 0 10px #0006}.puppy-glow img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#000}.home-title{font-size:42px;font-weight:700;margin-bottom:12px}.name-highlight{background:linear-gradient(135deg,#00e6e6,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Orbitron,sans-serif;letter-spacing:1px}.home-subtitle{font-size:20px;color:#ccc;margin-bottom:16px;font-weight:500}.home-desc{font-size:16px;line-height:1.7;color:#bfbfbf;margin-bottom:22px}.tags span{border:1px solid #00e6e6;padding:6px 14px;margin:6px 8px 0 0;border-radius:20px;display:inline-block;font-size:13px;background:#00e6e614;transition:transform .3s ease}.tags span:hover{transform:translateY(-3px)}@media(max-width:900px){.home-content{flex-direction:column;text-align:center;gap:40px}.home{padding:100px 20px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.puppy-glow{animation:glow 3s infinite alternate,float 6s ease-in-out infinite}.home-title:after{content:"";display:block;width:80px;height:3px;margin-top:10px;background:linear-gradient(90deg,#00e6e6,#07f);border-radius:10px}.home-text{background:#ffffff08;padding:28px 32px;border-radius:18px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tags span:hover{background:linear-gradient(135deg,#00e6e6,#07f);color:#000;box-shadow:0 0 12px #00e6e6cc}.typing-text{font-size:20px;font-weight:600;margin-bottom:16px;min-height:28px;background:linear-gradient(135deg,#00e6e6,#00bfff,#7cf3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cursor{display:inline-block;margin-left:4px;color:#00e6e6;animation:blink .9s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.section{padding:100px 60px}.skills span{background:#00e6e6;color:#000;padding:8px 14px;border-radius:20px;margin:6px;display:inline-block;font-size:14px}.section{padding:60px 20px;background-color:#0f172a}.section-title{text-align:center;font-size:2.2rem;color:#fff;margin-bottom:40px}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1100px;margin:auto}.project-card{background:#020617;border-radius:14px;padding:20px;color:#e5e7eb;box-shadow:0 10px 25px #0006;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #3b82f659}.project-card h3{margin-top:15px;margin-bottom:12px;color:#38bdf8}.project-card ul{padding-left:18px}.project-card li{margin-bottom:8px;line-height:1.5}.project-image{width:100%;height:180px;object-fit:cover;border-radius:10px}.project-image{width:100%;height:180px;object-fit:cover;border-radius:10px;margin-bottom:15px}.project-images img{width:100%;height:110px;object-fit:cover;border-radius:8px;transition:transform .3s ease}.project-images img:hover{transform:scale(1.05)}.contact-icons{margin-top:20px}.contact-icons p{margin:10px 0}.social-icons{margin-top:20px}.social-icons a{font-size:32px;margin-right:20px;color:#00e6e6;transition:transform .3s ease}.social-icons a:hover{transform:scale(1.2)}.section-title{text-align:center;font-size:36px;font-weight:700;margin-bottom:12px;color:#fff;position:relative;letter-spacing:1px}.section-title:after{content:"";display:block;width:90px;height:4px;margin:12px auto 0;background:linear-gradient(135deg,#00e6e6,#07f);border-radius:10px}.section-title{text-shadow:0 0 12px rgba(0,230,230,.35)}@media(max-width:768px){.home-content{flex-direction:column;text-align:center}.navbar ul{display:none}.home,.section{padding:80px 20px}.puppy-glow{width:180px;height:180px}}.about-list{margin:15px 0 25px;padding-left:20px}.about-list li{margin-bottom:10px;line-height:1.6}.section h3{margin-top:25px;margin-bottom:10px;color:#00e6e6}.resume-btn{margin-top:25px}.resume-btn .btn{display:inline-block;background:linear-gradient(45deg,#00e6e6,#07f);color:#000;padding:12px 28px;font-size:16px;font-weight:600;border-radius:30px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.resume-btn .btn:hover{transform:translateY(-3px);box-shadow:0 0 20px #00e6e6}.skills-wrapper{max-width:900px;margin:40px auto;padding:40px;border-radius:22px;position:relative;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 60px #0009;opacity:0;transform:translateY(40px);transition:all .8s ease}.skills-show{opacity:1;transform:translateY(0)}.skills-wrapper:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1.5px;background:linear-gradient(135deg,#00e6e6,#07f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.skill-header{width:100%;background:none;border:none;color:#00e6e6;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-top:30px}.skill-header h3{margin:0}.skill-header svg{transition:transform .3s ease}.skill-header svg.rotate{transform:rotate(180deg)}.skills-grid-wrapper{overflow:hidden;max-height:0;opacity:0;transition:max-height .6s ease,opacity .4s ease}.skills-grid-wrapper.open{max-height:1000px;opacity:1}.skills-grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.skill-card{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#ffffff0d;border:.6px solid rgba(255,255,255,.14);font-weight:600;font-size:14px;color:#fff;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:0 0 14px #00e6e659}.skill-card svg{font-size:18px;color:#00e6e6}.dots{display:flex;gap:4px;margin-left:6px}.dot{width:6px;height:6px;border-radius:50%;background:#333}.dot.filled{background:#00e6e6}@media(max-width:768px){.skills-wrapper{padding:28px 20px}}.skills-main-card{max-width:900px;margin:auto;padding:30px;border-radius:24px;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#00e6e6,#07f) border-box}.skill-row{border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0}.skill-row-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:18px;font-weight:600;color:#00e6e6}.skill-row-header svg{transition:transform .3s ease}.rotate{transform:rotate(180deg)}.skill-row-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.skill-row-content.open{max-height:300px;margin-top:14px}.skill-pills{display:flex;flex-wrap:wrap;gap:14px}.skill-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;font-size:14px;font-weight:500}.skill-pill svg{color:#00e6e6;font-size:18px}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.certificates-grid img{width:100%;border-radius:14px;box-shadow:0 10px 30px #0006;transition:transform .3s ease,box-shadow .3s ease}.certificates-grid img:hover{transform:scale(1.05);box-shadow:0 0 30px #00e6e680}.resume-viewer-wrapper{display:flex;justify-content:center;align-items:center;margin:30px 0}.resume-viewer{width:100%;max-width:500px;height:400px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;padding:14px;border-radius:16px;box-shadow:0 15px 35px #00000059}.resume-viewer iframe{width:100%;height:100%;border:none;background:#fff;border-radius:12px}@media(max-width:768px){.resume-viewer{max-width:95%;height:520px;padding:8px}}@media(max-width:480px){.resume-viewer{height:450px}}#resume{display:flex;flex-direction:column;align-items:center}#resume h2{margin-bottom:20px}.marquee-container{width:100%;overflow:hidden;background:linear-gradient(90deg,#00e6e614,#0077ff14);padding:14px 0;margin-top:70px;border-top:1px solid rgba(0,230,230,.3);border-bottom:1px solid rgba(0,230,230,.3)}.marquee{display:flex;width:fit-content;animation:scroll-left 20s linear infinite}.marquee span{white-space:nowrap;font-size:22px;font-weight:600;letter-spacing:2px;color:#00e6e6;text-transform:uppercase;padding-right:40px;text-shadow:0 0 8px rgba(0,230,230,.7)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee span{font-family:Orbitron,sans-serif}.contact-section{padding:100px 60px}.section-subtitle{text-align:center;color:#aaa;margin-bottom:50px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:auto}.contact-card{background:#ffffff0d;border-radius:18px;padding:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 40px #00000080}.contact-card h3{color:#ffd000;margin-bottom:12px}.contact-card p{color:#ccc;margin-bottom:24px;line-height:1.6}.contact-item{display:flex;align-items:center;gap:16px;background:#0006;padding:14px;border-radius:12px;margin-bottom:14px;transition:transform .3s ease}.contact-item:hover{transform:translateY(-4px)}.contact-item svg{font-size:22px;color:#00e6e6}.contact-item span{font-size:14px;color:#aaa}.contact-item.whatsapp svg{color:#25d366}.contact-form{display:flex;flex-direction:column}.contact-form label{margin:10px 0 6px;color:#ccc}.contact-form input,.contact-form textarea{background:#111;border:1px solid #333;border-radius:10px;padding:12px;color:#fff;margin-bottom:16px}.contact-form textarea{resize:none;min-height:120px}.contact-form button{background:#ffd000;color:#000;padding:14px;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:transform .3s ease}.contact-form button:hover{transform:scale(1.05)}@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-section{padding:80px 20px}}a{text-decoration:none}.footer{background:#000;color:#bfbfbf;padding:60px 40px 20px;margin-top:80px;position:relative;z-index:1}.footer-container{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:40px}.footer h2,.footer h3{color:#fff;margin-bottom:16px}.footer-left h2{font-size:24px}.footer p{font-size:15px;line-height:1.6}.footer-socials{margin-top:20px;display:flex;gap:16px}.footer-socials a{font-size:20px;color:#bfbfbf;transition:all .3s ease}.footer-socials a:hover{color:#00e6e6;transform:translateY(-3px)}.footer-middle ul{list-style:none;padding:0}.footer-middle li{margin-bottom:10px}.footer-middle a{color:#bfbfbf;text-decoration:none;transition:color .3s ease}.footer-middle a:hover{color:#00e6e6}.footer-contact p{display:flex;align-items:center;gap:10px;margin-top:12px}.footer-bottom{text-align:center;margin-top:40px;font-size:14px;color:#777;border-top:1px solid #222;padding-top:20px}@media(max-width:900px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-socials,.footer-contact p{justify-content:center}}.stars{position:fixed;inset:0;z-index:-2;background:#000;overflow:hidden}.stars:before,.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 80%,#fff,transparent),radial-gradient(1px 1px at 50% 40%,#fff,transparent),radial-gradient(1px 1px at 70% 60%,#fff,transparent),radial-gradient(1px 1px at 90% 10%,#fff,transparent),radial-gradient(1px 1px at 20% 50%,#fff,transparent),radial-gradient(1px 1px at 80% 90%,#fff,transparent);background-size:300px 300px;animation:starsMove 120s linear infinite}.stars:after{opacity:.4;background-size:500px 500px;animation-duration:200s}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-1000px)}}@keyframes twinkle{0%,to{opacity:.8}50%{opacity:1}}.stars:before{animation:starsMove 120s linear infinite,twinkle 4s ease-in-out infinite}