@import"https://fonts.googleapis.com/css?family=Roboto:700";body{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html{scroll-behavior:smooth}.navbar{transition:background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#212529f2!important;box-shadow:0 2px 8px #00000026}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00d4ff,#09f);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link.active{color:#00d4ff!important}.nav-link.active:after{width:100%}.navbar-brand{font-size:1.5rem;background:linear-gradient(90deg,#00d4ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}button{position:relative;padding:10px 20px;border-radius:7px;border:1px solid rgb(61,106,255);font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:2px;background:transparent;color:#fff;overflow:hidden;box-shadow:0 0 0 0 transparent;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}button:hover{background:#3d6aff;box-shadow:0 0 30px 5px #008eecd0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}button:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}button:before{content:"";display:block;width:0px;height:86%;position:absolute;top:7%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}button:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}.hero{position:relative;color:#e5e7eb;background:linear-gradient(-45deg,#1f2933,#273549,#2b3f5c,#1e344a);background-size:400% 400%;animation:gradient 6s ease infinite;overflow:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at center,rgba(255,255,255,.14),rgba(255,255,255,.05),transparent 65%);animation:pulse 10s cubic-bezier(.4,0,.2,1) infinite;z-index:0}@keyframes pulse{0%{transform:scale(.96);opacity:.35}50%{transform:scale(1.12);opacity:.7}to{transform:scale(.96);opacity:.35}}.hero>.container{position:relative;z-index:1}.hero-title{color:#f8fafc;font-weight:600;font-size:clamp(18px,4vw,35px);margin-top:1rem;text-shadow:0 2px 6px rgba(0,0,0,.4)}.hero-subtitle{color:#d1d5db;font-size:20px}.cursor{position:relative;width:50em;margin:20px auto 0;border-right:2px solid rgba(0,0,0,.75);font-size:clamp(18px,4vw,35px);text-align:center;white-space:nowrap;overflow:hidden;transform:translateY(-50%)}.typewriter-animation{animation:typewriter 1.5s steps(50) 1s 1 normal both,blinkingCursor .5s steps(50) infinite normal,removeCursor .1s 1.5s forwards}@keyframes typewriter{0%{width:0}to{width:85%}}@keyframes blinkingCursor{0%{border-right-color:#000000bf}to{border-right-color:transparent}}@keyframes removeCursor{to{border-right-color:transparent}}.about-section{padding:60px 0;background:#fff}.about-section h2{color:#2d3748;font-weight:700;margin-bottom:30px}.about-section p{color:#4a5568;font-size:1.05rem;line-height:1.7;margin-bottom:20px}.skills-section{background:#f8f9fa;padding:60px 0}.skills-section h2{color:#2d3748;font-weight:700;margin-bottom:40px}.skill-card{background:#fff;border-radius:12px;padding:30px;height:100%;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;margin-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.skill-icon{font-size:2rem;margin-bottom:12px}.skill-card h5{color:#2d3748;font-weight:600;margin-bottom:15px;font-size:1.1rem}.skill-card p{color:#4a5568;line-height:1.7;margin:0}.skill-card:hover{transform:translateY(-5px);border-color:#60a5fa;box-shadow:0 6px 15px #00000026,0 0 0 5px #60a5fa2e}.certifications-section .list-unstyled{display:flex;flex-wrap:wrap;gap:16px;padding:0;margin:0;list-style:none}.cert-card{width:calc((100% - 48px)/4);min-height:220px;padding-bottom:30px;border-radius:12px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box}.cert-card hr{margin:4px 0}.cert-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.cert-title{font-size:.95rem;line-height:1.3;text-align:center;padding:0 10px;margin:6px 0;font-weight:700}.cert-image{height:150px;width:auto;max-width:70%;padding:12px 0 8px;object-fit:contain}.cert-certified{background:#fff;border:2px solid #059669;opacity:1;box-shadow:0 4px 6px #0000000d}.cert-certified:after{content:"✓ Certified";position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#059669;color:#fff;padding:4px 14px;border-radius:99px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.cert-certified:hover{border-color:#10b981;box-shadow:0 0 15px #10b9814d}.cert-inprogress{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #6c757d;opacity:.85}.cert-inprogress:after{content:"In Progress ...";position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}.cert-inprogress .cert-image{filter:grayscale(100%) brightness(.8);opacity:.4;transition:filter .3s ease,opacity .3s ease}.cert-inprogress:hover .cert-image{filter:grayscale(50%);opacity:.7}@keyframes pulse{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 20px #dc2626cc}}@media(max-width:992px){.cert-card{width:calc((100% - 20px)/2)}}@media(max-width:600px){.cert-card{width:100%}}.project-card{background:#fff;padding:10px;border:1px solid #e2e8f0;height:350px;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 #0000;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-card:hover{border-color:#60a5fa;box-shadow:0 6px 15px #00000026,0 0 0 5px #60a5fa2e}