body{background:#030014;color:#e2e8f0;margin:0;padding:0;overflow-x:hidden}.main1{position:relative;z-index:1003}@media (max-width: 768px){#navbar .logo{right:5%;font-size:1rem}}@media (max-width: 340px){#navbar .nav-links{margin-right:10px;justify-content:flex-end}.static-text,.dynamic-text{font-size:14px}#home .home-text p{font-size:12px!important}}@media (max-width: 768px){#home{padding-top:25%}#home .home-text h1{font-size:2.5rem!important}.container{padding:0 15px}.project-card,.certificate-card{width:100%;max-width:100%;margin:0 auto}.tech-stack-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem;padding:.5rem}.tech-stack-item{padding:.5rem}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background:#0ea5e9;border-radius:6px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#0ea5e9}::-webkit-scrollbar-track{background:#030014cc;border-radius:6px}::-webkit-scrollbar-corner{background:transparent}html{scrollbar-width:thin;scrollbar-color:#0ea5e9 rgba(3,0,20,.8);overflow-x:hidden}html{scroll-behavior:smooth}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#030014;display:flex;align-items:center;justify-content:center;z-index:9999}.glow-effect{position:absolute;width:200px;height:200px;background:linear-gradient(45deg,#22d3ee,#0ea5e9);border-radius:50%;opacity:.2;filter:blur(50px);animation:pulse 2s infinite alternate}.spinner{width:48px;height:48px;border:4px solid #6366f1;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.loading-text-container{position:relative;margin-top:10px;text-align:center}.text-glow{position:absolute;inset:-2px;background:linear-gradient(to right,#6366f1,#a855f7);border-radius:5px;filter:blur(5px);opacity:.2}.loading-text{position:relative;color:#e0e0e0;font-size:14px;font-weight:700}.blob-container{position:fixed;overflow:hidden;width:100%;height:100vh;z-index:1001}.blob{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(130px);opacity:.4;mix-blend-mode:multiply;transition:transform 1.4s ease-out}.blob1{background:#a855f7;top:20%;left:-40px;transform:translate(-10%)}.blob2{background:#06b6d4;top:0;right:-40px;transform:translate(10%)}.blob3{background:#3b82f6;bottom:-100px;left:20px}.blob4{background:#3b82f6;bottom:-120px;right:50px}.grid-overlay{overflow-x:hidden;position:fixed;inset:0;background:linear-gradient(to right,rgba(79,79,79,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,79,79,.1) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;width:100vw}#welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#030014;align-content:center;text-align:center;z-index:1100;animation:fadeOut 9s cubic-bezier(.68,-.55,.27,1.55) forwards}#welcome-screen h1{margin:15px;font-size:4rem;font-weight:700;background:linear-gradient(45deg,#22d3ee,#0ea5e9);background-clip:text;-webkit-background-clip:text;color:#bfcee2}#welcome-screen h2{margin:5px;font-size:4rem;font-weight:700;background:linear-gradient(45deg,#22d3ee,#0ea5e9);background-clip:text;-webkit-background-clip:text;color:transparent}#welcome-screen span{font-size:2rem;font-weight:700;background:linear-gradient(225deg,#263d41,#0ea5e9);background-clip:text;-webkit-background-clip:text;color:transparent}@media screen and (max-width: 768px){#welcome-screen h1,#welcome-screen h2{font-size:2.5rem}#welcome-screen span{font-size:1.5rem}}#main-content{display:none}#navbar{position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;padding:.5rem 0}#navbar .logo{position:fixed;top:5px;right:3%;font-size:1.2rem;font-weight:700;color:#22d3ee;text-decoration:none}#navbar .nav-links{list-style:none;display:flex;gap:1.5rem}#navbar .nav-links a{color:#e2e8f0;text-decoration:none;transition:color .3s ease}#navbar .nav-links a:hover{color:#22d3ee}.section{padding:6rem 0;opacity:0;transform:translateY(70px);transition:opacity 1s ease-out,transform 2s ease-out}.section.in-view{opacity:1;transform:translateY(0)}.section h2{font-size:3rem;font-weight:700;background:linear-gradient(45deg,#22d3ee,#0ea5e9);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center;margin-bottom:2rem}#home{padding-top:12%;margin-bottom:50px;background-size:cover;background-position:center}#home .container{max-width:1200px;margin:0 auto;padding:0 20px}#home .home-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}#home .home-text{margin-top:50px;max-width:600px}#home .home-text h1{margin:0;font-size:4rem;font-weight:700;background:linear-gradient(45deg,#22d3ee,#0ea5e9);background-clip:text;-webkit-background-clip:text;color:transparent}#home .home-text p{font-size:1.3rem;color:#94a3b8;margin:.5rem 0 2rem}#home .home-text h2{margin:1rem 0 0;color:#bfcee2;font-weight:700;white-space:nowrap;overflow:hidden;padding-right:5px;font-size:22px}.typing-container{flex-wrap:wrap;font-weight:700;display:flex;align-items:center}.dynamic-text{color:#bfcee2;font-weight:700;white-space:nowrap;overflow:hidden;border-right:2px solid #1a1919;padding-right:5px;margin-left:8px}.cursor{font-size:25px;animation:blink .7s infinite;color:#22d3ee;font-weight:700}@media (max-width: 768px){#home .home-text h2{font-size:1.1rem;text-align:center;padding:3px 10px}#home .home-text p{font-size:1rem}.typing-container{flex-wrap:wrap;justify-content:center;text-align:center}.dynamic-text{margin-left:4px;border-right:none}.cursor{font-size:18px}}#home .home-buttons{align-items:center;display:flex;gap:1rem}#home .btn{min-width:107px;text-align:center;display:inline-block;background:linear-gradient(45deg,#22d3ee,#0ea5e9);color:#fff;padding:.65rem 2rem;border-radius:.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}#home .btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #22d3ee4d}#home .main-img{max-width:500px;min-width:300px;width:100%;height:auto;display:block;margin-left:auto}@media screen and (max-width: 768px){#home .home-content{flex-direction:column;text-align:center}#home .main-img{margin:-30px auto;order:-1}#home .home-buttons{justify-content:center;display:inline-grid}#home .btn{min-width:-webkit-min-content;min-width:min-content}#home .home-text{margin-top:-14px;max-width:600px}}#about .about-content{display:flex;align-items:center;gap:6rem}#about .profile-img-container{position:relative;width:280px;height:280px;border-radius:50%;overflow:hidden;border:4px solid #22d3ee;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:1.5rem;margin-left:45px}#about .profile-img-container:hover{transform:scale(1.05);box-shadow:0 8px 24px #22d3ee4d}#about .profile-img-container .profile-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}#about .profile-img-container:hover .profile-img{transform:scale(1.1)}#about .bio{position:relative;left:70px;max-width:600px;text-align:start}@media screen and (max-width: 1300px){#about .bio{position:static}}#about .bio p{font-size:1.1rem;color:#e2e8f0;line-height:1.6}#about .bio .hi-im{font-size:2.3rem;font-weight:700;background:linear-gradient(45deg,#22d3ee,#0ea5e9);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;margin-right:.5rem}#about .stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}#about .stat{text-align:center;transition:transform .3s ease,box-shadow .3s ease}#about .stat i{font-size:2rem;color:#22d3ee}#about .stat span{font-size:1.25rem;color:#94a3b8}#about .stat:hover{transform:scale(1.05)}@media screen and (max-width: 1092px){#about .about-content{flex-direction:column;text-align:center}#about .profile-img-container{margin:0 auto 1.5rem}#about .bio{position:static;max-width:600px;margin:0 auto;text-align:center}#about .stats{flex-direction:column;gap:1rem}}.cv-btn{position:relative;background:linear-gradient(45deg,#22d3ee,#0ea5e9);color:#fff;padding:.75rem 1.25rem;border-radius:.75rem;border:1px solid rgba(34,211,238,.35);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:180px;box-shadow:0 8px 24px #22d3ee26;margin-top:20px;cursor:pointer;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.cv-btn:before{content:"";position:absolute;inset:-20%;background:radial-gradient(60% 60% at 50% 50%,rgba(34,211,238,.25),rgba(14,165,233,.05) 60%,transparent 70%);filter:blur(14px);opacity:.35;transition:opacity .25s ease;z-index:0}.cv-btn:after{content:"→";font-size:.95rem;line-height:1;transform:translate(0);transition:transform .25s ease,opacity .25s ease;opacity:.9;z-index:1}.cv-btn:hover{transform:translateY(-1.5px);box-shadow:0 16px 36px #22d3ee4d;filter:saturate(1.05)}.cv-btn:hover:before{opacity:.55}.cv-btn:hover:after{transform:translate(4px)}.cv-btn:active{transform:translateY(0);box-shadow:0 10px 18px #22d3ee33}.cv-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #22d3ee66,0 10px 18px #22d3ee33}@media screen and (max-width: 768px){.cv-btn{min-width:170px;width:auto;padding:.8rem 1.1rem;border-radius:.75rem}}#portfolio .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2rem;width:100%;box-sizing:border-box}.project-card{max-width:90%;margin-left:30px;background:#ffffff0d;border-radius:.5rem;overflow:hidden;border:1px solid rgba(34,211,238,.2);transition:transform .5s ease,box-shadow .5s ease,opacity .3s ease;cursor:pointer;width:100%;box-sizing:border-box}.project-card.hidden{opacity:0;transform:translateY(20px)}.project-card:hover{transform:scale(1.03);box-shadow:0 8px 24px #0003}.project-card img{width:100%;height:300px;min-width:unset;object-fit:cover;transition:transform .3s ease}.project-card:hover img{transform:scale(1.02)}.project-card h3{margin:0;font-size:1.25rem;font-weight:700;color:#e2e8f0;padding:1rem}.project-card p{font-size:.875rem;color:#94a3b8;padding:0 1rem 1rem}.tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.tab-btn{background:transparent;border:none;color:#e2e8f0;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;transition:background .3s ease,color .3s ease}@media screen and (max-width: 468px){.tab-btn{font-size:small}}.tab-btn.active{background:linear-gradient(45deg,#22d3ee,#0ea5e9);color:#fff}.tab-btn:hover{background:#22d3ee1a;transform:scale(1.05)}.tab-container{position:relative;overflow:hidden;min-height:750px;width:100%;transition:height .5s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.tab-content{position:absolute;width:100%;max-width:100%;opacity:0;transform:translate(100%);transition:transform .5s ease-in-out,opacity .3s ease-in-out;pointer-events:none}.tab-content-wrapper{margin:0;width:100%;overflow:visible}.tab-content.active{position:relative;opacity:1!important;transform:translate(0)!important;z-index:2;pointer-events:auto}.tab-content.exit-left{transform:translate(-100%)!important;opacity:0!important;transition:transform .5s ease-in-out,opacity .3s ease-in-out}.tab-content.exit-right{transform:translate(100%)!important;opacity:0!important;transition:transform .5s ease-in-out,opacity .3s ease-in-out}.tab-content.enter-left{transform:translate(-100%);opacity:0;transition:transform .5s ease-in-out,opacity .3s ease-in-out}.tab-content.enter-right{transform:translate(100%);opacity:0;transition:transform .5s ease-in-out,opacity .3s ease-in-out}.tab-content.enter-left.active,.tab-content.enter-right.active{transform:translate(0)!important;opacity:1!important}#portfolio .btn{background:linear-gradient(45deg,#22d3ee,#0ea5e9);color:#fff;padding:.75rem 2rem;border-radius:.5rem;border:none;cursor:pointer;margin-top:2rem;margin-left:2rem;transition:transform .3s ease,box-shadow .3s ease}#portfolio .btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #22d3ee4d}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.5rem;margin:10px}.certificate-card{min-width:100%;background:#ffffff0d;border-radius:.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.certificate-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0003}.certificate-card img{max-height:260px;width:100%;height:auto;object-fit:cover}.certificate-card h3{margin:1px auto;font-size:1.25rem;font-weight:700;color:#e2e8f0;padding:.5rem}.certificate-card p{margin:1px auto;font-size:.875rem;color:#94a3b8;padding:.5rem}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;padding:1rem}@media screen and (min-width: 921px){.tech-stack-grid{grid-template-columns:repeat(5,minmax(0px,1fr))}}.tech-stack-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border-radius:.5rem;padding:1rem;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,opacity;border:1px solid rgba(255,255,255,.1)}.tech-stack-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0003}.tech-stack-item img{width:64px;height:64px;object-fit:contain;margin-bottom:.5rem}.tech-stack-item span{font-size:.875rem;color:#e2e8f0;text-align:center;opacity:.8;transition:opacity .3s ease}.tech-stack-item:hover span{opacity:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.modal.open{z-index:inherit;opacity:1;visibility:visible;transition:opacity .3s ease}.modal-content{background:#030014;padding:2rem;border-radius:.5rem;max-width:700px;width:90%;position:relative;border:1px solid #22d3ee;box-shadow:0 0 20px #22d3ee4d}.close-modal{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:#e2e8f0;cursor:pointer;transition:color .3s ease}.close-modal:hover{color:#22d3ee}.modal-content img{width:100%;height:300px;object-fit:cover;border-radius:.5rem}.modal-content h2{font-size:2rem;font-weight:700;color:#e2e8f0;margin:1rem 0}.modal-content p{font-size:1rem;color:#94a3b8;margin-bottom:.7rem}.modal-links{place-self:center;display:flex;gap:1rem}.modal-links a{background:linear-gradient(45deg,#22d3ee,#0ea5e9);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.modal-links a:hover{transform:scale(1.05);box-shadow:0 4px 12px #22d3ee4d}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.modal-tech-stack span{background:#22d3ee1a;padding:.3rem .8rem;border-radius:.3rem;color:#22d3ee;font-size:.875rem}@media (max-width: 480px){.project-card{max-width:100%;min-width:unset;width:85%;max-height:-webkit-fit-content;max-height:fit-content}.certificate-card{max-width:100%;min-width:unset;width:90%}.project-card h3{padding:.5rem}.project-card p{padding:0 1rem}.tech-stack-item{max-width:100%;min-width:unset;width:65%}}@media (max-width: 768px){.modal-content{padding:1.5rem}.modal-content img{max-height:40vh}.modal-links{flex-direction:column;gap:.75rem}.modal-links a{width:100%;max-width:300px;margin:0 auto}}@media (max-width: 480px){.modal-content{padding:1rem}.modal-content img{max-height:30vh}.modal-content h2{margin:.75rem 0}.modal-content p{margin-bottom:.5rem}.modal-tech-stack{gap:.3rem}.close-modal{font-size:1.25rem;top:.75rem;right:.75rem}.modal-links a{display:contents;font-size:10px;width:50%;max-width:300px;margin:0 auto}}#contact form{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}#contact input,#contact textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem;color:#e2e8f0;font-size:1rem}#contact textarea{resize:vertical;min-height:150px}#contact .btn{background:linear-gradient(45deg,#22d3ee,#0ea5e9);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}#contact .btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #22d3ee4d}#form-status{text-align:center;margin-top:1rem}.success{color:#6ff;text-shadow:0 0 10px hsla(180,100%,70%,.5)}.error{color:#854ebd;font-weight:700}footer{padding:1rem 0;text-align:center}footer p{font-size:.875rem;color:#94a3b8}.social-links a{color:#22d3ee;margin:0 1rem;font-size:1.5rem;transition:transform .3s ease}.social-links a:hover{color:#0ea5e9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1);opacity:.2}to{transform:scale(1.2);opacity:.4}}@keyframes fadeOut{0%{opacity:1}70%{opacity:.3}to{opacity:0;display:none}}@keyframes blink{50%{opacity:0}}@media (max-width: 768px){#home .home-content{flex-direction:column;text-align:center}#home .main-img{margin:-30px auto;order:-1}#home .home-buttons{justify-content:center;display:inline-grid}#home .btn{min-width:-webkit-min-content;min-width:min-content}#home .home-text{margin-top:-14px}#about .about-content{flex-direction:column;text-align:center}#about .profile-img-container{margin:0 auto 1.5rem}#about .bio{text-align:center}#about .stats{flex-direction:column;gap:1rem}.cv-btn{width:50%;min-width:-webkit-fit-content;min-width:fit-content}.project-card img{height:unset}}@media (max-width: 504px){#portfolio .projects-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}