@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Special+Gothic+Expanded+One&display=swap";*{margin:0;padding:0}body{color:#1e2a47;font-family:Lato,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Special Gothic Expanded One,sans-serif}.main-root .fix-bg{z-index:-1;position:fixed;top:0;left:0;width:100vw;height:100vh}.main-root .fix-bg img{width:100%;height:100%;object-fit:cover}.main-root .fix-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(253,255,148,.945);z-index:1}.banner .top-info{padding:5px 20px}.banner .top-info .profile-name{display:flex;justify-content:space-between}.banner .top-info .profile-name h1{font-size:100px;letter-spacing:5px;align-items:center;text-transform:uppercase}.banner .top-info .profile-des p{text-transform:uppercase;font-size:20px;letter-spacing:1px;word-spacing:5px;line-height:1.7}.banner .image-sliding{width:calc(100% - 80px);height:450px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin:0 20px;overflow:hidden}.banner .image-sliding .card-swap-container{perspective:300px;width:40%;height:80%}.banner .image-sliding .card-swap-container .card{position:absolute;top:50%;left:50%;border-radius:20px;border:1px solid #fff;width:calc(100% - 40px);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:30px 20px;height:100%}.card-experience{background:linear-gradient(135deg,#f8d7da 80%,#fff0f3);color:#a94442;border:1.5px solid #f5c6cb;box-shadow:0 4px 24px rgba(248,215,218,.3333333333);padding:2.2rem 1.5rem 2rem 2.5rem;position:relative}.card-experience h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:1px}.card-experience .exp-timeline{position:relative;margin-left:1.2rem;padding-left:1.2rem;border-left:3px solid #f5c6cb}.card-experience .exp-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;position:relative;min-height:60px}.card-experience .exp-dot{width:14px;height:14px;background:#a94442;border-radius:50%;margin-left:-1.9rem;margin-right:1.1rem;margin-top:.3rem;border:2.5px solid #fff;box-shadow:0 0 0 2px #f5c6cb;flex-shrink:0}.card-experience .exp-title{font-weight:600;font-size:1.08rem;margin-bottom:.1rem;color:#a94442}.card-experience .exp-company{font-size:1rem;font-weight:500;margin-bottom:.1rem;color:#b85c5c}.card-experience .exp-company .exp-location{font-size:.95em;color:#c77b7b;margin-left:.5em}.card-proficiency{background:linear-gradient(135deg,#d1ecf1 80%,#e3f7fa);color:#0c5460;border:1.5px solid #bee5eb;box-shadow:0 4px 24px rgba(209,236,241,.3333333333);padding:2.2rem 1.5rem 2rem 2.5rem;position:relative}.card-proficiency h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:1px}.card-proficiency .prof-timeline{position:relative;margin-left:1.2rem;padding-left:1.2rem;border-left:3px solid #bee5eb}.card-proficiency .prof-item{display:flex;align-items:flex-start;margin-bottom:1.2rem;position:relative;min-height:40px}.card-proficiency .prof-dot{width:12px;height:12px;background:#0c5460;border-radius:50%;margin-left:-1.7rem;margin-right:1.1rem;margin-top:.4rem;border:2px solid #fff;box-shadow:0 0 0 2px #bee5eb;flex-shrink:0}.card-proficiency .prof-title{font-weight:600;font-size:1.08rem;margin-bottom:.1rem;color:#0c5460}.card-proficiency .prof-desc{font-size:.98rem;color:#155774;margin-bottom:.1rem}.card-learning{background:linear-gradient(135deg,#d4edda 80%,#eafaf1);color:#155724;border:1.5px solid #c3e6cb;box-shadow:0 4px 24px rgba(212,237,218,.3333333333);padding:2.2rem 1.5rem 2rem 2.5rem;position:relative;overflow:visible}.card-learning h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:1px}.card-learning .learn-timeline{position:relative;margin-left:1.2rem;padding-left:1.2rem;border-left:3px solid #c3e6cb}.card-learning .learn-item{display:flex;align-items:flex-start;margin-bottom:1.2rem;position:relative;min-height:40px}.card-learning .learn-dot{width:12px;height:12px;background:#155724;border-radius:50%;margin-left:-1.7rem;margin-right:1.1rem;margin-top:.4rem;border:2px solid #fff;box-shadow:0 0 0 2px #c3e6cb;flex-shrink:0}.card-learning .learn-title{font-weight:600;font-size:1.08rem;margin-bottom:.1rem;color:#155724}.card-learning .learn-desc{font-size:.98rem;color:#267a3e;margin-bottom:.1rem}@media(max-width:992px){.banner .top-info{padding:5px 20px}.banner .top-info .profile-name h1{font-size:70px;letter-spacing:2px}.banner .top-info .profile-des p{font-size:18px;letter-spacing:1px;word-spacing:2px}.banner .image-sliding{width:calc(100% - 40px);height:100%;flex-direction:column;gap:80px;margin:40px 10px;overflow:hidden}.banner .image-sliding .card-swap-container{perspective:300px;width:100%;height:450px}.banner .image-sliding .card-swap-container .card{position:absolute;top:50%;left:50%;border-radius:20px;border:1px solid #fff;width:calc(100% - 40px);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:30px 20px;height:-moz-fit-content;height:fit-content}}@media(max-width:576px){.banner .top-info{padding:5px 10px}.banner .top-info .profile-name h1{font-size:38px;letter-spacing:2px}.banner .top-info .profile-des{margin-top:10px}.banner .top-info .profile-des p{font-size:14px}.banner .image-sliding{width:calc(100% - 20px);height:100%;flex-direction:column;align-items:center;justify-content:center;gap:40px;margin:0 10px;padding:20px 0}.banner .image-sliding .card-swap-container{perspective:300px;width:98%}.banner .image-sliding .card-swap-container .card{position:absolute;top:50%;left:50%;border-radius:20px;border:1px solid #fff;width:calc(100% - 40px);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:30px 20px}}.project-section{padding:40px 0;text-align:center;font-size:40px}.project-section .section-heading{font-size:42px}.project-section .project-container{padding:0 20px}.project-section .project-container .filter-row{display:flex;gap:30px;justify-content:center;margin:30px 0 50px}.project-section .project-container .filter-row button{padding:10px 30px;border-radius:30px;border:2px solid #1e2a47;font-size:18px;text-transform:capitalize;color:#fff}.project-section .project-container .project-cards{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}.project-section .project-container .project-cards .ind-card{height:500px;width:calc(50% - 40px);position:relative;cursor:pointer;transition:box-shadow .2s;box-shadow:0 2px 12px rgba(0,0,0,.0666666667);border-radius:20px;overflow:hidden;background:#fff}.project-section .project-container .project-cards .ind-card .img-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:20px 20px 0 0}.project-section .project-container .project-cards .ind-card .card-img{width:100%;height:100%;object-fit:cover;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.4,1.5,.5,1.1),box-shadow .3s;animation:card-pulse 1.8s infinite alternate;will-change:transform}.project-section .project-container .project-cards .ind-card .img-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(0,0,0,.18);transition:opacity .3s;pointer-events:none}.project-section .project-container .project-cards .ind-card .click-icon{font-size:2.2rem;color:#1e2a47;filter:drop-shadow(0 2px 8px rgba(255,255,255,.5333333333));animation:icon-bounce 1.2s infinite alternate}.project-section .project-container .project-cards .ind-card:focus .card-img,.project-section .project-container .project-cards .ind-card:hover .card-img{transform:scale(1.06) rotate(-2deg);box-shadow:0 8px 32px rgba(0,120,212,.3333333333);animation-play-state:paused}.project-section .project-container .project-cards .ind-card:focus .img-overlay,.project-section .project-container .project-cards .ind-card:hover .img-overlay{opacity:1}.project-section .project-container .project-cards .ind-card:nth-child(2n){margin-top:40px}.btn-12,.btn-12 *,.btn-12 :after,.btn-12 :before,.btn-12:after,.btn-12:before{border:0 solid;box-sizing:border-box}.btn-12{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:button;background-color:#1e2a47;background-image:none;cursor:pointer;font-size:100%;font-weight:500;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0}.btn-12:disabled{cursor:default}.btn-12:-moz-focusring{outline:auto}.btn-12 svg{display:block;vertical-align:middle}.btn-12 [hidden]{display:none}.btn-12{border-radius:99rem;border-width:2px;overflow:hidden;padding:.8rem 3rem;position:relative;z-index:1}.btn-12:after,.btn-12:before{background:linear-gradient(90deg,#fff 25%,transparent 0,transparent 50%,#fff 0,#fff 75%,transparent 0);content:"";inset:0;position:absolute;transform:translateY(var(--progress,100%));transition:transform .2s ease;z-index:1}.btn-12:after{--progress:-100%;background:linear-gradient(90deg,transparent,transparent 25%,#fff 0,#fff 50%,transparent 0,transparent 75%,#fff 0);z-index:-1}.btn-12:hover:after,.btn-12:hover:before{--progress:0}.btn-12:focus,.btn-12:hover{color:#1e2a47!important;background-color:#fff!important;transition:.9s}.btn-12 span{position:relative;z-index:2}@keyframes card-pulse{0%{transform:scale(1)}to{transform:scale(1.04)}}@keyframes icon-bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@media(max-width:768px){.project-section{padding:30px 0;text-align:center;font-size:40px}.project-section .section-heading{font-size:26px}.project-section .project-container{padding:0 10px}.project-section .project-container .filter-row{display:flex;gap:10px;justify-content:center;margin:30px 0}.project-section .project-container .filter-row button{padding:7px 15px;border-radius:30px;border:2px solid #1e2a47;font-size:16px;text-transform:capitalize;color:#fff}.project-cards{display:flex;justify-content:space-between;gap:10px!important;flex-wrap:wrap;flex-direction:column}.project-cards .ind-card{height:350px!important;width:100%!important;position:relative;cursor:pointer;transition:box-shadow .2s;box-shadow:0 2px 12px rgba(0,0,0,.0666666667);border-radius:20px;overflow:hidden;background:#fff}.project-cards .ind-card .img-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:20px 20px 0 0}.project-cards .ind-card .card-img{width:100%;height:100%;object-fit:cover;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.4,1.5,.5,1.1),box-shadow .3s;animation:card-pulse 1.8s infinite alternate;will-change:transform}.project-cards .ind-card .img-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(0,0,0,.18);transition:opacity .3s;pointer-events:none}.project-cards .ind-card .click-icon{font-size:2.2rem;color:#1e2a47;filter:drop-shadow(0 2px 8px rgba(255,255,255,.5333333333));animation:icon-bounce 1.2s infinite alternate}.project-cards .ind-card:focus .card-img,.project-cards .ind-card:hover .card-img{transform:scale(1.06) rotate(-2deg);box-shadow:0 8px 32px rgba(0,120,212,.3333333333);animation-play-state:paused}.project-cards .ind-card:focus .img-overlay,.project-cards .ind-card:hover .img-overlay{opacity:1}.project-cards .ind-card:nth-child(2n){margin-top:0!important}}.chatbot{height:80%;width:60%;min-width:320px;display:flex;flex-direction:column;border:1.5px solid #e0e0e0;background:#f9fafd;border-radius:18px;overflow:hidden}.chatbot .chatbot-messages{flex:1 1;padding:2rem 1.5rem 1rem;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem;background:rgba(0,0,0,0)}.chatbot .chatbot-messages .message-row{display:flex;align-items:flex-end;gap:.7rem}.chatbot .chatbot-messages .message-row.user{flex-direction:row-reverse}.chatbot .chatbot-messages .message-row .avatar{width:44px;height:44px;border-radius:50%;background:#eee;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.0666666667)}.chatbot .chatbot-messages .message-row .avatar.user{background:linear-gradient(135deg,#0078d4 60%,#00c6fb);border:none;color:#fff;font-size:1.4rem}.chatbot .chatbot-messages .message-row .avatar.bot{background:#fff;border:2px solid #0078d4;padding:2px}.chatbot .chatbot-messages .message-row .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chatbot .chatbot-messages .message-row .message-bubble{background:#fff;padding:1rem 1.3rem;border-radius:22px;max-width:70%;font-size:1.08rem;color:#222;word-break:break-word;box-shadow:0 1px 4px rgba(0,0,0,.0666666667);border:1px solid #e0e0e0;transition:background .2s}.chatbot .chatbot-messages .message-row.user .message-bubble{background:#e6f2ff;color:#0078d4;border:1px solid #b3d8fd}.chatbot .chatbot-input{display:flex;gap:.7rem;padding:1.2rem 1.5rem 1.5rem;background:#f4f8fb;border-top:1px solid #e0e0e0}.chatbot .chatbot-input input{width:85%;padding:.9rem 1.2rem;border:1.5px solid #b3d8fd;border-radius:22px;font-size:1.08rem;outline:none;background:#fff;transition:border .2s}.chatbot .chatbot-input input:focus{border-color:#0078d4;background:#f0f8ff}.chatbot .chatbot-input button{padding:0 20px;background:linear-gradient(135deg,#0078d4 60%,#00c6fb);color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(0,120,212,.1254901961);width:100px}.chatbot .chatbot-input button:disabled{background:#b3d8fd;color:#fff;cursor:not-allowed}.chatbot .chatbot-input button:hover:not(:disabled){background:linear-gradient(135deg,#005a9e 60%,#0078d4)}@media(max-width:992px){.chatbot{height:400px;width:98%;min-width:320px}}.contact-section{padding:40px}.contact-section .section-heading{text-align:center;font-size:42px}.contact-section .contact-row{display:flex;align-items:center;gap:40px;justify-content:space-around}.contact-section .contact-row .mail a{font-size:42px;position:relative;background:linear-gradient(90deg,#ff6ec4,#7873f5,#4ADEDE,#ff6ec4);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shine 6s linear infinite;text-decoration:none;font-weight:700}@keyframes shine{0%{background-position:0}to{background-position:400%}}.main{display:flex;flex-direction:column;gap:.5em}.down,.up{display:flex;flex-direction:row;gap:.5em}.card1{width:200px;height:200px;outline:none;border:none;background:#fff;border-radius:200px 5px 5px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);transition:.2s ease-in-out}.instagram{margin-top:1.5em;margin-left:1.2em;fill:#cc39a4}.card2{width:200px;height:200px;outline:none;border:none;background:#fff;border-radius:5px 200px 5px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);transition:.2s ease-in-out}.twitter{margin-top:1.5em;margin-left:-.9em;fill:#03a9f4}.card3{width:200px;height:200px;outline:none;border:none;background:#fff;border-radius:5px 5px 5px 200px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);transition:.2s ease-in-out}.github{margin-top:-.6em;margin-left:1.2em}.card4{width:200px;height:200px;outline:none;border:none;background:#fff;border-radius:5px 5px 200px 5px;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);transition:.2s ease-in-out}.discord{margin-top:-.9em;margin-left:-1.2em;fill:#8c9eff}.card1:hover{cursor:pointer;scale:1.1;background-color:#cca539}.card1:hover .instagram{fill:#fff}.card2:hover{cursor:pointer;scale:1.1;background-color:#5a9c24}.card2:hover .twitter{fill:#fff}.card3:hover{cursor:pointer;scale:1.1;background-color:#e2baba}.card3:hover .github{fill:#fff}.card4:hover{cursor:pointer;scale:1.1;background-color:#0c0c0c}.card4:hover .discord{fill:#fff}@media(max-width:992px){.contact-section{padding:40px}.contact-section .section-heading{text-align:center;font-size:42px;margin-bottom:30px}.contact-section .contact-row{display:flex;align-items:center;flex-direction:column;gap:40px;justify-content:space-around}.contact-section .contact-row .mail{margin-top:20px}.contact-section .contact-row .mail a{font-size:42px;position:relative;background:linear-gradient(90deg,#ff6ec4,#7873f5,#4ADEDE,#ff6ec4);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shine 6s linear infinite;text-decoration:none;font-weight:700;text-align:center;display:block}@keyframes shine{0%{background-position:0}to{background-position:400%}}}@media(max-width:768px){.contact-section{padding:30px 10px}.contact-section .section-heading{text-align:center;font-size:27px;margin-bottom:20px}.contact-section .contact-row{display:flex;align-items:center;flex-direction:column;gap:40px;justify-content:space-around}.contact-section .contact-row .mail{margin-top:10px}.contact-section .contact-row .mail a{font-size:20px;position:relative;background:linear-gradient(90deg,#ff6ec4,#7873f5,#4ADEDE,#ff6ec4);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shine 6s linear infinite;text-decoration:none;font-weight:700;text-align:center;display:block}@keyframes shine{0%{background-position:0}to{background-position:400%}}.card1{border-radius:100px 5px 5px 5px}.card1,.card2{width:100px;height:100px}.card2{border-radius:5px 100px 5px 5px}.card3{border-radius:5px 5px 5px 100px}.card3,.card4{width:100px;height:100px}.card4{border-radius:5px 5px 100px 5px}.icon-icon{width:35px;height:35px}}