@import"https://fonts.googleapis.com/css2?family=Aldrich&family=Tomorrow:wght@300;400;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}*{background:transparent;margin:0;padding:0}.home-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.name{position:absolute;font-size:80px;font-weight:700;text-align:center;pointer-events:none;z-index:2;font-family:Aldrich;background:linear-gradient(45deg,#f0f,#0ff,#f0f);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-text 3s infinite alternate ease-in-out}.about-container{width:90%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.2);border-radius:15px;padding:30px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.about-header{text-align:center;font-size:clamp(24px,5vw,42px);font-weight:600;padding-bottom:15px;margin:0 0 30px;color:#fff;font-family:Aldrich,sans-serif}.about-image-container{flex:1;display:flex;justify-content:center;align-items:center;min-width:200px;max-width:350px}.about-image{width:100%;height:auto;aspect-ratio:3/4;border-radius:10px;object-fit:cover;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #0003;transition:transform .3s ease}.about-image:hover{transform:scale(1.02)}.about-content{flex:2;display:flex;justify-content:center;flex-direction:column;align-items:center;min-width:280px}.about-text{font-size:clamp(14px,2.5vw,18px);font-weight:400;font-family:Tomorrow,sans-serif;color:#fff;text-align:left;background:transparent;line-height:1.8;padding:0;margin:0}.about-doc-links{margin-top:20px;margin-bottom:20px;display:flex;gap:20px}.about-doc-links a{color:#fff;text-decoration:none;padding:8px;background:#ffffff1a;border-radius:5px;transition:all .3s ease;text-align:center}.about-doc-links a:hover{background:#00ddeb}@media (max-width: 1200px){.about-container{width:95%;padding:25px 15px}}@media (max-width: 996px){.about-container{gap:25px}.about-image{width:80%}.about-content{width:100%}.about-text{text-align:center;padding:0 10px;font-size:clamp(14px,2vw,16px)}}@media (max-width: 768px){.about-container{padding:20px 15px;width:80%}.about-image{width:50%}.about-text{font-size:.7rem}.about-doc-links a{width:50%;word-wrap:break-word;font-size:.7rem}}@media (max-width: 675px){.about-container{padding:20px 15px;width:80%}.about-image-container{max-width:220px}.about-text{font-size:.7rem}.about-doc-links a{width:50%;word-wrap:break-word;font-size:.7rem}}@media (max-width: 480px){.about-container{padding:15px 10px;border-width:2px;width:95%}.about-image-container{max-width:180px}.about-image{width:40%}.about-header{margin:10px 0;padding-bottom:10px}.about-text{font-size:.7rem;line-height:1.6}.about-doc-links a{width:30%;word-wrap:break-word;font-size:.5rem}}@media (max-width: 444px){.about-container{padding:10px}.about-image{width:20%}.about-image-container{max-width:150px}}@media (max-width: 398px){.about-container{padding:10px}.about-image-container{max-width:150px}}.about-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:20px 0}.fade-in{animation:fadeIn .8s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.work-carousel-container{position:relative;width:100%;max-width:clamp(300px,90vw,1200px);margin:0 auto}.carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.carousel-content{width:100%;max-width:clamp(280px,85vw,900px);perspective:1000px}.project-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.2);border-radius:15px;padding:30px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;box-shadow:0 10px 30px #0003}.project-images{display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:15px;overflow:hidden;margin-bottom:20px}.dual-images{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.web-img,.mobile-img,.single-img{border-radius:10px;transition:transform .3s ease;object-fit:cover}.web-img{width:500px;height:300px}.mobile-img{width:160px;height:320px}.single-img{width:600px;height:300px;align-self:center}.project-images:hover .web-img{transform:translate(-10px) rotate(-2deg)}.project-images:hover .mobile-img{transform:translate(10px) rotate(2deg)}.project-info h2{font-family:Aldrich,sans-serif;font-size:clamp(24px,3vw,36px);color:#fff;margin:0 0 10px;text-shadow:0 0 5px rgba(255,255,255,.5)}.project-info p{font-family:Tomorrow,sans-serif;font-size:clamp(14px,1.5vw,18px);color:#ffffffe6;max-width:110%;margin:0 auto;text-align:center}.carousel-nav{position:absolute;width:50px;height:50px;border-radius:50%;background:linear-gradient(45deg,#00ddeb,#8a2be2);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 15px #00ddeb80;z-index:10}.prev{left:0}.next{right:0}.carousel-nav svg{stroke:#fff;stroke-width:2}.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#00ddeb;transform:scale(1.3)}.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:6000;overflow:hidden}.modal-content{background:linear-gradient(135deg,#00ddebf2,#8a2be2f2);padding:clamp(15px,3vw,30px);width:clamp(280px,90vw,800px);max-height:85vh;overflow-y:auto;position:relative;color:#fff;font-family:Tomorrow,sans-serif;box-shadow:0 0 20px #00ddeb80}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-close{position:relative;width:30px;height:30px;background:#ffffff1a;border:none;border-radius:50%;font-size:24px;color:#fff;cursor:pointer}.github-icon{width:20px;height:20px}.project-modal-header{display:flex;justify-content:space-between}.modal-content h2{font-family:Aldrich,sans-serif;font-size:28px;margin-bottom:15px}.modal-content p{font-size:16px;margin-bottom:20px}.modal-details h3{font-size:20px;margin:15px 0 10px}.modal-details ul{list-style:none;padding:0}.modal-details li{margin:8px 0;position:relative;padding-left:20px}.modal-details li:before{content:"•";color:#00ddeb;position:absolute;left:0}.modal-links{margin-top:20px;margin-bottom:20px;display:flex;gap:20px}.modal-links a{color:#fff;text-decoration:none;padding:8px 16px;background:#ffffff1a;border-radius:5px;transition:all .3s ease}.modal-links a:hover{background:#00ddeb}@media (max-width: 768px){.web-img,.single-img{width:100%;height:200px}.mobile-img{width:120px;height:240px}.dual-images{flex-direction:column;gap:10px}.modal-content{max-height:80vh}}@media (max-height: 595px){.project-card{height:60vh}}.work-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:40px 20px;overflow:hidden}.work-title{font-family:Aldrich,sans-serif;font-size:clamp(32px,5vw,48px);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);margin-bottom:40px;position:relative}@media (max-width: 768px){.work-container{padding:20px 10px}.work-title{font-size:clamp(24px,4vw,36px);margin-bottom:30px}}.particles-container{position:relative;width:100vw;height:100vh}.exp-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:20px 0}.exp-header{text-align:center;font-size:clamp(24px,4vw,36px);font-weight:600;padding-bottom:15px;margin:0 0 30px;color:#fff;font-family:Aldrich,sans-serif;text-shadow:0 0 5px rgba(255,255,255,.5)}.exp-container{width:90%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.2);border-radius:15px;padding:30px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.exp-box{display:flex;flex-direction:row;margin-bottom:20px}.exp-middle{padding:10px}.exp-text{position:relative}.exp-content{text-align:left}.exp-title{font-size:clamp(16px,2.5vw,20px);font-weight:600;color:#fff;margin:0 0 5px;font-family:Aldrich,sans-serif}.exp-company{font-size:clamp(14px,2vw,18px);font-weight:400;color:#ffffffe6;margin:0 0 5px;font-family:Tomorrow,sans-serif}.exp-details{font-size:clamp(12px,1.8vw,16px);color:#ffffffb3;margin:0 0 5px;font-family:Tomorrow,sans-serif}.exp-duration{font-size:clamp(12px,1.8vw,16px);color:#ffffffd9;margin:0;font-family:Tomorrow,sans-serif;font-style:italic}.exp-details-list{list-style:none;padding:10px;margin:0}.exp-details-list li{font-size:clamp(12px,1.8vw,14px);color:#ffffffe6;margin-bottom:8px;font-family:Tomorrow,sans-serif;display:flex;align-items:flex-start}.bullet{font-weight:bolder;font-size:1.1em;color:#00ddeb;margin-right:8px}.fade-in{animation:fadeIn .6s ease forwards}.row{display:flex;width:100%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-sm-12{flex:100%;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.exp-container{width:95%}.col-lg-6{flex:100%;max-width:100%}.exp-border-left,.exp-border-right{border:none}.exp-box{margin-bottom:15px}.exp-title,.exp-company,.exp-details,.exp-duration{font-size:.9rem}.exp-details-list li{font-size:.8rem}.exp-header{font-size:1.1prem}}@media (max-width: 768px){.exp-title{font-size:clamp(14px,2vw,18px)}.exp-company{font-size:clamp(12px,1.8vw,16px)}.exp-title,.exp-company,.exp-details,.exp-duration{font-size:.9rem}.exp-details-list li{font-size:.7rem}.exp-header{font-size:1prem}}@media (max-width: 630px){.exp-title{font-size:clamp(14px,2vw,18px)}.exp-company{font-size:clamp(12px,1.8vw,16px)}.exp-title,.exp-company,.exp-details,.exp-duration{font-size:.8rem}.exp-details-list li{font-size:.6rem}.exp-header{font-size:.8prem}}@media (max-width: 480px){.exp-header{font-size:clamp(20px,3.5vw,30px);padding-bottom:10px}.exp-title{font-size:14px}.exp-company,.exp-details,.exp-duration,.exp-details-list li{font-size:12px}.exp-box{margin-bottom:10px}.exp-title,.exp-company,.exp-details,.exp-duration{font-size:.7rem}.exp-details-list li{font-size:.5rem}.exp-header{font-size:.9prem}}@media (max-width: 315px){.exp-header{font-size:clamp(20px,3.5vw,30px);padding-bottom:10px}.exp-title{font-size:14px}.exp-company,.exp-details,.exp-duration,.exp-details-list li{font-size:12px}.exp-box{margin-bottom:10px}.exp-title,.exp-company,.exp-details,.exp-duration{font-size:.5rem}.exp-details-list li{font-size:.4rem}.exp-header{font-size:.7prem}}@media (max-width: 236px){.exp-header{font-size:clamp(20px,3.5vw,30px);padding-bottom:10px}.exp-title{font-size:14px}.exp-company,.exp-details,.exp-duration,.exp-details-list li{font-size:12px}.exp-box{margin-bottom:10px}.exp-title,.exp-company,.exp-details,.exp-duration{font-size:.4rem}.exp-details-list li{font-size:.3rem}.exp-header{font-size:.6prem}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none;opacity:1;transform:none}}.app-container{background-color:#08114488;position:relative;width:100vw;height:100vh;overflow:hidden;touch-action:none}.content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.top-right-info-bar{position:absolute;top:50px;right:50px;display:flex;gap:25px;align-items:center;z-index:1000}.top-right-info-bar-link{display:block;line-height:0}.top-right-info-bar-img{width:30px;height:30px;object-fit:contain;transition:transform .2s ease-in-out}.top-right-info-bar-img:hover{transform:scale(1.1)}.sayhi-button{display:flex;align-items:center;justify-content:center;position:fixed;width:clamp(35px,8vw,60px);height:clamp(35px,8vw,60px);bottom:clamp(10px,3vw,30px);right:clamp(10px,3vw,30px);background:linear-gradient(45deg,#00ddeb,#8a2be2);border-radius:50%;cursor:pointer;z-index:1000;box-shadow:0 0 15px #00ddebb3;border:none;transition:all .3s ease}.sayhi-button:hover{box-shadow:0 0 25px #00ddebe6}.sayhi-icon{width:clamp(20px,4vw,35px);height:clamp(20px,4vw,35px);animation:wave 2s infinite}.sayhi-container{position:fixed;width:clamp(200px,70vw,280px);padding:clamp(10px,2vw,15px);bottom:clamp(10px,3vw,30px);right:clamp(10px,3vw,30px);background:linear-gradient(135deg,#00ddebf2,#8a2be2f2);border-radius:15px;z-index:1001;box-shadow:0 0 20px #00ddeb80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sayhi-close-icon,.sayhi-send-icon{width:clamp(16px,2.5vw,20px);height:clamp(16px,2.5vw,20px);filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}.scroll-down-icon{position:fixed;width:30px;height:30px;transition:left .8s ease-in-out,top .8s ease-in-out,transform .8s ease-in-out}.scroll-down-icon-corner{left:50px;top:50px;transform:translate(0)}.scroll-down-icon-center{left:50%;top:60%;transform:translate(-50%,-50%)}.sayhi-modal-button{background:#ffffff1a;width:clamp(25px,4vw,30px);height:clamp(25px,4vw,30px);border-radius:50%;border:none;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.sayhi-modal-button:hover{background:#fff3}.sayhi-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(5px,1.5vw,10px)}.sayhi-header p{font-family:Aldrich,sans-serif;color:#fff;font-size:clamp(14px,3vw,18px);margin:0;text-shadow:0 0 5px rgba(255,255,255,.5)}.sayhi-form{display:flex;gap:clamp(5px,1.5vw,10px);align-items:flex-end;flex-direction:row}.say-hi-input{width:100%;flex:1;height:clamp(60px,15vw,80px);padding:clamp(5px,1.5vw,10px);border:none;border-radius:10px;background:#ffffff1a;color:#fff;resize:none;font-family:Aldrich,sans-serif;transition:all .3s ease;font-size:clamp(12px,2.5vw,16px)}.say-hi-input:focus{outline:none;background:#ffffff26;box-shadow:0 0 10px #ffffff4d}.say-hi-input::placeholder{color:#ffffffb3}.success-message,.error-message{position:absolute;bottom:10px;left:50%;transform:translate(-50%);padding:5px 15px;border-radius:20px;font-size:clamp(10px,2vw,12px);font-family:Aldrich,sans-serif}.success-message{background:#0f03;color:#0f0}.error-message{background:#f003;color:red}.sending-dots{color:#fff;font-size:clamp(16px,3vw,20px);animation:dots 1.5s infinite}.tooltip{visibility:hidden;position:absolute;background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;bottom:100%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:14px;opacity:0;transition:opacity .2s}.sayhi-button:hover .tooltip{visibility:visible;opacity:1}.page-icon{width:clamp(16px,3vw,20px);height:clamp(16px,3vw,20px);background-color:transparent}@media (max-width: 768px){.sayhi-container{width:clamp(180px,90vw,280px);flex-wrap:wrap}.sayhi-form{align-items:stretch}.say-hi-input{align-self:flex-start;justify-self:flex-end;width:70%;height:100%}.sayhi-modal-button.send-btn{align-self:flex-end}}@media (max-width: 480px){.sayhi-header p{font-size:clamp(12px,4vw,16px)}.sayhi-container{width:40%;flex-wrap:wrap}.scroll-down-icon-center{left:50%;top:65%;transform:translate(-50%,-50%)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}@keyframes dots{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}@keyframes gradient-text{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}