@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";.landing-page{min-height:100vh;position:relative;overflow-x:hidden}.landing-page[data-theme=dark],.landing-page.dark{--landing-bg:#0a0a0a;--landing-text:#fff;--landing-text-secondary:#b0b0b0;--landing-card-bg:#1a1a1a;--landing-border:#2a2a2a;--landing-primary:#3b82f6;--landing-primary-dark:#2563eb;--landing-gradient-start:#1a1a2e;--landing-gradient-end:#16213e}.landing-page[data-theme=dark] .feature-icon i,.landing-page.dark .feature-icon i,.landing-page[data-theme=dark] .benefit-icon i,.landing-page.dark .benefit-icon i,.landing-page[data-theme=dark] .card-icon i,.landing-page.dark .card-icon i{color:#3b82f6!important}.landing-page[data-theme=dark] .tech-icon,.landing-page.dark .tech-icon{filter:brightness(1.2)!important;opacity:1!important;visibility:visible!important}.landing-page[data-theme=light]{--landing-bg:#fff;--landing-text:#212529;--landing-text-secondary:#6c757d;--landing-card-bg:#f8f9fa;--landing-border:#e9ecef;--landing-primary:#007bff;--landing-primary-dark:#0056b3;--landing-gradient-start:#f8f9fa;--landing-gradient-end:#e9ecef}.landing-nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--landing-border);background:#0a0a0acc;transition:all .3s;position:fixed;top:0;left:0;right:0}.landing-mobile-overlay{z-index:998;background-color:#00000080;display:none;position:fixed;inset:0}@media (max-width:767.98px){.landing-mobile-overlay{display:block}}.landing-page[data-theme=light] .landing-nav{background:#ffffffe6}.nav-container{justify-content:space-between;align-items:center;gap:clamp(.5rem,2vw,1rem);max-width:min(1200px,95vw);margin:0 auto;padding:clamp(.75rem,2vw,1rem) clamp(1rem,3vw,1.5rem);display:flex}.nav-logo{color:var(--landing-text);align-items:center;gap:clamp(.5rem,2vw,.75rem);font-size:clamp(1rem,3vw,1.25rem);font-weight:700;display:flex}.nav-logo img{object-fit:contain;flex-shrink:0;width:clamp(32px,5vw,40px);height:clamp(32px,5vw,40px)}.nav-links{align-items:center;gap:16px;display:flex}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-toggle span{background:var(--landing-text);border-radius:3px;width:25px;height:3px;transition:all .3s}.mobile-menu-toggle span.open:first-child{transform:rotate(45deg)translate(8px,8px)}.mobile-menu-toggle span.open:nth-child(2){opacity:0}.mobile-menu-toggle span.open:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.nav-links button{color:var(--landing-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.nav-links button:hover{color:var(--landing-text);background:var(--landing-card-bg)}.btn-login{align-items:center;gap:6px;display:flex;background:var(--landing-primary)!important;color:#fff!important;font-weight:600!important}.btn-login i{flex-shrink:0;font-size:14px;display:inline-block;color:inherit!important}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d;background:var(--landing-primary-dark)!important}.hero-section{min-height:100vh;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(4rem,10vw + 2rem,7.5rem) clamp(1rem,3vw,1.5rem) clamp(3rem,8vw + 1rem,5rem);display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;position:absolute;inset:0;overflow:hidden}.gradient-orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:500px;height:500px;animation-delay:0s;top:-200px;left:-200px}.orb-2{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);width:400px;height:400px;animation-delay:5s;bottom:-150px;right:-150px}.orb-3{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);width:350px;height:350px;animation-delay:10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}@media (max-width:768px){.hero-section,.hero-background{background:linear-gradient(#1e3a8a 0%,#1e40af 25%,#2563eb 50%,#1e293b 75%,#0f172a 100%)!important}.gradient-orb,.orb-1,.orb-2,.orb-3{display:none!important}}@media (max-width:480px){.hero-section,.hero-background{background:linear-gradient(#1e3a8a 0%,#1e40af 20%,#2563eb 40%,#1e293b 70%,#0f172a 100%)!important}.gradient-orb,.orb-1,.orb-2,.orb-3{display:none!important}}.hero-content{z-index:1;text-align:center;width:100%;max-width:min(900px,95vw);margin:0 auto;padding:0 clamp(.5rem,2vw,1rem);position:relative}.hero-logo-container{margin-bottom:32px;animation:1s ease-out fadeInUp}.hero-logo{object-fit:contain;filter:drop-shadow(0 10px 30px #0000004d);width:clamp(80px,15vw,120px);height:clamp(80px,15vw,120px);transform-style:preserve-3d;max-width:100%;animation:3s ease-in-out infinite pulse,20s linear infinite rotate-3d}@keyframes rotate-3d{0%{transform:perspective(1000px)rotateY(0)rotateX(0)}25%{transform:perspective(1000px)rotateY(90deg)rotateX(5deg)}50%{transform:perspective(1000px)rotateY(180deg)rotateX(0)}75%{transform:perspective(1000px)rotateY(270deg)rotateX(-5deg)}to{transform:perspective(1000px)rotateY(360deg)rotateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{color:var(--landing-text);margin-bottom:24px;font-size:clamp(36px,8vw,72px);font-weight:800;line-height:1.1;animation:1s ease-out .2s both fadeInUp}.title-line{display:block}.title-line.highlight{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--landing-text-secondary);margin-bottom:40px;font-size:clamp(16px,2.5vw,22px);line-height:1.6;animation:1s ease-out .4s both fadeInUp}.hero-cta{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vw,1rem);width:100%;max-width:100%;margin-bottom:clamp(2rem,6vw + 1rem,3.75rem);animation:1s ease-out .6s both fadeInUp;display:flex}.cta-primary,.cta-primary-large{background:var(--landing-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(.5rem,1.5vw,.75rem);justify-content:center;align-items:center;gap:clamp(.375rem,1vw,.5rem);min-width:clamp(120px,25vw,180px);padding:clamp(.75rem,2vw,1rem) clamp(1.5rem,4vw,2rem);font-size:clamp(.875rem,2vw,1rem);font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #007bff4d}.cta-primary i,.cta-primary-large i{flex-shrink:0;font-size:clamp(1rem,2.5vw,1.125rem);display:inline-block;color:inherit!important}.cta-primary:hover,.cta-primary-large:hover{background:var(--landing-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.cta-secondary,.cta-secondary-large{color:var(--landing-text);border:2px solid var(--landing-border);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.cta-secondary i,.cta-secondary-large i{flex-shrink:0;font-size:clamp(1rem,2.5vw,1.125rem);display:inline-block;color:inherit!important}.cta-secondary:hover,.cta-secondary-large:hover{border-color:var(--landing-primary);color:var(--landing-primary);transform:translateY(-2px)}.cta-primary-large,.cta-secondary-large{padding:18px 40px;font-size:18px}.hero-stats{box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,4vw,3rem);width:100%;max-width:100%;padding:0 clamp(.5rem,2vw,1rem);animation:1s ease-out .8s both fadeInUp;display:flex}.stat-item{text-align:center;flex:0 auto;min-width:0}.stat-number{color:var(--landing-primary);word-break:break-word;margin-bottom:clamp(.25rem,1vw,.5rem);font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.2}.stat-label{color:var(--landing-text-secondary);text-transform:uppercase;letter-spacing:clamp(.5px,.2vw,1px);font-size:clamp(.625rem,2vw,.875rem);line-height:1.3}.scroll-indicator{flex-direction:column;align-items:center;gap:8px;animation:2s infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.mouse{border:2px solid var(--landing-text-secondary);border-radius:12px;width:24px;height:40px;position:relative}.mouse:before{content:"";background:var(--landing-text-secondary);border-radius:2px;width:4px;height:8px;animation:2s infinite scroll;position:absolute;top:8px;left:50%;transform:translate(-50%)}.scroll-arrow{border-right:2px solid var(--landing-text-secondary);border-bottom:2px solid var(--landing-text-secondary);width:16px;height:16px;animation:2s infinite scroll-arrow;transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}@keyframes scroll{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(12px)}}@keyframes scroll-arrow{0%,to{opacity:.5}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-section{background:var(--landing-bg);padding:clamp(3rem,10vw + 2rem,7.5rem) clamp(1rem,3vw,1.5rem);position:relative}.section-container{width:100%;max-width:min(1200px,95vw);margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)}.section-header{text-align:center;margin-bottom:64px}.section-title{color:var(--landing-text);margin-bottom:16px;font-size:clamp(32px,6vw,48px);font-weight:700}.section-subtitle{color:var(--landing-text-secondary);max-width:600px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:clamp(1rem,3vw,2rem);width:100%;display:grid}.feature-card,.tech-card,.benefit-item{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.feature-card.animate-in,.tech-card.animate-in,.benefit-item.animate-in{opacity:1;transform:translateY(0)}.feature-card{background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:clamp(.75rem,2vw,1rem);width:100%;max-width:100%;padding:clamp(1.25rem,4vw,2rem);transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:var(--landing-primary);transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000001a}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{color:var(--landing-primary);margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(2.5rem,6vw,3rem);animation:3s ease-in-out infinite float-icon;display:inline-block}.feature-icon i{font-size:clamp(2.5rem,6vw,3rem);display:inline-block;color:var(--landing-primary)!important}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feature-card h3{color:var(--landing-text);margin-bottom:12px;font-size:24px;font-weight:600}.feature-card p{color:var(--landing-text-secondary);font-size:16px;line-height:1.6}.tech-section{background:linear-gradient(135deg, var(--landing-gradient-start) 0%, var(--landing-gradient-end) 100%);padding:120px 24px;position:relative}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:clamp(1rem,3vw,1.5rem);width:100%;display:grid}.tech-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:clamp(.75rem,2vw,1rem);width:100%;max-width:100%;padding:clamp(1.25rem,4vw,2rem);transition:all .3s}.tech-card:hover{border-color:var(--landing-primary);background:#ffffff1a;transform:translateY(-8px)scale(1.05)rotateY(5deg);box-shadow:0 15px 35px #3b82f64d}.tech-icon{margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(2.5rem,6vw,3rem);line-height:1;display:inline-block;filter:none!important;opacity:1!important;visibility:visible!important}.tech-card h3{color:var(--landing-text);margin-bottom:clamp(.375rem,1vw,.5rem);font-size:clamp(1rem,3vw,1.25rem);font-weight:600}.tech-card p{color:var(--landing-text-secondary);font-size:clamp(.75rem,2vw,.875rem)}.benefits-section{background:var(--landing-bg);padding:clamp(3rem,10vw + 2rem,7.5rem) clamp(1rem,3vw,1.5rem)}.benefits-content{grid-template-columns:1fr;align-items:center;gap:clamp(2rem,6vw,4rem);display:grid}@media (min-width:768px){.benefits-content{grid-template-columns:1fr 1fr}}.benefit-list{flex-direction:column;gap:clamp(1.25rem,3vw,2rem);width:100%;display:flex}.benefit-item{align-items:flex-start;gap:clamp(1rem,3vw,1.25rem);width:100%;display:flex}.benefit-icon{color:var(--landing-primary);flex-shrink:0;font-size:clamp(1.75rem,4vw,2rem)}.benefit-icon i{font-size:clamp(1.75rem,4vw,2rem);display:inline-block;color:var(--landing-primary)!important}.benefit-item h3{color:var(--landing-text);margin-bottom:clamp(.375rem,1vw,.5rem);font-size:clamp(1rem,3vw,1.25rem);font-weight:600}.benefit-item p{color:var(--landing-text-secondary);font-size:clamp(.875rem,2vw,1rem);line-height:1.6}.benefits-visual{width:100%;height:clamp(300px,50vw,500px);min-height:300px;position:relative}.floating-card{background:var(--landing-card-bg);border:1px solid var(--landing-border);transform-style:preserve-3d;border-radius:clamp(.75rem,2vw,1rem);width:clamp(200px,40vw,280px);max-width:100%;padding:clamp(1rem,3vw,1.5rem);transition:transform .3s;animation:6s ease-in-out infinite float-card;position:absolute;box-shadow:0 10px 30px #0003}.floating-card:hover{transform:translateY(-10px)rotateY(5deg)rotateX(5deg);box-shadow:0 20px 40px #0000004d}.card-1{animation-delay:0s;top:0;left:0}.card-2{animation-delay:2s;top:50%;right:0;transform:translateY(-50%)}.card-3{animation-delay:4s;bottom:0;left:20%}@keyframes float-card{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}.card-content{text-align:center}.card-icon{color:var(--landing-primary);margin-bottom:clamp(.5rem,1.5vw,.75rem);font-size:clamp(2rem,5vw,3rem)}.card-icon i{font-size:clamp(2rem,5vw,3rem);display:inline-block;color:var(--landing-primary)!important}.card-title{color:var(--landing-text);font-size:clamp(.875rem,2.5vw,1.125rem);font-weight:600}.cta-section{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);padding:clamp(3rem,10vw + 2rem,7.5rem) clamp(1rem,3vw,1.5rem);position:relative;overflow:hidden}.cta-background{position:absolute;inset:0;overflow:hidden}.cta-gradient{background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content{z-index:1;text-align:center;color:#fff;position:relative}.cta-title{margin-bottom:16px;font-size:clamp(32px,6vw,48px);font-weight:700}.cta-subtitle{opacity:.9;margin-bottom:clamp(1.5rem,4vw,2.5rem);font-size:clamp(1rem,3vw,1.25rem)}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:clamp(.75rem,2vw,1rem);width:100%;margin-bottom:clamp(1.5rem,4vw,2.5rem);display:flex}.cta-primary-large{color:#3b82f6;background:#fff}.cta-primary-large:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.cta-secondary-large{color:#fff;background:0 0;border:2px solid #fff}.cta-secondary-large:hover{background:#ffffff1a}.cta-footer{border-top:1px solid #fff3;margin-top:clamp(1.5rem,4vw,2.5rem);padding-top:clamp(1.5rem,4vw,2.5rem)}.cta-footer p{opacity:.8;font-size:clamp(.75rem,2vw,.875rem)}.landing-footer{background:var(--landing-card-bg);border-top:1px solid var(--landing-border);padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,1.5rem)}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,1.5rem);width:100%;max-width:min(1200px,95vw);margin:0 auto;display:flex}.footer-brand{color:var(--landing-text);align-items:center;gap:clamp(.5rem,2vw,.75rem);font-size:clamp(1rem,2.5vw,1.125rem);font-weight:700;display:flex}.footer-brand img{object-fit:contain;flex-shrink:0;width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px)}.footer-links{flex-wrap:wrap;justify-content:center;gap:clamp(1rem,3vw,1.5rem);width:100%;display:flex}@media (min-width:768px){.footer-links{justify-content:flex-end;width:auto}}.footer-links a{color:var(--landing-text-secondary);white-space:nowrap;font-size:clamp(.75rem,2vw,.875rem);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--landing-primary)}.footer-copyright{color:var(--landing-text-secondary);text-align:center;width:100%;font-size:clamp(.75rem,2vw,.875rem)}@media (min-width:768px){.footer-copyright{text-align:left;width:auto}}@media (max-width:767.98px){.mobile-menu-toggle{min-width:clamp(36px,8vw,44px);min-height:clamp(36px,8vw,44px);display:flex}.nav-links{background:var(--landing-card-bg)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--landing-border)!important;opacity:0!important;visibility:hidden!important;z-index:1000!important;flex-direction:column!important;gap:clamp(.5rem,2vw,.75rem)!important;width:100%!important;max-width:100vw!important;padding:clamp(1rem,3vw,1.25rem)!important;transition:transform .3s,opacity .3s,visibility .3s!important;display:flex!important;position:fixed!important;top:clamp(60px,10vw,70px)!important;left:0!important;right:0!important;transform:translateY(-100%)!important;box-shadow:0 10px 30px #0003!important}.nav-links.mobile-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.nav-links button{text-align:left!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;border-radius:clamp(.375rem,1vw,.5rem)!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:clamp(40px,8vw,44px)!important;padding:clamp(.625rem,2vw,.75rem) clamp(.875rem,3vw,1rem)!important;font-size:clamp(.75rem,2.5vw,.875rem)!important;display:flex!important}.nav-links button:not(.btn-login){display:flex!important}.hero-section{min-height:auto;padding:clamp(4rem,12vw + 2rem,6.25rem) clamp(1rem,3vw,1.25rem) clamp(2.5rem,8vw + 1rem,3.75rem)}.hero-content{max-width:100%;padding:0 clamp(.5rem,2vw,.625rem)}.hero-title{margin-bottom:clamp(1rem,3vw,1.25rem);font-size:clamp(1.75rem,6vw,2.25rem)}.hero-subtitle{margin-bottom:clamp(1.5rem,4vw,1.875rem);font-size:clamp(.875rem,2.5vw,1rem);line-height:1.5}.hero-cta{gap:clamp(.75rem,2vw,1rem);margin-bottom:clamp(1.5rem,4vw,2.5rem)}.hero-stats{flex-wrap:wrap;justify-content:space-around;gap:clamp(1rem,3vw,1.25rem);width:100%;margin-top:clamp(1rem,3vw,1.25rem);padding:0}.stat-item{flex:auto;min-width:clamp(70px,15vw,90px);max-width:clamp(100px,20vw,120px)}.stat-number{margin-bottom:clamp(.25rem,1vw,.375rem);font-size:clamp(1.75rem,5vw,2rem)}.stat-label{letter-spacing:clamp(.25px,.1vw,.5px);font-size:clamp(.625rem,2vw,.6875rem)}.features-section,.tech-section,.benefits-section,.cta-section{padding:clamp(3rem,8vw + 2rem,5rem) clamp(1rem,3vw,1.25rem)}.features-grid{grid-template-columns:1fr;gap:clamp(1rem,3vw,1.5rem)}.benefits-content{grid-template-columns:1fr;gap:clamp(1.5rem,4vw,2.5rem)}.benefits-visual{height:clamp(250px,50vw,300px);margin-top:clamp(1.5rem,4vw,2rem)}.tech-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,2vw,1rem)}.footer-container{text-align:center;flex-direction:column;gap:clamp(1rem,3vw,1.25rem)}.floating-card{margin-bottom:clamp(.75rem,2vw,1rem);position:relative!important}.card-1,.card-2,.card-3{position:relative!important;inset:auto!important;transform:none!important}.section-title{font-size:clamp(1.5rem,5vw,1.75rem)}.section-subtitle{font-size:clamp(.875rem,2.5vw,1rem)}}@media (max-width:479.98px){.nav-container{padding:clamp(.625rem,2.5vw,.75rem) clamp(.875rem,3vw,1rem)}.nav-logo span{font-size:clamp(.875rem,3vw,1rem)}.hero-section{padding:clamp(3.5rem,10vw + 2rem,5.625rem) clamp(.875rem,2.5vw,1rem) clamp(2rem,6vw + 1rem,3.125rem)}.hero-title{font-size:clamp(1.5rem,5vw,1.75rem)}.hero-subtitle{font-size:clamp(.75rem,2.5vw,.875rem)}.hero-cta{flex-direction:column;gap:clamp(.625rem,2vw,.75rem);width:100%;margin-bottom:clamp(1.5rem,4vw,1.875rem)}.cta-primary,.cta-secondary,.cta-primary-large,.cta-secondary-large{box-sizing:border-box;width:100%;padding:clamp(.75rem,2vw,.875rem) clamp(1.25rem,4vw,1.5rem);font-size:clamp(.75rem,2.5vw,.875rem)}.tech-grid{grid-template-columns:1fr}.hero-stats{justify-content:space-between;gap:clamp(.75rem,2vw,1rem);width:100%;margin-top:30px;padding:0 10px}.stat-item{flex:1 1 0;min-width:0;padding:0 4px}.stat-number{font-size:28px;line-height:1.2}.stat-label{margin-top:4px;font-size:10px;line-height:1.3}.section-title{font-size:24px}.feature-card,.tech-card{padding:24px}.feature-icon,.tech-icon{font-size:40px}.benefit-item{gap:16px}.benefit-icon{font-size:28px}}.auth-page-wrapper{--landing-bg:#fff;--landing-text:#212529;--landing-text-secondary:#6c757d;--landing-card-bg:#f8f9fa;--landing-border:#e9ecef;--landing-primary:#007bff;--landing-primary-dark:#0056b3;background:var(--landing-bg);min-height:100vh;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;min-height:100dvh;padding:clamp(1rem,3vw,1.25rem);font-family:Poppins,sans-serif;display:flex;position:relative;overflow:hidden}.auth-page-wrapper[data-theme=dark]{--landing-bg:#0a0a0a;--landing-text:#fff;--landing-text-secondary:#b0b0b0;--landing-card-bg:#1a1a1a;--landing-border:#2a2a2a;--landing-primary:#007bff;--landing-primary-dark:#0056b3;background:var(--landing-bg)}.auth-page-wrapper[data-theme=light]{--landing-bg:#fff;--landing-text:#212529;--landing-text-secondary:#6c757d;--landing-card-bg:#f8f9fa;--landing-border:#e9ecef;--landing-primary:#007bff;--landing-primary-dark:#0056b3;background:var(--landing-bg)}.auth-page-wrapper:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at 20% 30%,#3b82f626 0%,#0000 40%),radial-gradient(circle at 80% 70%,#2563eb26 0%,#0000 40%),radial-gradient(circle,#60a5fa1a 0%,#0000 60%);position:absolute;inset:0}.auth-page-wrapper[data-theme=dark]:before{background:radial-gradient(circle at 20% 30%,#3b82f633 0%,#0000 40%),radial-gradient(circle at 80% 70%,#2563eb33 0%,#0000 40%),radial-gradient(circle,#60a5fa26 0%,#0000 60%)}.auth-page-wrapper:after{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f60d 0%,#2563eb0d 100%);position:absolute;inset:0}.auth-page-wrapper[data-theme=dark]:after{background:linear-gradient(135deg,#3b82f61a 0%,#2563eb1a 100%)}.jw-tech-signature{color:var(--landing-text);letter-spacing:2px;text-transform:uppercase;z-index:1;background:var(--landing-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--landing-border);border-radius:20px;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #0000001a}.jw-tech-signature:before{content:"";background:linear-gradient(90deg, transparent, var(--landing-primary), transparent);border-radius:2px;width:40px;height:2px}.auth-wrapper{background-color:var(--landing-card-bg);border:1px solid var(--landing-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:clamp(1rem,3vw,1.5rem);width:min(850px,95vw);max-width:100%;min-height:clamp(500px,80vh,550px);transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000026,0 10px 30px #0000001a}.auth-page-wrapper[data-theme=dark] .auth-wrapper{box-shadow:0 25px 70px #00000080,0 10px 30px #0000004d}.auth-wrapper h1{color:var(--landing-text);text-shadow:none;margin:0;font-size:clamp(1.5rem,4vw,1.75rem);font-weight:700}.auth-wrapper p{letter-spacing:clamp(.25px,.1vw,.5px);color:var(--landing-text-secondary);text-shadow:none;margin:clamp(1rem,3vw,1.25rem) 0 clamp(1.5rem,4vw,1.875rem);font-size:clamp(.875rem,2.5vw,.9375rem);font-weight:300;line-height:clamp(1.25rem,3vw,1.5rem)}.auth-wrapper span{color:var(--landing-text-secondary);margin:clamp(.5rem,1.5vw,.625rem) 0;font-size:clamp(.75rem,2vw,.8125rem)}.auth-wrapper a{color:var(--landing-primary);margin:clamp(.75rem,2vw,.9375rem) 0;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;text-decoration:none;transition:color .3s}.auth-wrapper a:hover{color:var(--landing-primary-dark)}.auth-wrapper button{background:linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-primary-dark) 100%);color:#fff;letter-spacing:clamp(.25px,.1vw,.5px);text-transform:none;cursor:pointer;border:none;border-radius:clamp(.5rem,1.5vw,.75rem);width:100%;min-height:clamp(40px,8vw,44px);margin-top:clamp(.5rem,1.5vw,.625rem);padding:clamp(.75rem,2vw,.875rem) clamp(2rem,6vw,3.125rem);font-size:clamp(.75rem,2vw,.875rem);font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #007bff4d}.auth-wrapper button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-wrapper button:hover:not(:disabled):before{left:100%}.auth-wrapper button:hover:not(:disabled){background:linear-gradient(135deg, var(--landing-primary-dark) 0%, #004085 100%);transform:translateY(-2px);box-shadow:0 6px 25px #007bff66}.auth-wrapper button:active:not(:disabled){transform:translateY(0)}.auth-wrapper button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-wrapper button:focus{outline:none}.auth-wrapper button.transparent-btn{background:var(--landing-card-bg);border:2px solid var(--landing-primary);color:var(--landing-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;margin-top:0;box-shadow:0 4px 15px #007bff33}.auth-wrapper button.transparent-btn:hover{background:var(--landing-primary);border-color:var(--landing-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #007bff4d}.auth-wrapper form{text-align:center;border-right:1px solid var(--landing-border);box-sizing:border-box;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 clamp(1.5rem,4vw,3.125rem);display:flex}.register-form-box form{border-right:none;border-left:1px solid var(--landing-border)}.auth-wrapper input{background-color:var(--landing-bg);border:2px solid var(--landing-border);width:100%;max-width:100%;color:var(--landing-text);box-sizing:border-box;border-radius:clamp(.5rem,1.5vw,.75rem);min-height:clamp(40px,8vw,44px);margin:clamp(.375rem,1vw,.5rem) 0;padding:clamp(.75rem,2vw,.875rem) clamp(1rem,3vw,1.125rem);font-family:Poppins,sans-serif;font-size:clamp(.75rem,2vw,.875rem);transition:all .3s}.auth-wrapper input:focus{border-color:var(--landing-primary);background-color:var(--landing-bg);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #007bff26,0 2px 8px #007bff1a}.auth-wrapper input::placeholder{color:var(--landing-text-secondary)}.auth-wrapper input:disabled{opacity:.6;cursor:not-allowed}.auth-form-box{height:100%;transition:all .6s ease-in-out;position:absolute;top:0;overflow:hidden}.login-form-box{z-index:2;opacity:1;visibility:visible;width:50%;left:0}.auth-wrapper.panel-active .login-form-box{opacity:0;visibility:hidden;z-index:1;transform:translate(100%)}.register-form-box{opacity:0;visibility:hidden;z-index:1;pointer-events:none;width:50%;left:0}.auth-wrapper.panel-active .register-form-box{opacity:1;visibility:visible;z-index:5;pointer-events:auto;animation:.6s show;transform:translate(100%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.slide-panel-wrapper{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-wrapper.panel-active .slide-panel-wrapper{transform:translate(-100%)}.slide-panel{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%) 50%/cover;border-left:2px solid #ffffff1a;border-right:2px solid #ffffff1a;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.slide-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#fff3 0%,#0000 50%),radial-gradient(circle at 70% 60%,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.slide-panel h1,.slide-panel p,.slide-panel button{color:#fff}.auth-wrapper.panel-active .slide-panel{transform:translate(50%)}.panel-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 50px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.panel-content-left{transform:translate(-20%)}.auth-wrapper.panel-active .panel-content-left{transform:translate(0)}.panel-content-right{right:0;transform:translate(0)}.auth-wrapper.panel-active .panel-content-right{transform:translate(20%)}.social-links{margin:25px 0}.social-links a{border:2px solid var(--landing-border);width:45px;height:45px;color:var(--landing-primary);background-color:var(--landing-bg);border-radius:50%;justify-content:center;align-items:center;margin:0 8px;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000001a}.social-links a:hover{border-color:var(--landing-primary);background:linear-gradient(135deg, var(--landing-primary) 0%, var(--landing-primary-dark) 100%);color:#fff;transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #007bff4d}.social-links a.google-btn{color:#4285f4;background-color:#fff;border-color:#e3f2fd}.social-links a.google-btn:hover{color:#fff;background:linear-gradient(135deg,#4285f4 0%,#1976d2 100%);border-color:#4285f4;box-shadow:0 8px 20px #4285f44d,inset 0 2px 8px #fff3}.mobile-switch{display:none}.auth-error{color:#dc3545;text-align:center;background-color:#dc35451a;border:1px solid #dc35454d;border-radius:8px;width:100%;margin:10px 0;padding:10px 15px;font-size:13px}.auth-page-wrapper[data-theme=dark] .auth-error{color:#ff6b6b;background-color:#dc354533;border-color:#dc354566}@media (max-width:768px){.auth-page-wrapper{padding:10px}.auth-wrapper{border-radius:15px;width:100%;max-width:100%;min-height:auto}.panel-content{padding:20px 15px!important}.auth-logo-container,.panel-content>div[style*="width: 160px"],.panel-content>div[class*=auth-logo-container]{box-sizing:border-box!important;width:clamp(80px,20vw,100px)!important;max-width:100%!important;height:clamp(80px,20vw,100px)!important;margin-bottom:clamp(.75rem,2vw,1rem)!important;padding:clamp(.625rem,2vw,.75rem)!important}.auth-logo{object-fit:contain!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.panel-content h1{margin-bottom:clamp(.375rem,1vw,.5rem)!important;font-size:clamp(1.125rem,3vw,1.25rem)!important}.panel-content p{margin:clamp(.625rem,2vw,.75rem) 0 clamp(1rem,3vw,1.25rem)!important;font-size:clamp(.75rem,2vw,.8125rem)!important;line-height:1.5!important}.auth-form-box{opacity:1!important;width:100%!important;position:static!important;transform:none!important}.login-form-box,.register-form-box{opacity:1!important;visibility:visible!important;z-index:1!important;pointer-events:auto!important;width:100%!important;position:static!important;left:0!important;transform:none!important}.register-form-box{display:none!important}.auth-wrapper.panel-active .login-form-box{visibility:hidden!important;display:none!important}.auth-wrapper.panel-active .register-form-box{visibility:visible!important;display:block!important}.slide-panel-wrapper{display:none!important}.auth-wrapper form{height:auto;padding:clamp(1.5rem,4vw,1.875rem) clamp(1.25rem,3vw,1.5625rem);position:static}.auth-wrapper h1{margin-bottom:clamp(.5rem,1.5vw,.625rem);font-size:clamp(1.25rem,3.5vw,1.375rem)}.auth-wrapper input{padding:clamp(.625rem,2vw,.75rem) clamp(.875rem,2.5vw,.9375rem);font-size:clamp(.75rem,2vw,.875rem)}.auth-wrapper button{padding:clamp(.625rem,2vw,.75rem) clamp(2rem,5vw,2.5rem);font-size:clamp(.625rem,2vw,.75rem)}.social-links a{width:clamp(36px,8vw,40px);height:clamp(36px,8vw,40px);margin:0 clamp(.25rem,1vw,.3125rem)}.mobile-switch{color:var(--landing-primary);margin-top:clamp(1rem,3vw,1.25rem);font-size:clamp(.75rem,2vw,.875rem);display:block}.mobile-switch p{color:var(--landing-text-secondary);margin:clamp(.5rem,1.5vw,.625rem) 0;font-size:clamp(.75rem,2vw,.875rem)}.mobile-switch button.mobile-switch-btn{color:var(--landing-primary);border:2px solid var(--landing-primary);box-shadow:none;background:0 0;width:auto;margin-top:clamp(.5rem,1.5vw,.625rem);padding:clamp(.5rem,1.5vw,.625rem) clamp(1.5rem,4vw,1.875rem)}.mobile-switch button.mobile-switch-btn:hover{background:var(--landing-primary);color:#fff}}@media (max-width:479.98px){.auth-logo-container,.panel-content>div[style*="width: 160px"],.panel-content>div[class*=auth-logo-container]{width:clamp(60px,18vw,80px)!important;max-width:100%!important;height:clamp(60px,18vw,80px)!important;margin-bottom:clamp(.625rem,2vw,.75rem)!important;padding:clamp(.5rem,1.5vw,.625rem)!important}.panel-content h1{font-size:clamp(1rem,3vw,1.125rem)!important}.panel-content p{font-size:clamp(.625rem,2vw,.75rem)!important}.auth-wrapper{padding:0!important}.auth-wrapper form{padding:20px 15px!important}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#007bff;--primary-dark:#0056b3;--secondary:#6c757d;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--dark:#343a40;--white:#fff;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--border-radius:8px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .2s ease-in-out;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-tertiary:#adb5bd;--border-color:#e9ecef;--hover-bg:#f8f9fa}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#242424;--bg-tertiary:#2d2d2d;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:gray;--border-color:#3a3a3a;--hover-bg:#2d2d2d;--gray-100:#2d2d2d;--gray-200:#3a3a3a;--gray-300:#4a4a4a;--gray-400:#5a5a5a;--gray-500:#6a6a6a;--gray-600:#8a8a8a;--gray-700:#aaa;--gray-800:#ccc;--gray-900:#fff;--white:#1a1a1a;--shadow:0 1px 3px 0 #0000004d, 0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006}html{-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);width:100%;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(14px,2.5vw,16px);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar-track{background:var(--gray-200)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-color);padding:20px}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border:none;align-items:center;gap:8px;max-width:100%;padding:10px 20px;font-size:16px;font-weight:600;display:inline-flex;overflow:hidden}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--white)}.btn-success{background-color:var(--success);color:var(--white)}.btn-danger{background-color:var(--danger);color:var(--white)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#c82333;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.input{border:1px solid var(--border-color);border-radius:var(--border-radius);width:100%;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary);padding:10px 12px;font-size:16px}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.input:disabled{background-color:var(--gray-200);cursor:not-allowed}.textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;width:100%;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:16px}.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.select{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);width:100%;color:var(--text-primary);cursor:pointer;transition:var(--transition);padding:10px 12px;font-size:16px}.select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #007bff1a}.alert{border-radius:var(--border-radius);margin-bottom:16px;padding:12px 16px}.alert-error{color:#c33;background-color:#fee;border:1px solid #fcc}.alert-success{color:#3c3;background-color:#efe;border:1px solid #cfc}.loading{text-align:center;color:var(--gray-600);padding:40px}.empty-state{text-align:center;color:var(--gray-600);padding:60px 20px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.card-hover{transition:all .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:.3s ease-out fadeIn}.slide-in-right{animation:.3s ease-out slideInRight}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:5px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-secondary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}*{box-sizing:border-box}h1{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1.5rem,4vw + 1rem,2.5rem);line-height:1.2}h2{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1.25rem,3vw + .75rem,2rem);line-height:1.3}h3{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(1.125rem,2.5vw + .5rem,1.5rem);line-height:1.4}p{word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(.875rem,1.5vw + .25rem,1rem);line-height:1.6}button,.btn{min-width:clamp(36px,5vw,44px);min-height:clamp(36px,5vw,44px);padding:clamp(.5rem,1vw + .25rem,.75rem) clamp(.75rem,2vw + .5rem,1rem);font-size:clamp(.75rem,1.5vw + .25rem,.875rem)}input,textarea,select{width:100%;max-width:100%;padding:clamp(.5rem,1vw + .25rem,.75rem) clamp(.75rem,2vw + .5rem,1rem);font-size:clamp(.875rem,1.5vw + .25rem,1rem)}.card{border-radius:clamp(.5rem,1vw + .25rem,.75rem);margin:clamp(.5rem,1.5vw + .25rem,1rem);padding:clamp(.75rem,2vw + .5rem,1.5rem)}@media (min-width:320px){html{font-size:14px}}@media (min-width:480px){html{font-size:15px}}@media (min-width:768px){html{font-size:16px}}@media (min-width:1024px){html{font-size:16px}}@media (min-width:1280px){html{font-size:17px}}@media (min-width:1920px){html{font-size:18px}}@media (max-width:767.98px){body{font-size:clamp(13px,3vw,14px);overflow-x:hidden}*{max-width:100%}.card{width:100%!important;max-width:100%!important;margin:clamp(.5rem,2vw,.75rem)!important;padding:clamp(.75rem,3vw,1rem)!important}[style*="padding: 24px"]{padding:clamp(.75rem,3vw,1rem)!important}[style*="padding: 20px"]{padding:clamp(.625rem,2.5vw,.875rem)!important}[style*="display: flex"]{flex-wrap:wrap!important}p,span,div{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}body.sidebar-open{width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.sidebar.mobile-dropdown-menu{z-index:1000!important;-webkit-overflow-scrolling:touch!important;border-right:none!important;border-bottom:2px solid var(--border-color)!important;background:var(--bg-primary)!important;background-color:var(--bg-primary)!important;will-change:transform!important;backface-visibility:hidden!important;border-radius:0 0 16px 16px!important;flex-direction:column!important;width:100%!important;max-width:100vw!important;height:auto!important;max-height:90vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;overflow:hidden auto!important;transform:translateY(-100%)!important;box-shadow:0 4px 20px #0000004d!important}.sidebar.mobile-dropdown-menu.open{transform:translateY(0)!important}.sidebar.mobile-dropdown-menu>div:first-child{background:var(--bg-primary)!important;border-bottom:1px solid var(--border-color)!important;z-index:1!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;min-height:clamp(56px,10vw,64px)!important;padding:clamp(.875rem,3vw,1rem) clamp(.75rem,2.5vw,.875rem)!important;display:flex!important;position:sticky!important;top:0!important}.sidebar.mobile-dropdown-menu nav>div{flex-direction:column!important;width:100%!important;margin-bottom:clamp(.75rem,2vw,1rem)!important;display:flex!important}.sidebar.mobile-dropdown-menu nav a,.sidebar.mobile-dropdown-menu nav button{white-space:nowrap!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;flex-wrap:nowrap!important;align-items:center!important;width:100%!important;min-height:clamp(40px,8vw,44px)!important;padding:clamp(.625rem,2vw,.75rem) clamp(.5rem,2vw,.625rem)!important;font-size:clamp(.75rem,2.5vw,.875rem)!important;display:flex!important}.sidebar.mobile-dropdown-menu nav a span:first-child,.sidebar.mobile-dropdown-menu.open nav a span:first-child{opacity:1!important;visibility:visible!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;min-width:24px!important;font-size:20px!important;display:flex!important}.sidebar.mobile-dropdown-menu.open nav a span:last-child{white-space:nowrap!important;opacity:1!important;visibility:visible!important;display:inline!important}.sidebar.mobile-dropdown-menu.open nav,.sidebar.mobile-dropdown-menu.open nav>div,.sidebar.mobile-dropdown-menu.open nav a,.sidebar.mobile-dropdown-menu.open nav button{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.mobile-menu-btn{display:flex!important}.mobile-overlay{z-index:999!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background-color:#00000080!important;transition:opacity .3s,visibility .3s!important;position:fixed!important;inset:0!important}.mobile-overlay.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.mobile-close-btn{display:flex!important}.sidebar-toggle-btn{display:none!important}.main-content{width:100%!important;margin-left:0!important;padding-top:60px!important;overflow-x:hidden!important}.sidebar.mobile-dropdown-menu>nav{-webkit-overflow-scrolling:touch!important;flex-direction:column!important;flex:1!important;width:100%!important;min-height:0!important;max-height:calc(90vh - 70px)!important;padding:clamp(.75rem,2vw,.875rem) clamp(.5rem,1.5vw,.625rem)!important;display:flex!important;overflow:hidden auto!important}.sidebar.mobile-dropdown-menu *{box-sizing:border-box!important;max-width:100%!important}.sidebar.mobile-dropdown-menu>*{flex-shrink:0!important;width:100%!important}.sidebar.mobile-dropdown-menu nav a:active,.sidebar.mobile-dropdown-menu nav button:active{transition:none!important;transform:none!important}.sidebar.mobile-dropdown-menu nav>div{opacity:1!important;visibility:visible!important;pointer-events:auto!important;will-change:auto!important;flex-direction:column!important;width:100%!important;margin-bottom:clamp(.75rem,2vw,1rem)!important;display:flex!important}.sidebar.mobile-dropdown-menu nav>div>div:first-child{text-transform:uppercase!important;letter-spacing:clamp(.25px,.1vw,.5px)!important;width:100%!important;padding:clamp(.5rem,1.5vw,.625rem) clamp(.5rem,2vw,.625rem)!important;font-size:clamp(.625rem,2vw,.6875rem)!important}.card,[class*=card],button,a{touch-action:manipulation!important;-webkit-tap-highlight-color:#0000001a!important;-webkit-user-select:none!important;user-select:none!important}*{-webkit-overflow-scrolling:touch!important}.sidebar,.sidebar nav,.main-content{overscroll-behavior:contain!important}.card:active,button:active,a:active{transition:transform .1s!important;transform:scale(.98)!important}a,button{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.main-content{overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;position:relative!important}.sidebar.mobile-dropdown-menu{will-change:transform!important;backface-visibility:hidden!important;border-right:none!important}.main-content{pointer-events:auto!important}.card{will-change:transform!important;backface-visibility:hidden!important}}@media (max-width:479.98px){.sidebar.mobile-dropdown-menu{width:100%!important;max-width:100vw!important}.sidebar.mobile-dropdown-menu>div:first-child{padding:clamp(.75rem,3vw,.875rem) clamp(.625rem,2.5vw,.75rem)!important}.sidebar.mobile-dropdown-menu nav{padding:clamp(.5rem,2vw,.625rem) clamp(.375rem,1.5vw,.5rem)!important}.sidebar.mobile-dropdown-menu nav a,.sidebar.mobile-dropdown-menu nav button{padding:clamp(.5rem,2vw,.625rem)!important;font-size:clamp(.75rem,3vw,.8125rem)!important}.card,button,a{min-width:clamp(40px,8vw,44px)!important;min-height:clamp(40px,8vw,44px)!important}}@media (max-width:767.98px){[style*=maxWidth],[style*="width: 500px"],[style*="width: 700px"],[style*="width: 800px"]{width:min(95vw,500px)!important;max-width:min(95vw,500px)!important}nav a{align-items:center!important;min-height:44px!important;display:flex!important}button{min-width:44px!important;min-height:44px!important}.page-header-content{flex-direction:column!important}.page-header-actions{justify-content:flex-start!important;width:100%!important;margin-top:12px!important}.page-header-actions>*{flex:auto!important;min-width:0!important}.page-header-actions button{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:8px 10px!important;font-size:12px!important}[style*=grid-template-columns]{grid-template-columns:1fr!important}.kanban-board{-webkit-overflow-scrolling:touch;flex-direction:row!important;gap:12px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.kanban-board>div{flex-shrink:0!important;min-width:280px!important;max-width:280px!important}body,html{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}[style*="padding: 24px"]{padding:16px!important}[style*="padding: 20px"]{padding:12px!important}[style*="grid-template-columns: repeat(auto-fit"]{grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;width:100%!important;display:block!important;overflow-x:auto!important}nav[aria-label=breadcrumb]{-webkit-overflow-scrolling:touch;overflow-x:auto!important}select{width:100%!important;max-width:100%!important}[style*="display: flex"][style*=gap]{flex-wrap:wrap!important}*{word-break:break-word;overflow-wrap:break-word}[style*=overflow-x]{-webkit-overflow-scrolling:touch}.timeline-container{-webkit-overflow-scrolling:touch;padding:12px!important;overflow-x:auto!important}.timeline-container [style*="minWidth: 200px"]{min-width:120px!important;padding:8px 6px!important;font-size:11px!important}.timeline-container [style*="minWidth: 150px"],.timeline-container [style*="minWidth: 80px"]{min-width:80px!important;padding:6px 3px!important;font-size:10px!important}.timeline-container [style*=backgroundColor][style*=\#007bff],.timeline-container [style*=backgroundColor][style*=\#28a745],.timeline-container [style*=backgroundColor][style*=\#dc3545]{word-break:break-word!important;white-space:normal!important;max-width:100%!important;min-height:28px!important;padding:4px 3px!important;font-size:9px!important;line-height:1.2!important;overflow:hidden!important}.timeline-container [style*="textAlign: center"]{font-size:10px!important}.projects-grid,[style*="grid-template-columns: repeat(auto-fit"][style*=minmax\(300px]{grid-template-columns:1fr!important;gap:16px!important}.project-card,.hover-lift{width:100%!important;max-width:100%!important}[style*="height: 120px"][style*=backgroundImage]{height:100px!important;margin:-16px -16px 12px!important}.kanban-column,.kanban-board>div{min-width:240px!important;max-width:240px!important}[style*="gridTemplateColumns: repeat(auto-fit"][style*=minmax\(150px]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}[style*="gridTemplateColumns: repeat(auto-fit"][style*=minmax\(150px]>*{padding:12px!important}[style*="fontSize: 32px"][style*="fontWeight: 700"]{font-size:24px!important}.page-header-actions{flex-wrap:wrap!important;gap:8px!important}.page-header-actions button{flex:auto!important;min-width:80px!important;padding:6px 8px!important;font-size:11px!important}.search-bar,[style*="display: flex"][style*=gap][style*=marginBottom]{flex-wrap:wrap!important}.input,.textarea,.select{box-sizing:border-box!important;width:100%!important;max-width:100%!important}div[style*=padding]{box-sizing:border-box!important;max-width:100%!important}}