@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.dots-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}@media (max-width: 768px){.dots-background{opacity:.8}}@media (max-width: 480px){.dots-background{opacity:.6}}@media (max-width: 360px){.dots-background{opacity:.5}}.navbar{width:100%;padding:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid rgba(0,0,0,.05)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar-left,.navbar-center,.navbar-right{flex:1;display:flex;align-items:center}.navbar-left{justify-content:flex-start}.navbar-center{justify-content:center}.navbar-right{justify-content:flex-end}.navbar-link{text-decoration:none;color:#1a1a1a;font-weight:500;font-size:.95rem;padding:.75rem 1.5rem;border-radius:25px;border:1px solid #1a1a1a;transition:all .3s ease}.navbar-link:hover{box-shadow:0 2px 10px #0000001a;transform:translateY(-1px)}.navbar-logo{width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:scale(1.1)}.navbar-logo:active{transform:scale(.95)}.logo-image{width:100%;height:100%;object-fit:contain}.navbar-button{background:#1a1a1a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.navbar-button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}@media (max-width: 768px){.navbar{padding:1rem 0}.navbar-container{padding:0 1rem}.navbar-link{padding:.4rem .8rem;font-size:.9rem}.navbar-button{padding:.6rem 1.2rem;font-size:.9rem}.navbar-logo{width:35px;height:35px}}@media (max-width: 480px){.navbar{padding:.75rem 0}.navbar-container{padding:0 .75rem}.navbar-link{padding:.3rem .6rem;font-size:.85rem}.navbar-button{padding:.5rem 1rem;font-size:.85rem}.navbar-logo{width:32px;height:32px}}@media (max-width: 360px){.navbar{padding:.5rem 0}.navbar-container{padding:0 .5rem}.navbar-link{padding:.25rem .5rem;font-size:.8rem}.navbar-button{padding:.4rem .8rem;font-size:.8rem}.navbar-logo{width:30px;height:30px}}.footer{padding:2rem 0;background:transparent}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 1200px){.footer-container{max-width:100%;padding:0 2rem}}@media (max-width: 1024px){.footer{padding:1.75rem 0}.footer-container{padding:0 1.75rem}}@media (max-width: 768px){.footer{padding:1.5rem 0}.footer-container{padding:0 1rem}}@media (max-width: 480px){.footer{padding:1.25rem 0}.footer-container{padding:0 .75rem}}@media (max-width: 360px){.footer{padding:1rem 0}.footer-container{padding:0 .5rem}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a2e35,#222);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .5s ease-out}.loading-screen.fade-out{animation:fadeOut .5s ease-out forwards}.loading-content{text-align:center;color:#fff;max-width:400px;padding:2rem}.loading-logo{margin-bottom:2rem}.logo-animation{width:80px;height:80px;background:linear-gradient(135deg,#222,#ff5c5c);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto;animation:logoPulse 2s ease-in-out infinite,logoRotate 3s linear infinite;box-shadow:0 10px 30px #ff5c5c4d}.loading-text{margin-bottom:3rem;animation:slideInUp .8s ease-out .3s both}.loading-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#ff5c5c,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-subtitle{font-size:1rem;color:#fffc;font-weight:400}.loading-progress{margin-bottom:2rem;animation:slideInUp .8s ease-out .6s both}.progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,#ff5c5c,#fff);border-radius:2px;transition:width .1s ease-out;box-shadow:0 0 10px #ff5c5c80}.progress-text{font-size:.9rem;color:#fffc;font-weight:500}.loading-dots{display:flex;justify-content:center;gap:.5rem;animation:slideInUp .8s ease-out .9s both}.dot{width:8px;height:8px;background:#ff5c5c;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #ff5c5c4d}50%{transform:scale(1.1);box-shadow:0 15px 40px #ff5c5c80}}@keyframes logoRotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}}@media (max-width: 1200px){.loading-content{max-width:350px;padding:1.75rem}}@media (max-width: 1024px){.loading-content{max-width:320px;padding:1.5rem}.logo-animation{width:70px;height:70px;font-size:2.2rem}.loading-title{font-size:1.8rem}}@media (max-width: 768px){.loading-content{padding:1.5rem;max-width:300px}.logo-animation{width:60px;height:60px;font-size:2rem}.loading-title{font-size:1.5rem}.loading-subtitle{font-size:.9rem}.loading-text{margin-bottom:2.5rem}.loading-progress{margin-bottom:1.5rem}}@media (max-width: 480px){.loading-content{padding:1.25rem;max-width:280px}.logo-animation{width:50px;height:50px;font-size:1.8rem;border-radius:16px}.loading-title{font-size:1.3rem;margin-bottom:.4rem}.loading-subtitle{font-size:.85rem}.loading-text{margin-bottom:2rem}.loading-progress{margin-bottom:1.25rem}.progress-bar{height:3px}.dot{width:6px;height:6px}}@media (max-width: 360px){.loading-content{padding:1rem;max-width:260px}.logo-animation{width:45px;height:45px;font-size:1.6rem;border-radius:14px}.loading-title{font-size:1.2rem;margin-bottom:.3rem}.loading-subtitle{font-size:.8rem}.loading-text{margin-bottom:1.75rem}.loading-progress{margin-bottom:1rem}.progress-bar{height:2px}.dot{width:5px;height:5px}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 0 40px;position:relative}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-name{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.hero-title{font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;color:#666;margin-bottom:2rem;line-height:1.4}.hero-description{font-size:clamp(1rem,2vw,1.1rem);font-weight:400;color:#1a1a1a;line-height:1.6;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;text-align:center!important}.hero-description strong{font-weight:600;color:#000}.hero-links{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.hero-link{text-decoration:none;color:#1a1a1a;font-weight:400;font-size:1rem;transition:all .3s ease;position:relative}.hero-link:hover{color:#000;transform:translateY(-1px)}.hero-link-bold{font-weight:600}.hero-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#1a1a1a;transition:width .3s ease}.hero-link:hover:after{width:100%}@media (max-width: 768px){.hero{padding:0 0 32px}.hero-container{padding:0 1rem}.hero-links{gap:1.5rem;flex-direction:column}.hero-description{margin-bottom:2.5rem}}@media (max-width: 480px){.hero-name{font-size:2.2rem}.hero-title{font-size:1rem}.hero-description{font-size:.95rem}.hero-links{gap:1rem}.hero-container{padding:0 .75rem}}@media (max-width: 360px){.hero-name{font-size:2rem;margin-bottom:.75rem}.hero-title{font-size:.95rem;margin-bottom:1.5rem}.hero-description{font-size:.9rem;margin-bottom:2rem}.hero-links{gap:.75rem}.hero-container{padding:0 .5rem}.hero-link{font-size:.95rem}}.home-page{min-height:100vh;max-height:100vh;width:100%;max-width:1200px;margin:0 auto;padding:0px 2rem 80px;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:homePageSlideIn 1s ease-out}.home-content{width:100%;text-align:center;animation:fadeInUp .8s ease-out .3s both}@media (max-width: 1200px){.home-page{max-width:100%;padding:0px 2rem 80px}}@media (max-width: 1024px){.home-page{padding:0px 1.75rem 70px}}@media (max-width: 768px){.home-page{padding:0px 1.5rem 60px;max-height:none;overflow-y:auto}.home-content{padding:0 1rem}}@media (max-width: 480px){.home-page{padding:0px 1rem 40px;max-height:none;overflow-y:auto}.home-content{padding:0 .5rem}}@media (max-width: 360px){.home-page{padding:0px .75rem 30px}.home-content{padding:0 .25rem}}.work-page{min-height:100vh;width:100%;max-width:1200px;margin:0 auto;padding:50px 2rem 80px;background:#fff;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:smooth}.work-container{width:100%;display:flex;flex-direction:column;gap:3rem}.work-section{margin-bottom:clamp(1rem,2vh,2rem);flex:1;display:flex;flex-direction:column}.work-section:nth-child(2){animation-delay:.2s;margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 1rem;animation:slideInLeft .6s ease-out;flex-shrink:0}.section-title{font-size:30px;font-weight:700;color:#1a1a1a;margin:0}.download-cv-button{background:#1a1a1a;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:500;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;animation:slideInRight .6s ease-out}.download-cv-button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(.75rem,2vw,2rem);margin:20px;flex:1}.project-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:20px;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1),transform .3s ease;cursor:pointer;position:relative;overflow:hidden;animation:cardSlideIn .6s ease-out;display:flex;flex-direction:column;justify-content:flex-start}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.card-content{margin-top:auto;display:flex;flex-direction:column;position:relative;z-index:2}.desc-wrapper{background:#1a2e35;border-radius:12px;padding:0;margin-top:8px;overflow:hidden;max-height:0;opacity:0;transform:translateY(8px);transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,transform .3s ease,padding .3s ease}.project-card:hover .desc-wrapper{padding:12px 14px;max-height:320px;opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;border-color:#222;border-width:2px}.card-logo{margin-bottom:clamp(.5rem,1.2vh,1.25rem);padding:.25rem 0;animation:logoFloat 2s ease-in-out infinite}.logo-symbol{width:clamp(36px,4vw,52px);height:clamp(36px,4vw,52px);background:linear-gradient(135deg,#222,#ff5c5c);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(1rem,1.8vw,1.5rem);transition:all .3s ease}.project-card:hover .logo-symbol{transform:scale(1.1) rotate(5deg)}.project-title{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:600;color:#222;margin-bottom:clamp(.5rem,1.5vh,1rem);padding:.25rem 0;transition:color .3s ease;position:relative;z-index:2;flex-shrink:0}.project-description{color:#666;line-height:1.6;margin:0;padding:.25rem 0;transition:color .3s ease;position:relative;z-index:2;display:block;font-size:clamp(.9rem,1.6vw,1.05rem)}.project-card:hover .project-title{color:#ff5c5c;transform:translateY(-2px)}.project-card:hover .project-description{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.work-page{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.work-page::-webkit-scrollbar{width:8px}.work-page::-webkit-scrollbar-track{background:transparent}.work-page::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.work-page::-webkit-scrollbar-thumb:hover{background:#0000004d}.work-section{scroll-margin-top:2rem;transition:transform .3s ease,opacity .3s ease}.work-section:hover{transform:translateY(-2px)}.project-card{transition:all .4s cubic-bezier(.4,0,.2,1),transform .3s ease}.project-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026}html{scroll-behavior:smooth}.work-section{opacity:0;transform:translateY(20px);animation:sectionFadeIn .8s ease-out forwards}.work-section:nth-child(1){animation-delay:.1s}.work-section:nth-child(2){animation-delay:.3s}@keyframes sectionFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.work-page{max-width:100%;padding:50px 2rem 80px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2.5vw,2rem)}}@media (max-width: 1024px){.work-page{padding:45px 1.75rem 70px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(.75rem,2vw,1.5rem)}.section-title{font-size:28px}}@media (max-width: 768px){.work-page{padding:clamp(80px,12vh,120px) 1.5rem clamp(32px,8vh,60px) 1.5rem}.section-header{flex-direction:column;gap:1rem;text-align:center;margin-bottom:1.5rem;padding:0 .5rem}.project-grid{grid-template-columns:1fr;gap:clamp(.5rem,2vw,1rem);margin:20px}.project-card{padding:clamp(.75rem,2vw,1.25rem);margin:20px;height:clamp(170px,26vh,220px)}.section-title{font-size:26px}}@media (max-width: 480px){.work-page{padding:clamp(72px,12vh,100px) 1rem clamp(24px,6vh,40px) 1rem}.section-title{font-size:1.8rem}.download-cv-button{padding:.6rem 1.2rem;font-size:.9rem}.project-card{padding:clamp(.75rem,3vw,1rem);margin:20px;height:clamp(150px,24vh,200px)}.project-grid{gap:clamp(.5rem,2.5vw,.75rem);margin:20px}.logo-symbol{width:clamp(30px,7vw,36px);height:clamp(30px,7vw,36px);font-size:clamp(.95rem,3.5vw,1.1rem)}.project-title{font-size:clamp(1rem,3.5vw,1.1rem);margin-bottom:.75rem}.project-description{font-size:clamp(.85rem,3.2vw,.95rem)}}@media (max-width: 360px){.work-page{padding:clamp(70px,10vh,90px) .75rem clamp(20px,5vh,30px) .75rem}.section-header{padding:0 .25rem;gap:.75rem}.project-grid{margin:15px;gap:clamp(.4rem,2vw,.6rem)}.project-card{margin:15px;padding:clamp(.6rem,2.5vw,.8rem);height:clamp(140px,22vh,180px)}.section-title{font-size:1.6rem}.download-cv-button{padding:.5rem 1rem;font-size:.85rem}}.work-page{scroll-padding-top:2rem}.work-section,.project-card,.section-header,.download-cv-button{will-change:transform,opacity}.project-card:hover .card-logo{transform:scale(1.05)}.project-card:hover .project-title{color:#1a1a1a}.project-card:focus{outline:2px solid #1a1a1a;outline-offset:2px}.download-cv-button:focus{outline:2px solid #ffffff;outline-offset:2px}.desc-wrapper{transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover .desc-wrapper{max-height:100px;opacity:1;padding:12px}.work-page{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.work-section+.work-section{margin-top:2rem}@media (max-width: 768px){.work-section+.work-section{margin-top:1.5rem}}@media (max-width: 480px){.work-section+.work-section{margin-top:1rem}}.work-page{animation:pageEntrance .6s ease-out}@keyframes pageEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-page{min-height:100vh;max-height:100vh;width:100%;max-width:1200px;margin:0 auto;padding:0px 2rem 80px;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:contactPageSlideIn .8s ease-out}.contact-content{width:100%;max-width:600px;text-align:center;animation:contactContentFadeIn 1s ease-out .4s both}.contact-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1a1a1a;margin-bottom:2rem}.contact-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:3rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-label{font-weight:500;color:#1a1a1a;font-size:.9rem}.form-input,.form-textarea{padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-input:focus,.form-textarea:focus{outline:none;border-color:#fe8b8b;box-shadow:0 0 0 3px #fe8b8b1a}.form-textarea{resize:vertical;min-height:120px}.submit-button{background:#1a1a1a;color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;margin-top:1rem}.submit-button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.submit-button.submitting{background:#666;cursor:not-allowed;transform:none}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-success,.submit-error{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center;font-weight:500}.submit-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.submit-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-info{margin-top:3rem;text-align:center;padding:2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.contact-info h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.contact-info p{color:#ccc;margin-bottom:1rem}.email-link{color:#fe8b8b;text-decoration:none;font-size:1.2rem;font-weight:600;transition:all .3s ease}.email-link:hover{color:#ff6b6b;text-decoration:underline}@keyframes contactPageSlideIn{0%{opacity:0;transform:translate(50px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes contactContentFadeIn{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1200px){.contact-page{max-width:100%;padding:0px 2rem 80px}.contact-content{max-width:550px}}@media (max-width: 1024px){.contact-page{padding:0px 1.75rem 70px}.contact-content{max-width:500px}.contact-title{font-size:clamp(1.8rem,3.5vw,2.8rem)}}@media (max-width: 768px){.contact-page{padding:120px 1.5rem 60px;max-height:none;overflow-y:auto}.contact-content{max-width:100%;padding:0 1rem}.contact-form{max-width:100%}.contact-title{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:1.5rem}.contact-description{font-size:1rem;margin-bottom:2.5rem}.contact-info{margin-top:2rem;padding:1.5rem}.contact-info h3{font-size:1.3rem}.email-link{font-size:1.1rem}}@media (max-width: 480px){.contact-page{padding:100px 1rem 40px;max-height:none;overflow-y:auto}.contact-content{padding:0 .5rem}.contact-title{font-size:2rem;margin-bottom:1.25rem}.contact-description{font-size:1rem;margin-bottom:2rem}.form-input,.form-textarea{padding:.6rem .8rem}.submit-button{padding:.8rem 1.5rem;font-size:.95rem}}@media (max-width: 360px){.contact-page{padding:90px .75rem 30px}.contact-content{padding:0 .25rem}.contact-title{font-size:1.8rem;margin-bottom:1rem}.contact-description{font-size:.95rem;margin-bottom:1.75rem}.form-input,.form-textarea{padding:.5rem .7rem;font-size:.95rem}.submit-button{padding:.7rem 1.2rem;font-size:.9rem}.form-group{gap:.4rem}}.not-found-page{min-height:100vh;max-height:100vh;width:100%;max-width:1200px;margin:0 auto;padding:140px 2rem 80px;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:otherPageSlideIn .6s ease-out}.not-found-content{width:100%;text-align:center;animation:fadeInUp .8s ease-out .3s both}.not-found-title{font-size:clamp(4rem,8vw,8rem);font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1}.not-found-subtitle{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;color:#666;margin-bottom:2rem}.not-found-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.back-home-button{background:#1a1a1a;color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:25px;font-weight:500;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 10px #0000001a;display:inline-block}.back-home-button:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 20px #00000026}@media (max-width: 1200px){.not-found-page{max-width:100%;padding:140px 2rem 80px}}@media (max-width: 1024px){.not-found-page{padding:130px 1.75rem 70px}.not-found-title{font-size:clamp(3.5rem,7vw,7rem)}.not-found-subtitle{font-size:clamp(1.4rem,2.8vw,2.3rem)}}@media (max-width: 768px){.not-found-page{padding:120px 1.5rem 60px;max-height:none;overflow-y:auto}.not-found-content{padding:0 1rem}.not-found-title{font-size:clamp(3rem,6vw,6rem);margin-bottom:.75rem}.not-found-subtitle{font-size:clamp(1.3rem,2.5vw,2rem);margin-bottom:1.5rem}.not-found-description{font-size:1rem;margin-bottom:2.5rem;max-width:450px}.back-home-button{padding:.9rem 1.8rem;font-size:.95rem}}@media (max-width: 480px){.not-found-page{padding:100px 1rem 40px;max-height:none;overflow-y:auto}.not-found-content{padding:0 .5rem}.not-found-title{font-size:4rem;margin-bottom:.5rem}.not-found-subtitle{font-size:1.5rem;margin-bottom:1.25rem}.not-found-description{font-size:1rem;margin-bottom:2rem;max-width:400px}.back-home-button{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 360px){.not-found-page{padding:90px .75rem 30px}.not-found-content{padding:0 .25rem}.not-found-title{font-size:3.5rem;margin-bottom:.5rem}.not-found-subtitle{font-size:1.3rem;margin-bottom:1rem}.not-found-description{font-size:.95rem;margin-bottom:1.75rem;max-width:350px}.back-home-button{padding:.7rem 1.2rem;font-size:.85rem}}.cs-page{width:100%;min-height:100vh;background:#fff;scroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:auto!important;scroll-snap-type:none!important;scroll-padding:0!important}.cs-content{width:100%;display:flex;flex-direction:column;gap:0;max-width:1400px;margin:0 auto;padding:0 2rem}.cs-slide{width:100%;display:flex;align-items:center;justify-content:center;padding:4rem 0;opacity:0;transform:translateY(20px);transition:all .6s ease-out;will-change:transform,opacity}.cs-slide.is-active{opacity:1;transform:translateY(0)}.cs-slide+.cs-slide{margin-top:0}.cs-container{width:100%;max-width:1200px;margin:0;display:flex;align-items:flex-start;flex-direction:column;gap:3rem}.role-container{align-items:flex-start!important}.cs-title{font-size:clamp(2.5rem,5vw,4rem);color:#222;margin:0 0 1.5rem;line-height:1.2}.cs-heading{font-size:clamp(1.8rem,3.5vw,2.5rem);color:#222;margin:0 0 1.5rem;text-align:left;line-height:1.3}.accent{color:#fe8b8b}.cs-paragraph{color:#444;line-height:1.7;max-width:800px;text-align:left;margin:0;font-size:clamp(1rem,2vw,1.1rem)}p{text-align:left;margin:0}.solution .cs-container{display:flex;gap:4rem;align-items:flex-start;justify-content:space-between;width:100%;flex-direction:row}.solution .solution-text{max-width:600px;text-align:left}.solution .solution-text .cs-title{text-align:left;margin-bottom:1.5rem}.solution .solution-text .cs-paragraph{text-align:left;margin:0}.mockup-solution{max-width:500px;width:100%;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #0000001a}.cs-container.cols{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.col .cs-heading{text-align:left;margin-bottom:1.5rem}.col .cs-paragraph{text-align:left;margin:0 0 2rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ov-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8f9fa;border:1px solid rgba(0,0,0,.08);padding:1rem 1.5rem;border-radius:12px;transition:all .3s ease}.ov-item:hover{background:#fff;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.ov-item span{color:#666;font-size:.9rem}.ov-item strong{color:#222;font-weight:600}.cs-paragraph.narrow{max-width:700px;text-align:left}.pills{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;max-width:900px;justify-content:flex-start}.pill{padding:.75rem 1.5rem;border-radius:999px;background:#162429;color:#f5f7f8;font-size:.95rem;box-shadow:0 4px 14px #00000014;transition:all .3s ease}.pill:hover{background:#fe8b8b;transform:translateY(-2px);box-shadow:0 6px 20px #fe8b8b4d}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;width:100%;align-items:start}.step{text-align:center;position:relative;padding:1rem}.step-icon{width:80px;height:80px;border-radius:50%;background:#162429;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step:hover .step-icon{background:#fe8b8b;transform:scale(1.05)}.step-icon img{width:40px;height:40px;object-fit:contain}.step-title{font-weight:600;color:#222;margin-bottom:.75rem;font-size:1.1rem}.step-list{list-style:none;padding:0;margin:0;color:#666;font-size:.9rem;line-height:1.4}.step-list li{margin:6px 0}.step-sep{color:#fe8b8b;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;height:100%}.empathy-rows{display:flex;flex-direction:column;gap:2rem}.empathy-title{color:#222;margin:1rem 0;font-size:1.2rem;font-weight:600;text-align:center}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cards-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.cards-row:last-child{margin-bottom:0}.card{background:#fff;border-radius:16px;padding:1.5rem;border:1px solid rgba(0,0,0,.08);min-height:140px;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-label{font-weight:600;margin-bottom:.75rem;color:#333;font-size:1rem}.card.say{background:linear-gradient(135deg,#e7f0ff,#f0f7ff);border-color:#b3d9ff}.card.think{background:linear-gradient(135deg,#e7ffe7,#f0fff0);border-color:#b3e6b3}.card.do{background:linear-gradient(135deg,#fff2e1,#fff8f0);border-color:#ffd699}.card.feel{background:linear-gradient(135deg,#ffe5e5,#fff0f0);border-color:#ffb3b3}.card ul{margin:0;padding-left:1.2rem;color:#444;line-height:1.5}.badge-wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.badge{background:linear-gradient(135deg,#fe8b8b,#ff9e9e);color:#fff;border-radius:999px;padding:.75rem 1.5rem;font-weight:500;box-shadow:0 6px 20px #fe8b8b40;transition:all .3s ease}.badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fe8b8b59}.flows{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;width:100%}.flow-title{font-weight:600;color:#222;margin-bottom:1rem;font-size:1.2rem;text-align:center}.flow img{width:100%;height:auto;object-fit:contain;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.flow img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.cs-slide:nth-child(1){transition-delay:.1s}.cs-slide:nth-child(2){transition-delay:.2s}.cs-slide:nth-child(3){transition-delay:.3s}.cs-slide:nth-child(4){transition-delay:.4s}.cs-slide:nth-child(5){transition-delay:.5s}.cs-slide:nth-child(6){transition-delay:.6s}.cs-slide:nth-child(7){transition-delay:.7s}@media (max-width: 1200px){.cs-content{max-width:1200px;padding:0 1.5rem}.cs-container{max-width:1000px;gap:2.5rem}.solution .cs-container,.cs-container.cols{gap:3rem}}@media (max-width: 1024px){.cs-container{max-width:900px;gap:2rem}.steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}.step-sep{display:none}.solution .cs-container,.cs-container.cols{gap:2.5rem}}@media (max-width: 768px){.cs-content{padding:0 1rem}.cs-slide{padding:3rem 0}.cs-container{gap:1.5rem}.solution .cs-container{flex-direction:column;gap:2rem;text-align:center}.solution .solution-text,.solution .solution-text .cs-title,.solution .solution-text .cs-paragraph{text-align:center}.cs-container.cols{grid-template-columns:1fr;gap:2rem}.col,.col .cs-heading,.col .cs-paragraph{text-align:center}.steps{grid-template-columns:repeat(2,1fr);gap:1rem}.cards{grid-template-columns:1fr;gap:1rem}.cards-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}.flows{grid-template-columns:1fr;gap:2rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}}@media (max-width: 480px){.cs-slide{padding:2rem 0}.cs-container{gap:1.25rem}.steps{grid-template-columns:1fr;gap:1rem}.cards,.overview-grid{grid-template-columns:1fr;gap:.75rem}.mockup-solution{max-width:100%}.cs-title{font-size:clamp(2rem,4vw,3rem)}.cs-heading{font-size:clamp(1.5rem,3vw,2rem)}.pills{gap:.75rem}.pill,.badge{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 360px){.cs-slide{padding:1.5rem 0}.cs-container{gap:1rem}.step-icon{width:70px;height:70px}.step-icon img{width:35px;height:35px}.card{padding:1.25rem;min-height:120px}.ov-item{padding:.75rem 1.25rem}.pill,.badge{padding:.5rem 1rem;font-size:.85rem}}.cs-image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cs-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.cs-modal-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.cs-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.cs-modal-close:hover{color:#fe8b8b;transform:scale(1.1)}.cs-page{width:100%;min-height:calc(100vh - 80px);overflow:hidden;display:flex;align-items:center;justify-content:center}.cs-container{width:min(1200px,92vw);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.coming-soon-content{max-width:600px;display:flex;flex-direction:column;align-items:center;gap:2rem}.lock-icon{font-size:4rem;margin-bottom:1rem}.cs-title{font-size:clamp(2rem,4vw,3rem);color:#222;margin:0;text-align:center}.cs-paragraph{color:#444;line-height:1.6;max-width:800px;text-align:center;margin:0}.back-button{display:inline-block;padding:1rem 2rem;background:#162429;color:#f5f7f8;text-decoration:none;border-radius:10px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 14px #00000014;margin-top:1rem}.back-button:hover{background:#2a3a42;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}@media (max-width: 1200px){.cs-container{width:min(100%,95vw);padding:1.75rem}}@media (max-width: 1024px){.cs-container{padding:1.5rem}.cs-title{font-size:clamp(1.8rem,3.5vw,2.8rem)}.lock-icon{font-size:3.5rem}}@media (max-width: 768px){.cs-container{padding:1rem}.coming-soon-content{gap:1.5rem}.lock-icon{font-size:3rem;margin-bottom:.75rem}.cs-title{font-size:clamp(1.6rem,3vw,2.5rem)}.cs-paragraph{font-size:.95rem}.back-button{padding:.9rem 1.8rem;font-size:.95rem}}@media (max-width: 480px){.cs-container{padding:.75rem}.coming-soon-content{gap:1.25rem}.lock-icon{font-size:2.5rem;margin-bottom:.5rem}.cs-title{font-size:clamp(1.4rem,2.5vw,2.2rem)}.cs-paragraph{font-size:.9rem;max-width:600px}.back-button{padding:.8rem 1.5rem;font-size:.9rem}}@media (max-width: 360px){.cs-container{padding:.5rem}.coming-soon-content{gap:1rem}.lock-icon{font-size:2.2rem;margin-bottom:.4rem}.cs-title{font-size:clamp(1.2rem,2vw,2rem)}.cs-paragraph{font-size:.85rem;max-width:500px}.back-button{padding:.7rem 1.2rem;font-size:.85rem}}.th-cs-page{width:100%;min-height:100vh;background:#fff;scroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:auto!important;scroll-snap-type:none!important;scroll-padding:0!important}.th-cs-content{width:100%;display:flex;flex-direction:column;gap:0;max-width:1400px;margin:0 auto;padding:0 2rem}.th-cs-slide{width:100%;display:flex;align-items:center;justify-content:center;padding:4rem 0;opacity:0;transform:translateY(20px);transition:all .6s ease-out;will-change:transform,opacity}.th-cs-slide.is-active{opacity:1;transform:translateY(0)}.th-cs-slide+.th-cs-slide{margin-top:0}.th-cs-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:3rem}.th-cs-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#222;margin-bottom:1.5rem;text-align:center;line-height:1.2}.th-cs-heading{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:#222;margin-bottom:1.5rem;line-height:1.3}.th-accent{color:#0060ad}.th-cs-paragraph{color:#444;line-height:1.7;max-width:800px;text-align:left;margin:0;font-size:clamp(1rem,2vw,1.1rem)}.th-cs-paragraph.th-narrow{max-width:700px;text-align:center}.th-cs-container.th-cols{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.col{text-align:left}.col .th-cs-heading{text-align:left;margin-bottom:1.5rem}.col .th-cs-paragraph{text-align:left;margin:0 0 2rem}.th-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.th-ov-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f8f9fa;border:1px solid rgba(0,0,0,.08);padding:1rem 1.5rem;border-radius:12px;transition:all .3s ease}.th-ov-item:hover{background:#fff;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.th-ov-item span{color:#666;font-size:.9rem}.th-ov-item strong{color:#222;font-weight:600}.th-cs-paragraph.th-narrow{max-width:700px;text-align:left}.th-pills{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;max-width:900px;justify-content:flex-start}.th-pill{padding:.75rem 1.5rem;border-radius:999px;background:#0060ad;color:#f5f7f8;font-size:.95rem;box-shadow:0 4px 14px #0060ad14;transition:all .3s ease}.th-pill:hover{background:#07c;transform:translateY(-2px);box-shadow:0 6px 20px #0077cc4d}.th-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;width:100%;align-items:start}.th-step{text-align:center;position:relative;padding:1rem}.th-step-icon{width:80px;height:80px;border-radius:50%;background:#0060ad;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.th-step:hover .th-step-icon{background:#07c;transform:scale(1.05)}.th-step-icon img{width:40px;height:40px;object-fit:contain}.th-step-title{font-weight:600;color:#333;margin-bottom:.75rem;font-size:1.1rem}.th-step-list{list-style:none;padding:0;margin:0;color:#666;font-size:.9rem;line-height:1.4}.th-step-list li{margin:6px 0}.th-step-sep{color:#0060ad;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;height:100%}.th-flows{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;width:100%}.th-flow-title{font-weight:600;color:#222;margin-bottom:1rem;font-size:1.2rem;text-align:center}.th-flow img{width:100%;height:auto;object-fit:contain;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.th-flow img:hover{transform:scale(1.02);box-shadow:0 8px 24px #00000026}.solution .th-cs-container{display:flex;flex-direction:row;gap:4rem;align-items:center}.th-solution-text{flex:1;max-width:600px}.th-solution-text .th-cs-title{text-align:left}.th-solution-text .th-cs-paragraph{text-align:left;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6;color:#444;margin-bottom:2rem}.th-solution-media{flex:1;display:flex;justify-content:center;align-items:center}.th-solution-media img{max-width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #0000001f;transition:all .3s ease}.th-solution-media img:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0003}.th-cs-slide:nth-child(1){transition-delay:.1s}.th-cs-slide:nth-child(2){transition-delay:.2s}.th-cs-slide:nth-child(3){transition-delay:.3s}.th-cs-slide:nth-child(4){transition-delay:.4s}.th-cs-slide:nth-child(5){transition-delay:.5s}.th-cs-slide:nth-child(6){transition-delay:.6s}@media (max-width: 1200px){.th-cs-content{max-width:1200px;padding:0 1.5rem}.th-cs-container{max-width:1000px;gap:2.5rem}.th-cs-container.th-cols{gap:3rem}}@media (max-width: 1024px){.th-cs-container{max-width:900px;gap:2rem}.th-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}.th-step-sep{display:none}.th-cs-container.th-cols{gap:2.5rem}}@media (max-width: 768px){.th-cs-content{padding:0 1rem}.th-cs-slide{padding:3rem 0}.th-cs-container{gap:1.5rem}.solution .th-cs-container{flex-direction:column;gap:2rem;text-align:center}.solution .th-solution-text,.solution .th-solution-text .th-cs-title,.solution .th-solution-text .th-cs-paragraph{text-align:center}.th-cs-container.th-cols{grid-template-columns:1fr;gap:2rem}.col,.col .th-cs-heading,.col .th-cs-paragraph{text-align:center}.th-steps{grid-template-columns:repeat(2,1fr);gap:1rem}.th-flows{grid-template-columns:1fr;gap:2rem}.th-overview-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}}@media (max-width: 480px){.th-cs-slide{padding:2rem 0}.th-cs-container{gap:1.25rem}.th-steps{grid-template-columns:1fr;gap:1rem}.th-cards,.th-overview-grid{grid-template-columns:1fr;gap:.75rem}.th-solution-media img{max-width:100%}.th-cs-heading{font-size:clamp(1.5rem,3vw,2rem)}.th-pills{gap:.75rem}.th-pill{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 360px){.th-cs-slide{padding:1.5rem 0}.th-cs-container{gap:1rem}.th-step-icon{width:70px;height:70px}.th-step-icon img{width:35px;height:35px}.th-card{padding:1.25rem;min-height:120px}.th-ov-item{padding:.75rem 1.25rem}.th-pill{padding:.5rem 1rem;font-size:.85rem}}.th-badge-wrap{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;justify-content:center}.th-badge{padding:.75rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,#0060ad,#07c);color:#f5f7f8;font-size:.95rem;box-shadow:0 4px 14px #0060ad26;transition:all .3s ease;border:1px solid rgba(0,96,173,.1)}.th-badge:hover{background:linear-gradient(135deg,#07c,#08d);transform:translateY(-2px);box-shadow:0 6px 20px #0077cc4d}.clickable-image{cursor:pointer;transition:all .3s ease}.clickable-image:hover{transform:scale(1.02);box-shadow:0 12px 40px #0003}.th-image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.th-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.th-modal-content img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.th-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.th-modal-close:hover{color:#0060ad;transform:scale(1.1)}.th-fe-page{background-color:#fff;color:#333}.th-fe-hero{position:relative;width:100%;height:auto;overflow:hidden;text-align:center}.th-fe-hero-image{width:50%;height:100%;object-fit:cover;object-position:center}.th-fe-hero-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center}.th-fe-hero-content{text-align:center;color:#fff}.th-fe-hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.th-fe-hero-subtitle{font-size:1.5rem;font-weight:400;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.th-fe-container{max-width:1200px;margin:0 auto;padding:2rem}.th-fe-container{max-width:1200px;margin:0 auto;padding:0 2rem}.th-fe-back-button{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}.back-link{display:inline-flex;align-items:center;color:#0060ad;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border:2px solid #0060AD;border-radius:8px;transition:all .3s ease}.back-link:hover{background-color:#0060ad;color:#fff}.code-link:hover{background-color:#fff;color:#333;border-color:#333!important}.th-fe-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.th-fe-section{margin-bottom:3rem}.th-fe-section-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;border-bottom:2px solid #0060AD;padding-bottom:.5rem}.th-fe-section-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.th-fe-features-list,.th-fe-highlights-list,.th-fe-challenges-list,.th-fe-tech-list,.th-fe-team-list{list-style:none;padding:0;margin:0}.th-fe-features-list li,.th-fe-highlights-list li,.th-fe-challenges-list li,.th-fe-tech-list li,.th-fe-team-list li{font-size:1rem;line-height:1.6;color:#333;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.th-fe-features-list li:before,.th-fe-highlights-list li:before,.th-fe-challenges-list li:before{content:"•";color:#0060ad;font-weight:700;position:absolute;left:0}.th-fe-tech-list li:before{content:"▸";color:#0060ad;position:absolute;left:0}.th-fe-team-list li:before{content:"👤";position:absolute;left:0}.th-fe-role{font-size:1.2rem;font-weight:600;color:#0060ad;background:#0060ad1a;padding:1rem;border-radius:8px;border-left:4px solid #0060AD}@media (max-width: 1200px){.th-fe-container{max-width:100%;padding:0 2rem}}@media (max-width: 1024px){.th-fe-container{padding:0 1.75rem}.th-fe-hero-title{font-size:clamp(2.8rem,5vw,3.5rem)}.th-fe-hero-subtitle{font-size:clamp(1.3rem,2.5vw,1.6rem)}}@media (max-width: 768px){.th-fe-hero-title{font-size:2.5rem}.th-fe-hero-subtitle{font-size:1.2rem}.th-fe-content{grid-template-columns:1fr;gap:2rem}.th-fe-container{padding:1rem}.th-fe-section-title{font-size:1.3rem}.th-fe-section-text{font-size:.95rem}.th-fe-role{font-size:1.1rem;padding:.8rem}}@media (max-width: 480px){.th-fe-container{padding:.75rem}.th-fe-hero-title{font-size:2.2rem;margin-bottom:1rem}.th-fe-hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.th-fe-content{gap:1.5rem}.th-fe-section-title{font-size:1.2rem;margin-bottom:.75rem}.th-fe-section-text{font-size:.9rem;margin-bottom:.75rem}.th-fe-role{font-size:1rem;padding:.7rem}.th-fe-features-list li,.th-fe-highlights-list li,.th-fe-challenges-list li,.th-fe-tech-list li,.th-fe-team-list li{font-size:.9rem;margin-bottom:.6rem;padding-left:1.25rem}}@media (max-width: 360px){.th-fe-container{padding:.5rem}.th-fe-hero-title{font-size:2rem;margin-bottom:.75rem}.th-fe-hero-subtitle{font-size:1rem;margin-bottom:1.25rem}.th-fe-content{gap:1.25rem}.th-fe-section-title{font-size:1.1rem;margin-bottom:.6rem}.th-fe-section-text{font-size:.85rem;margin-bottom:.6rem}.th-fe-role{font-size:.95rem;padding:.6rem}.th-fe-features-list li,.th-fe-highlights-list li,.th-fe-challenges-list li,.th-fe-tech-list li,.th-fe-team-list li{font-size:.85rem;margin-bottom:.5rem;padding-left:1rem}}.vr-page{background-color:#fff;color:#333}.vr-hero{position:relative;width:100%;height:auto;overflow:hidden;text-align:center}.vr-hero-image{width:50%;height:100%;object-fit:cover;object-position:center}.vr-hero-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center}.vr-hero-content{text-align:center;color:#fff}.vr-hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.vr-hero-subtitle{font-size:1.5rem;font-weight:400;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.vr-container{max-width:1200px;margin:0 auto;padding:2rem}.vr-container{max-width:1200px;margin:0 auto;padding:0 2rem}.vr-back-button{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}.back-link{display:inline-flex;align-items:center;color:#a8cbcb;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border:2px solid #a8cbcb;border-radius:8px;transition:all .3s ease}.back-link:hover{background-color:#a8cbcb;color:#fff}.vr-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.vr-section{margin-bottom:3rem}.vr-section-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;border-bottom:2px solid #a8cbcb;padding-bottom:.5rem}.vr-section-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.vr-features-list,.vr-highlights-list,.vr-challenges-list,.vr-tech-list,.vr-team-list{list-style:none;padding:0;margin:0}.vr-features-list li,.vr-highlights-list li,.vr-challenges-list li,.vr-tech-list li,.vr-team-list li{font-size:1rem;line-height:1.6;color:#333;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.vr-features-list li:before,.vr-highlights-list li:before,.vr-challenges-list li:before{content:"•";color:#a8cbcb;font-weight:700;position:absolute;left:0}.vr-tech-list li:before{content:"▸";color:#a8cbcb;position:absolute;left:0}.vr-team-list li:before{content:"👤";position:absolute;left:0}.vr-role{font-size:1.2rem;font-weight:600;color:#a8cbcb;background:#a8cbcb23;padding:1rem;border-radius:8px;border-left:4px solid #a8cbcb}@media (max-width: 1200px){.vr-container{max-width:100%;padding:0 2rem}}@media (max-width: 1024px){.vr-container{padding:0 1.75rem}.vr-hero-title{font-size:clamp(2.8rem,5vw,3.5rem)}.vr-hero-subtitle{font-size:clamp(1.3rem,2.5vw,1.6rem)}}@media (max-width: 768px){.vr-hero-title{font-size:2.5rem}.vr-hero-subtitle{font-size:1.2rem}.vr-content{grid-template-columns:1fr;gap:2rem}.vr-container{padding:1rem}.vr-section-title{font-size:1.3rem}.vr-section-text{font-size:.95rem}.vr-role{font-size:1.1rem;padding:.8rem}}@media (max-width: 480px){.vr-container{padding:.75rem}.vr-hero-title{font-size:2.2rem;margin-bottom:1rem}.vr-hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.vr-content{gap:1.5rem}.vr-section-title{font-size:1.2rem;margin-bottom:.75rem}.vr-section-text{font-size:.9rem;margin-bottom:.75rem}.vr-role{font-size:1rem;padding:.7rem}.vr-features-list li,.vr-highlights-list li,.vr-challenges-list li,.vr-tech-list li,.vr-team-list li{font-size:.9rem;margin-bottom:.6rem;padding-left:1.25rem}}@media (max-width: 360px){.vr-container{padding:.5rem}.vr-hero-title{font-size:2rem;margin-bottom:.75rem}.vr-hero-subtitle{font-size:1rem;margin-bottom:1.25rem}.vr-content{gap:1.25rem}.vr-section-title{font-size:1.1rem;margin-bottom:.6rem}.vr-section-text{font-size:.85rem;margin-bottom:.6rem}.vr-role{font-size:.95rem;padding:.6rem}.vr-features-list li,.vr-highlights-list li,.vr-challenges-list li,.vr-tech-list li,.vr-team-list li{font-size:.85rem;margin-bottom:.5rem;padding-left:1rem}}.tb-page{background-color:#fff;color:#333}.tb-hero{position:relative;width:100%;height:auto;overflow:hidden;text-align:center}.tb-hero-image{width:50%;height:100%;object-fit:cover;object-position:center}.tb-hero-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center}.tb-hero-content{text-align:center;color:#fff}.tb-hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.tb-hero-subtitle{font-size:1.5rem;font-weight:400;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.tb-container{max-width:1200px;margin:0 auto;padding:2rem}.tb-back-button{margin-bottom:2rem;display:flex;gap:1rem;align-items:center}.back-link{display:inline-flex;align-items:center;color:#333;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border:2px solid #333333;border-radius:8px;transition:all .3s ease}.back-link:hover{background-color:#333;color:#fff}.code-link{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;background-color:#333;border:2px solid #333333;border-radius:8px;transition:all .3s ease}.code-link:hover{background-color:#fff;color:#333;border-color:#fff}.tb-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start}.tb-section{margin-bottom:3rem}.tb-section-title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1rem;border-bottom:2px solid #56279c;padding-bottom:.5rem}.tb-section-text{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.tb-features-list,.tb-highlights-list,.tb-challenges-list,.tb-tech-list,.tb-team-list{list-style:none;padding:0;margin:0}.tb-features-list li,.tb-highlights-list li,.tb-challenges-list li,.tb-tech-list li,.tb-team-list li{font-size:1rem;line-height:1.6;color:#333;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.tb-features-list li:before,.tb-highlights-list li:before,.tb-challenges-list li:before{content:"•";color:#56279c;font-weight:700;position:absolute;left:0}.tb-tech-list li:before{content:"▸";color:#56279c;position:absolute;left:0}.tb-team-list li:before{content:"👤";position:absolute;left:0}.tb-role{font-size:1.2rem;font-weight:600;color:#56279c;background:#56279c13;padding:1rem;border-radius:8px;border-left:4px solid #56279c}@media (max-width: 1200px){.tb-container{max-width:100%;padding:0 2rem}}@media (max-width: 1024px){.tb-container{padding:0 1.75rem}.tb-hero-title{font-size:clamp(2.8rem,5vw,3.5rem)}.tb-hero-subtitle{font-size:clamp(1.3rem,2.5vw,1.6rem)}}@media (max-width: 768px){.tb-hero-title{font-size:2.5rem}.tb-hero-subtitle{font-size:1.2rem}.tb-content{grid-template-columns:1fr;gap:2rem}.tb-container{padding:1rem}.tb-section-title{font-size:1.3rem}.tb-section-text{font-size:.95rem}.tb-role{font-size:1.1rem;padding:.8rem}}@media (max-width: 480px){.tb-container{padding:.75rem}.tb-hero-title{font-size:2.2rem;margin-bottom:1rem}.tb-hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.tb-content{gap:1.5rem}.tb-section-title{font-size:1.2rem;margin-bottom:.75rem}.tb-section-text{font-size:.9rem;margin-bottom:.75rem}.tb-role{font-size:1rem;padding:.7rem}.tb-features-list li,.tb-highlights-list li,.tb-challenges-list li,.tb-tech-list li,.tb-team-list li{font-size:.9rem;margin-bottom:.6rem;padding-left:1.25rem}}@media (max-width: 360px){.tb-container{padding:.5rem}.tb-hero-title{font-size:2rem;margin-bottom:.75rem}.tb-hero-subtitle{font-size:1rem;margin-bottom:1.25rem}.tb-content{gap:1.25rem}.tb-section-title{font-size:1.1rem;margin-bottom:.6rem}.tb-section-text{font-size:.85rem;margin-bottom:.6rem}.tb-role{font-size:.95rem;padding:.6rem}.tb-features-list li,.tb-highlights-list li,.tb-challenges-list li,.tb-tech-list li,.tb-team-list li{font-size:.85rem;margin-bottom:.5rem;padding-left:1rem}}.container-responsive{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 1200px){.container-responsive{max-width:100%;padding:0 2rem}}@media (max-width: 1024px){.container-responsive{padding:0 1.75rem}}@media (max-width: 768px){.container-responsive{padding:0 1rem}}@media (max-width: 480px){.container-responsive{padding:0 1rem}}@media (max-width: 360px){.container-responsive{padding:0 .75rem}}.text-responsive-xs{font-size:clamp(.75rem,2vw,.9rem)}.text-responsive-sm{font-size:clamp(.9rem,2.2vw,1rem)}.text-responsive-base{font-size:clamp(1rem,2.5vw,1.1rem)}.text-responsive-lg{font-size:clamp(1.1rem,2.8vw,1.3rem)}.text-responsive-xl{font-size:clamp(1.3rem,3.2vw,1.6rem)}.text-responsive-2xl{font-size:clamp(1.6rem,3.8vw,2rem)}.text-responsive-3xl{font-size:clamp(2rem,4.5vw,2.5rem)}.text-responsive-4xl{font-size:clamp(2.5rem,5.5vw,3.5rem)}.text-responsive-5xl{font-size:clamp(3rem,6.5vw,4.5rem)}.padding-responsive-xs{padding:clamp(.5rem,1.5vw,1rem)}.padding-responsive-sm{padding:clamp(.75rem,2vw,1.25rem)}.padding-responsive-base{padding:clamp(1rem,2.5vw,1.5rem)}.padding-responsive-lg{padding:clamp(1.25rem,3vw,2rem)}.padding-responsive-xl{padding:clamp(1.5rem,3.5vw,2.5rem)}.margin-responsive-xs{margin:clamp(.5rem,1.5vw,1rem)}.margin-responsive-sm{margin:clamp(.75rem,2vw,1.25rem)}.margin-responsive-base{margin:clamp(1rem,2.5vw,1.5rem)}.margin-responsive-lg{margin:clamp(1.25rem,3vw,2rem)}.margin-responsive-xl{margin:clamp(1.5rem,3.5vw,2.5rem)}.grid-responsive-1{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,2rem)}.grid-responsive-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2.5vw,2rem)}.grid-responsive-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(.75rem,2vw,1.5rem)}.grid-responsive-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(.75rem,2vw,1.5rem)}@media (max-width: 768px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:1fr;gap:clamp(.75rem,2vw,1.5rem)}}@media (max-width: 480px){.grid-responsive-1,.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{gap:clamp(.5rem,1.5vw,1rem)}}.flex-responsive{display:flex;flex-wrap:wrap;gap:clamp(1rem,2.5vw,2rem)}.flex-responsive-center{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(1rem,2.5vw,2rem)}.flex-responsive-between{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,2.5vw,2rem)}@media (max-width: 768px){.flex-responsive,.flex-responsive-center,.flex-responsive-between{flex-direction:column;gap:clamp(.75rem,2vw,1.5rem)}}.img-responsive{width:100%;height:auto;object-fit:cover}.img-responsive-contain{width:100%;height:auto;object-fit:contain}.img-responsive-cover{width:100%;height:auto;object-fit:cover}.btn-responsive{padding:clamp(.75rem,2vw,1.25rem) clamp(1.5rem,3vw,2rem);font-size:clamp(.9rem,2.2vw,1rem);border-radius:clamp(8px,1.5vw,12px)}.btn-responsive-sm{padding:clamp(.5rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem);font-size:clamp(.8rem,2vw,.9rem);border-radius:clamp(6px,1.2vw,10px)}.btn-responsive-lg{padding:clamp(1rem,2.5vw,1.5rem) clamp(2rem,4vw,2.5rem);font-size:clamp(1rem,2.5vw,1.2rem);border-radius:clamp(10px,2vw,16px)}.card-responsive{padding:clamp(1rem,2.5vw,1.5rem);border-radius:clamp(8px,1.5vw,12px);box-shadow:0 clamp(2px,.5vw,4px) clamp(8px,2vw,16px) #0000001a}.card-responsive-sm{padding:clamp(.75rem,2vw,1rem);border-radius:clamp(6px,1.2vw,10px);box-shadow:0 clamp(1px,.3vw,3px) clamp(6px,1.5vw,12px) #0000001a}.card-responsive-lg{padding:clamp(1.5rem,3vw,2rem);border-radius:clamp(12px,2vw,16px);box-shadow:0 clamp(4px,1vw,6px) clamp(12px,3vw,24px) #0000001a}.form-responsive{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem)}.form-group-responsive{display:flex;flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem)}.input-responsive{padding:clamp(.75rem,2vw,1rem);font-size:clamp(.9rem,2.2vw,1rem);border-radius:clamp(6px,1.2vw,8px)}.nav-responsive{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem)}@media (max-width: 768px){.nav-responsive{flex-direction:column;gap:clamp(.75rem,2vw,1.5rem)}}.section-responsive{padding:clamp(2rem,5vw,4rem) 0}.section-responsive-sm{padding:clamp(1.5rem,4vw,3rem) 0}.section-responsive-lg{padding:clamp(3rem,6vw,5rem) 0}.gap-responsive-xs{gap:clamp(.25rem,1vw,.5rem)}.gap-responsive-sm{gap:clamp(.5rem,1.5vw,1rem)}.gap-responsive-base{gap:clamp(1rem,2.5vw,1.5rem)}.gap-responsive-lg{gap:clamp(1.5rem,3vw,2rem)}.gap-responsive-xl{gap:clamp(2rem,4vw,3rem)}.rounded-responsive-sm{border-radius:clamp(4px,1vw,6px)}.rounded-responsive-base{border-radius:clamp(6px,1.2vw,8px)}.rounded-responsive-lg{border-radius:clamp(8px,1.5vw,12px)}.rounded-responsive-xl{border-radius:clamp(12px,2vw,16px)}.shadow-responsive-sm{box-shadow:0 clamp(1px,.3vw,2px) clamp(3px,1vw,6px) #0000001a}.shadow-responsive-base{box-shadow:0 clamp(2px,.5vw,4px) clamp(6px,1.5vw,12px) #0000001a}.shadow-responsive-lg{box-shadow:0 clamp(4px,1vw,6px) clamp(12px,3vw,24px) #0000001a}.shadow-responsive-xl{box-shadow:0 clamp(8px,2vw,12px) clamp(20px,5vw,40px) #0000001a}.animate-responsive{transition:all clamp(.2s,.5vw,.3s) ease}.animate-responsive-slow{transition:all clamp(.3s,.8vw,.5s) ease}.animate-responsive-fast{transition:all clamp(.1s,.3vw,.2s) ease}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width: 769px){.show-mobile{display:none!important}.hide-mobile{display:block!important}}@media (max-width: 480px){.hide-small-mobile{display:none!important}.show-small-mobile{display:block!important}}.layout-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1rem,2.5vw,2rem)}@media (max-width: 768px){.layout-responsive{grid-template-columns:1fr;gap:clamp(.75rem,2vw,1.5rem)}}.typography-scale-responsive{--scale-ratio: clamp(1.067, 1vw, 1.125);--base-size: clamp(16px, 2.5vw, 18px);--line-height: clamp(1.4, 1.5vw, 1.6)}.spacing-scale-responsive{--space-xs: clamp(.25rem, 1vw, .5rem);--space-sm: clamp(.5rem, 1.5vw, 1rem);--space-md: clamp(1rem, 2.5vw, 1.5rem);--space-lg: clamp(1.5rem, 3vw, 2rem);--space-xl: clamp(2rem, 4vw, 3rem);--space-2xl: clamp(3rem, 6vw, 4rem);--space-3xl: clamp(4rem, 8vw, 6rem)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#1a1a1a;margin:0;padding:0}.app{min-height:100vh;position:relative}@media (max-width: 1200px){.app{min-height:100vh}}@media (max-width: 1024px){.app{min-height:100vh}}@media (max-width: 768px){.app{min-height:100vh}}@media (max-width: 480px){.app{min-height:100vh}}.page-content{animation:pageFadeIn .8s ease-out}.page-content.home-page{animation:homePageSlideIn 1s ease-out}.page-content.other-page{animation:otherPageSlideIn .6s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes homePageSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes otherPageSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 1200px){.container{max-width:100%;padding:0 2rem}}@media (max-width: 1024px){.container{padding:0 1.75rem}}@media (max-width: 768px){.container{padding:0 1rem}}@media (max-width: 480px){.container{padding:0 1rem}}@media (max-width: 360px){.container{padding:0 .75rem}}.text-responsive{font-size:clamp(1rem,2.5vw,1.25rem)}.text-responsive-large{font-size:clamp(1.5rem,3.5vw,2rem)}.text-responsive-xl{font-size:clamp(2rem,4.5vw,3rem)}.padding-responsive{padding:clamp(1rem,3vw,2rem)}.margin-responsive{margin:clamp(1rem,3vw,2rem)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2.5vw,2rem)}@media (max-width: 768px){.grid-responsive{grid-template-columns:1fr;gap:clamp(.75rem,2vw,1.5rem)}}@media (max-width: 480px){.grid-responsive{gap:clamp(.5rem,1.5vw,1rem)}}