body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.particles-container{position:relative;width:100%;height:100%}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;inset:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1)}.tilted-card-figure{margin:0;padding:0;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px;cursor:pointer}.tilted-card-inner{position:relative;transform-style:preserve-3d;transition:transform .1s ease}.tilted-card-img{display:block;border-radius:inherit;object-fit:cover}.tilted-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit}.tilted-card-caption{position:absolute;background:#000c;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;pointer-events:none;white-space:nowrap;z-index:1000}.tilted-card-mobile-alert{position:absolute;top:10px;left:10px;background:#f00c;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;z-index:1000}.tilted-card-demo-text{margin:0;text-align:center}.curved-loop-jacket{min-height:50vh;display:flex;align-items:center;justify-content:center;width:100%}.curved-loop-svg{width:100%;aspect-ratio:100 / 12;overflow:visible;display:block;font-size:4rem;fill:#fff;user-select:none;-moz-user-select:none;-webkit-user-select:none;font-weight:700;text-transform:uppercase;line-height:1}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:12px;height:12px;border:3px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}.scroll-float{overflow:hidden;text-align:left}.scroll-float-text{display:inline-block;font-size:4rem!important;font-weight:700!important;text-align:left;line-height:1}.scroll-float h2.scroll-float-text,h2.scroll-float .scroll-float-text{font-size:4rem!important;font-weight:700!important;margin:0!important;padding:0!important}h2.scroll-float .scroll-float-text,.scroll-float h2 .scroll-float-text,.scroll-float .scroll-float-text{font-size:4rem!important;font-weight:700!important}.char{display:inline-block}.scroll-float.small-text .scroll-float-text{font-size:20px!important;font-weight:700!important;color:#ccc!important;text-align:left}.scroll-float.small-text{font-size:20px!important;font-weight:700!important;color:#ccc!important}.shooting-star{position:fixed;top:0;left:0;width:200px;height:2px;transform:rotate(45deg);display:flex;align-items:center;justify-content:flex-end;pointer-events:none;z-index:999;opacity:0}.tail{flex:1;height:1px;background:linear-gradient(90deg,#fff0,#ffffffe6);box-shadow:0 0 6px #fff9}.tail-clone{position:fixed;height:1px;background:linear-gradient(90deg,#fff0,#fffc);transform:rotate(45deg);pointer-events:none;z-index:998}.head{position:relative;width:28px;height:28px;flex-shrink:0;transform:rotate(-45deg)}.glow{position:absolute;top:50%;left:50%;width:60px;height:60px;background:radial-gradient(circle,#ffffc8cc,#ffffc800 70%);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;pointer-events:none;box-shadow:0 0 4px #fffc}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}img,video,iframe{max-width:100%;height:auto}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#141414;color:#fff;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility}.App{min-height:100vh;width:100%;position:relative}@media (hover: none) and (pointer: coarse){.nav-menu li a,.button,.project-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.card{transform:scale(1);transition:transform .2s ease}.card:active{transform:scale(.98)}.nav-menu li a:hover{background:transparent;color:#fff}.nav-menu li a:active{color:#141414;background:#fff}}@media (orientation: landscape) and (max-height: 480px){.hero-section{height:auto;min-height:100vh;padding:2rem 0}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem}.main-sections{padding-top:80px}.navbar{padding:.5rem 0}}.navbar{position:fixed;top:0;left:0;right:0;background:#141414b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.15);z-index:1000;padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-logo{display:flex;align-items:center;height:100%}.nav-logo-image{height:40px;width:auto;object-fit:contain}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-menu li a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;padding:.5rem 1rem;border-radius:4px}.nav-menu li a:hover{color:#141414;background:#fff}@media (max-width: 768px){.nav-container{padding:0 1rem;position:relative}.mobile-menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;flex-direction:column;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;z-index:1000}.nav-menu.mobile-open{display:flex}.nav-menu li a{padding:1rem;text-align:center;border-radius:8px;display:block}}@media (min-width: 769px){.mobile-menu-toggle{display:none}.nav-menu{display:flex!important;position:static;background:transparent;padding:0;flex-direction:row;gap:2rem;border:none;box-shadow:none}}.splash-screen{opacity:1;transition:opacity .5s ease}.splash-screen.fade-out{opacity:0}.main-content{position:relative;min-height:100vh;background:#141414}.particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.content-overlay{position:relative;z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.main-sections{padding-top:120px}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.particle-sphere-background{position:fixed;top:1;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none;transform:translate(-50%,-50%)}.particle-sphere-background canvas{width:100%!important;height:100%!important}.hero-content{position:relative;z-index:2}.hero-content h1,.hero-title{font-size:4rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.hero-content p{font-size:1.5rem;margin-bottom:2rem;color:#ccc}.content-section{padding:5rem 0;border-bottom:none}#about{padding-bottom:3rem}#skills,.footer{color:#302c1a}#projects{background-color:transparent}#projects{position:relative;z-index:2;margin-top:0;opacity:1;transition:none}#projects h2,#projects h3,#projects p,#projects span,#skills h2,#skills h3,#skills span,.footer p,.footer a{color:#302c1a}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.content-section h2{font-size:2.5rem;margin-bottom:3rem;text-align:center;color:#fff}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:center}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#ccc}.image-placeholder{width:250px;height:250px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;border:3px solid rgba(255,255,255,.3)}.image-placeholder span{color:#888;font-size:1.1rem}.about-content-new{display:flex;align-items:center;justify-content:center;gap:2rem;padding:50px}.about-avatar{flex-shrink:0}.avatar-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 8px #ffffff1a}.about-info{flex:1}.about-info ul{list-style:none;padding:0;margin:0}.about-info li{font-size:1rem;line-height:1.6;margin-bottom:.6rem;color:#fff;padding-left:0}.about-info li:before{content:"•";color:#fff;font-weight:700;margin-right:.5rem}.about-list{list-style:none;padding:0;margin:0}.about-list li{font-size:1rem;line-height:1.6;color:#fff;padding-left:0}#projects{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;height:100vh;padding:2rem 0 0;will-change:transform,opacity}.slide-in{opacity:0;transform:translateY(40px);transition:transform .7s ease,opacity .7s ease}.slide-in.is-visible{opacity:1;transform:translateY(0)}.curved-loop-section{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;z-index:5}.spinner-section{display:flex;justify-content:center;align-items:center;padding:0rem 0;min-height:10vh;margin-top:-9rem}.spinner{width:44px;height:44px;animation:spinner-y0fdc1 3s infinite ease;transform-style:preserve-3d;transform-origin:center center}.spinner>div{background-color:#bac7e533;height:100%;position:absolute;width:100%;border:2px solid #ffffff}.spinner div:nth-of-type(1){transform:translateZ(-22px) rotateY(180deg)}.spinner div:nth-of-type(2){transform:rotateY(-270deg) translate(50%);transform-origin:top right}.spinner div:nth-of-type(3){transform:rotateY(270deg) translate(-50%);transform-origin:center left}.spinner div:nth-of-type(4){transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.spinner div:nth-of-type(5){transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}.spinner div:nth-of-type(6){transform:translateZ(22px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg) rotateX(-25deg) rotateY(25deg)}50%{transform:rotate(45deg) rotateX(-385deg) rotateY(25deg)}to{transform:rotate(45deg) rotateX(-385deg) rotateY(385deg)}}.spinner{transform-style:preserve-3d!important}.projects-container{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem 0;flex-wrap:wrap}.cards-container{display:flex;gap:4rem;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width:900px;position:relative;margin-top:6rem;row-gap:6rem}.card{position:relative;width:300px;height:200px;background-color:#f2f2f21a;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:0 0 0 5px #ffffff1a;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:nth-last-child(-n+2){background-color:#ffffffe6;box-shadow:0 0 0 5px #ffffff4d}.card:nth-last-child(-n+2) .card__title{font-size:16px;font-weight:700}.card:nth-last-child(-n+2):hover{background-color:#fff0}.card-image{width:48px;height:48px;object-fit:cover;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:hover{transform:scale(1.05);box-shadow:0 8px 16px #fff3}.card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px 20px 70px;box-sizing:border-box;background-color:#f2f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:hover .card__content{transform:rotateX(0)}.card__title{margin:0;font-size:24px;color:#333;font-weight:700}.card:hover .card-image{scale:0}.card__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}.button{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:6px;border:none;color:#fff;cursor:pointer;background-color:#0b0715;transition:all .2s ease;z-index:10}.button:before,.button:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:-1000;background-repeat:no-repeat}.button:hover:before{top:-70%;background-image:radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,transparent 20%,#3e3e3f 20%,transparent 30%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,transparent 10%,#3e3e3f 15%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .6s ease}.button:hover:after{bottom:-70%;background-image:radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,transparent 10%,#3e3e3f 15%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%),radial-gradient(circle,#3e3e3f 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .6s ease}.modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background-color:#0009!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;opacity:0;visibility:hidden;transition:all .3s ease;overflow:hidden!important;pointer-events:auto!important;margin:0!important;padding:0!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.modal-overlay.show{opacity:1;visibility:visible;position:fixed!important;z-index:99999!important}.modal-card{width:800px;height:500px;background-color:#525252;border-radius:8px;z-index:1000000!important;transform:translateY(30px)!important;transition:all .4s ease-out!important;position:relative!important;box-shadow:0 10px 30px #00000080;margin:0!important;padding:0!important}.modal-overlay.show .modal-card{transform:translateY(0)!important;z-index:100000!important}.modal-tools{display:flex;align-items:center;padding:9px}.modal-circle{padding:0 4px}.modal-box{display:inline-block;align-items:center;width:10px;height:10px;padding:1px;border-radius:50%}.modal-red{background-color:#ff605c}.modal-yellow{background-color:#ffbd44}.modal-green{background-color:#00ca4e}.modal-content{padding:20px;color:#fff;text-align:center;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.modal-image-container{margin:20px 0;display:flex;justify-content:center}.modal-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d;background:#fff;padding:20px}.modal-image.transparent-bg{background:transparent;padding:0}.modal-video-container{margin:20px 0;display:flex;justify-content:center}.modal-video{max-width:80%;max-height:400px;width:auto;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d;background:#000}.modal-tech-section{margin:30px 0;text-align:center}.modal-tech-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px;text-align:center}.modal-description{text-align:left;line-height:1.6;margin-top:20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background:#ffffff0d;padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-category h3{font-size:1.3rem;margin-bottom:1.5rem;color:#00d4ff}.skill-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-list span{background:#ffffff1a;color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.skill-list span:hover{background:#00d4ff33;border-color:#00d4ff4d;color:#00d4ff}.tech-stack-section{background:#141414cc;padding:0 0 2rem}.tech-stack-curved-text{color:#00d4ff;font-size:4rem;font-weight:700;margin:1rem 0}.variable-proximity-demo{color:#fff;font-size:1.2rem;line-height:1.8;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}.tech-category{background:#ffffff0d;padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:250px;transition:all .3s ease}.tech-category:hover{background:#ffffff1a;border-color:#00d4ff4d;transform:translateY(-5px)}.tech-items{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.tech-item{background:#00d4ff33;color:#00d4ff;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;border:1px solid rgba(0,212,255,.3);transition:all .3s ease}.tech-item:hover{background:#00d4ff4d;border-color:#00d4ff80;transform:scale(1.05)}.footer{background:#141414e6;padding:3rem 0 1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.social-links a{color:#888;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#00d4ff}.footer-text{color:#888;font-size:.9rem}@media (min-width: 1441px){.section-container{max-width:1400px}.hero-content h1{font-size:5rem}.cards-container{max-width:1200px;gap:5rem}.card{width:350px;height:220px}}@media (max-width: 1200px){.section-container{max-width:1000px}.about-card{left:150px;max-width:550px}.circular-text-container{left:190px}.cards-container{gap:3rem}.card{width:280px;height:180px}}@media (max-width: 992px){.nav-container{padding:0 1.5rem}.nav-menu{gap:1.5rem}.hero-content h1{font-size:3.5rem}.hero-content p{font-size:1.3rem}.about-card{left:50px;max-width:500px;padding:40px}.circular-text-container{left:140px;width:90px;height:90px}.cards-container{max-width:700px;gap:2.5rem}.content-section h2{font-size:2.2rem}.tech-stack-curved-text{font-size:3rem}.modal-card{width:90%;max-width:700px;height:450px;margin:0 20px}}@media (max-width: 768px){.nav-container{padding:0 1rem;position:relative}.mobile-menu-toggle{display:block}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;flex-direction:column;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;z-index:1000}.nav-menu.mobile-open{display:flex}.nav-menu li a{padding:1rem;text-align:center;border-radius:8px;display:block;font-size:.9rem}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1.2rem}.section-container{padding:0 1rem}.about-content{grid-template-columns:1fr;text-align:center}.projects-grid,.skills-grid{grid-template-columns:1fr}.about-card{left:0;margin:0 1rem;min-height:280px;max-width:calc(100% - 2rem);padding:30px 20px 40px}.about-content-new{flex-direction:column;padding:60px 15px 20px;text-align:center;gap:1.5rem}.circular-text-container{position:relative;left:auto;top:auto;width:80px;height:80px;margin:0 auto -10px}.avatar-image{width:100px;height:100px}.about-info li{font-size:.9rem}.cards-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:350px;justify-items:center}.card{width:320px;height:200px}#projects{height:auto;min-height:auto;padding:2rem 0}.tech-stack-curved-text{font-size:2.5rem}.variable-proximity-demo{font-size:1rem;padding:0 1rem}.modal-card{width:95%;height:80vh;max-height:500px;margin:0 10px}.modal-content{padding:15px;max-height:calc(80vh - 100px)}.modal-image{padding:10px}.tech-category{margin:0 1rem;padding:1.5rem}}@media (max-width: 480px){.nav-container{padding:0 .5rem}.nav-menu li a{padding:.8rem;font-size:.85rem}.hero-content h1{font-size:2.2rem;margin-bottom:.5rem}.hero-content p{font-size:1rem;margin-bottom:1.5rem}.hero-section{height:100vh;min-height:600px;padding:1rem 0}.content-section h2{font-size:1.8rem;margin-bottom:2rem}.content-section{padding:2rem 0}.section-container{padding:0 .5rem}.about-card{margin:0 .5rem;padding:25px 15px 35px;max-width:calc(100% - 1rem)}.about-content-new{padding:50px 10px 15px;gap:1rem}.circular-text-container{width:70px;height:70px}.avatar-image{width:80px;height:80px}.about-info li{font-size:.8rem;line-height:1.4;margin-bottom:.4rem}.cards-container{max-width:300px;gap:2rem}.card{width:280px;height:180px}.card__content{padding:15px 15px 55px}.card__title{font-size:16px}.card__description{font-size:12px;line-height:1.3}.button,.project-btn{padding:8px 14px;font-size:.75rem;bottom:12px}.projects-section,.projects-cards-section{padding:1rem 0}.tech-stack-curved-text{font-size:1.8rem}.tech-stack-section{padding:0 0 1rem}.variable-proximity-demo{font-size:.9rem;min-height:60px}.tech-category{margin:0 .5rem;padding:1rem}.tech-item,.skill-list span{padding:.3rem .6rem;font-size:.8rem}.modal-card{width:98%;height:85vh;max-height:450px;margin:0 5px}.modal-content{padding:10px;max-height:calc(85vh - 80px)}.modal-tech-title{font-size:16px}.modal-image{padding:5px}.modal-video{max-width:95%;max-height:200px}.footer{padding:2rem 0 .5rem}.footer-content{padding:0 .5rem}.social-links{gap:1rem;margin-bottom:1rem}.social-links a{font-size:1.2rem}.footer-text{font-size:.8rem}.spinner-section{padding:0;margin-top:-4rem;min-height:8vh}.spinner{width:32px;height:32px}.my-interest-section{margin-top:2rem;margin-bottom:6rem;padding:0 .5rem}.my-interest-section div[style*="font-size: 4rem"]{font-size:2.5rem!important}.small-text{font-size:.9rem!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#141414}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00d5ff00}.about-card{background:#000c;border-radius:20px;padding:50px 50px 80px;position:relative;left:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;max-width:600px;margin:0 auto;z-index:1;overflow:hidden;min-height:300px}.circular-text-container{position:absolute;top:-70px;left:240px;z-index:20;width:100px;height:100px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.loading-spinner{border:3px solid rgba(0,212,255,.1);border-top:3px solid #00d4ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s ease}.mobile-menu-toggle:hover{background-color:#ffffff1a}.mobile-menu-toggle:active{background-color:#fff3}.nav-menu.mobile-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.nav-menu.mobile-open li a{padding:1rem;text-align:center;border-radius:8px;transition:background-color .3s ease}.nav-menu.mobile-open li a:hover{background-color:#ffffff1a}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}html,body{scrollbar-width:none;-ms-overflow-style:none}.project-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:10px 22px;border-radius:6px;border:none;color:#fff;cursor:pointer;background-color:#272727;transition:all .2s ease;z-index:10}.project-btn:active{transform:scale(.96)}.project-btn:before,.project-btn:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:-1000;background-repeat:no-repeat}.project-btn:hover:before{top:-70%;background-image:radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,transparent 20%,#272727 20%,transparent 30%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,transparent 10%,#272727 15%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .6s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.project-btn:hover:after{bottom:-70%;background-image:radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,transparent 10%,#272727 15%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%),radial-gradient(circle,#272727 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .6s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}#cursor,#box,#text{cursor:pointer}#cursor{overflow:visible;transform:translate3d(300px,0,0) scale(1);transform-origin:center center;transform-box:fill-box;animation:cursor 5s ease infinite alternate}@keyframes cursor{0%{opacity:0;transform:translate3d(300px,0,0) scale(1)}30%{opacity:1;transform:translateZ(0) scale(1)}60%{opacity:1;transform:translate3d(-200px,-200px,0) scale(1)}65%{opacity:1;transform:translate3d(-200px,-200px,0) scale(.95)}70%{opacity:1;transform:translate3d(-200px,-200px,0) scale(1)}to{opacity:1;transform:translate3d(-300px,-50px,0) scale(1)}}#box{opacity:0;animation:box 5s ease infinite alternate}@keyframes box{0%,60%{opacity:0}65%,to{opacity:1}}.blog-page{min-height:100vh;background-color:#f0efeb;padding:2rem;position:relative}.blog-content{color:#666;line-height:1.6;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:0;padding-top:8rem;position:relative}.decorative-line-left{position:absolute;left:0;top:calc(50% + 17rem);transform:translateY(-50%)}svg.decorative-line-right{position:absolute;right:0;top:calc(50% + 17rem);transform:translateY(-50%) scaleX(-1) scale(1.2)!important;transform-origin:center}.learning-content-section{padding:4rem 0 2rem;color:#302c1a}.learning-content-container{max-width:800px;margin:0 auto;padding:0 2rem}.learning-title-item{font-size:2rem;color:#302c1a;margin:2rem 0;font-weight:600;text-align:left;line-height:1.4}.learning-divider{border:none;height:1px;background-color:#d0d0d0;margin:3rem 0;opacity:.6}.back-to-top-container{text-align:center;margin-top:4rem;padding-top:2rem;border-top:2px solid #D0D0D0}.back-to-top-btn{background:#302c1a;color:#f0efeb;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:16px;transition:all .3s ease}.back-to-top-btn:hover{background:#4a463a;transform:translateY(-2px)}.blog-content svg{transform:scale(1.2);transform-origin:center;transition:transform .3s ease}.blog-content svg:hover{transform:scale(1.5)}p{margin-bottom:1rem}.back-button{margin-top:2rem;text-align:center}button{background:#302c1a;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .3s ease}button:hover{background:#302c1a}@media (max-width: 1200px){.decorative-line-left,.decorative-line-right{width:300px}}@media (max-width: 992px){.decorative-line-left,.decorative-line-right{width:250px}.learning-title-item{font-size:16px}}@media (max-width: 768px){.blog-page{padding:1rem}.blog-content{padding-top:6rem;padding-left:1rem;padding-right:1rem}.decorative-line-left,.decorative-line-right{width:200px}.learning-content-container{padding:0 1rem}.learning-title-item{font-size:1.6rem;margin:1.5rem 0}.learning-divider{margin:2rem 0}.back-button-top{top:20px!important;left:10px!important}.social-icons{top:20px!important;right:10px!important}.container{display:flex;gap:1rem}.icon{width:36px!important;height:36px!important}}@media (max-width: 480px){.blog-page{padding:.5rem}.blog-content{padding-top:5rem;padding-left:.5rem;padding-right:.5rem}.decorative-line-left,.decorative-line-right{width:150px;top:calc(50% + 15rem)}.learning-content-section{padding:2rem 0 1rem}.learning-content-container{padding:0 .5rem}.learning-title-item{font-size:1.3rem;margin:1rem 0}.learning-divider{margin:1.5rem 0}.back-to-top-container{margin-top:2rem;padding-top:1rem}.back-button-top{top:15px!important;left:5px!important}.social-icons{top:15px!important;right:5px!important}.container{gap:.5rem}.icon{width:32px!important;height:32px!important}button{padding:8px 16px;font-size:14px}.blog-content svg{transform:scale(1)}.blog-content svg:hover{transform:scale(1.2)}}@media (max-width: 360px){.decorative-line-left,.decorative-line-right{width:120px;top:calc(50% + 12rem)}.learning-title-item{font-size:1.2rem}}.button{cursor:pointer;position:relative;padding:10px 24px;font-size:18px;color:#302c1a;border:2px solid #302C1A;border-radius:34px;background-color:transparent;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);overflow:hidden}.button:before{content:"";position:absolute;inset:0;margin:auto;width:50px;height:50px;border-radius:inherit;scale:0;z-index:-1;background-color:#242111;transition:all .6s cubic-bezier(.23,1,.32,1)}.button:hover:before{scale:3}.button:hover{color:#fff;scale:1.1;box-shadow:0 0 20px #c1a36266}.button:active{scale:1}.split-parent{font-size:2rem;font-weight:600;color:#333;line-height:1.5}.split-parent .split-char{display:inline-block;white-space:pre}.container{display:flex;column-gap:28px}.icon{display:inline-flex;width:48px;height:48px;text-decoration:none;font-size:25px;outline:2px solid #302C1A;border-radius:50%;transition-property:outline-offset,outline-color,background-color;transition-duration:.25s;color:#53503f;align-items:center;justify-content:center}button.icon{background:none;border:none;padding:0;cursor:pointer}.icon:hover{outline-offset:4px;color:#fff}.icon svg{margin:auto;width:32px;height:32px}.icon-instagram:hover,.icon-dis:hover{background-color:#302c1a;outline-color:#302c1a}.icon:hover svg{animation:shake .25s;color:#fff}.icon:hover svg path{stroke:#fff;fill:#fff}@keyframes shake{10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}}