:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #2c3e50;--color-secondary: #34495e;--color-accent: #e67e22;--color-text-dark: #2c3e50;--color-text-light: #7f8c8d;--color-background: #ecf0f1;--color-white: #ffffff;--container-max-width: 2400px;--container-padding: 1.5rem;color:var(--color-text-dark);background-color:var(--color-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}@media(min-width:2560px){:root{--container-padding: 4rem}}@media(min-width:1920px)and (max-width:2559px){:root{--container-padding: 3rem}}@media(min-width:1440px)and (max-width:1919px){:root{--container-padding: 2.5rem}}@media(min-width:1024px)and (max-width:1439px){:root{--container-padding: 2rem}}@media(max-width:1023px){:root{--container-padding: 1.5rem}}@media(max-width:480px){:root{--container-padding: 1rem}}.header{background-color:#2c3e50;padding:.6rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.headerContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logoImage{height:22px;width:auto;object-fit:contain}.logoText{font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:2px}.nav{display:flex;gap:2rem;align-items:center;margin-left:auto}.navLink{color:#fff;text-decoration:none;font-size:.75rem;font-weight:500;letter-spacing:.5px;transition:color .3s ease;position:relative}.navLink:after{content:"|";position:absolute;right:-1.25rem;color:#fff6;font-weight:300}.navLink:last-of-type:after{display:none}.navLink:hover{color:#e67e22}.headerButtons{display:flex;gap:.5rem;align-items:center;flex-shrink:0;margin-left:1.5rem}.headerButton{padding:.4rem 1rem;font-size:.7rem;font-weight:600;letter-spacing:.5px;border-radius:20px;transition:all .3s ease;white-space:nowrap}.loginButton{background-color:transparent;color:#fff;border:1.5px solid #ffffff}.loginButton:hover{background-color:#fff;color:#2c3e50}.vendorButton{background-color:#e67e22;color:#fff;border:1.5px solid #e67e22;text-decoration:none;cursor:pointer;display:inline-block}.vendorButton:hover{background-color:#d35400;border-color:#d35400}.menuToggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.5rem}.menuIcon{width:25px;height:3px;background-color:#fff;transition:all .3s ease}@media(max-width:1024px){.nav{gap:1.5rem}.navLink{font-size:.7rem}.navLink:after{right:-.75rem}.headerButton{padding:.35rem .8rem;font-size:.65rem}}.mobileButtons{display:none}@media(max-width:768px){.menuToggle{display:flex;z-index:1001}.menuToggle.menuOpen .menuIcon:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menuToggle.menuOpen .menuIcon:nth-child(2){opacity:0}.menuToggle.menuOpen .menuIcon:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.desktopOnly{display:none}.nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#2c3e50;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:2rem;transform:translate(100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;margin:0;overflow-x:hidden}.navOpen{transform:translate(0);opacity:1;visibility:visible}.navLink{font-size:1.25rem;text-align:center}.navLink:after{display:none}.mobileButtons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px;margin-top:1rem}.mobileButtons .headerButton{width:100%;text-align:center;padding:1rem 2rem;font-size:1rem}}@media(max-width:480px){.logoImage{height:18px}.navLink{font-size:1.1rem}.mobileButtons .headerButton{padding:.9rem 1.5rem;font-size:.9rem}}.marketTicker{background-color:#e8e4e1;padding:1rem 0}.marketTickerContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;gap:1.5rem}.marketLabel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:1.5rem;border-right:2px solid #c9c4c1;min-width:70px;flex-shrink:0;z-index:2;background-color:#e8e4e1}.marketLabel span{font-size:.7rem;font-weight:700;color:#4a4a4a;letter-spacing:1px;line-height:1.3}.marketBoxesWrapper{flex:1;overflow:hidden}.marketBoxes{display:flex;gap:1rem;animation:scroll 20s linear infinite;width:max-content}.marketBoxes:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marketBox{background-color:#f5f2f0;border-radius:6px;padding:.5rem 1.25rem;min-width:140px;flex-shrink:0;transition:background-color .3s ease,box-shadow .3s ease;border:1px solid #ddd8d5;display:flex;align-items:center;justify-content:space-between;gap:1rem}.marketBox:hover{background-color:#fff;box-shadow:0 2px 8px #0000001a}.metalName{font-size:.65rem;font-weight:700;color:#666;letter-spacing:.5px;text-transform:uppercase}.metalPriceRow{display:flex;align-items:center;gap:.4rem}.metalPrice{font-size:.9rem;font-weight:700;color:#1a1a1a}.metalTrend{font-size:.6rem;font-weight:700}.metalTrend.up{color:#22c55e}.metalTrend.down{color:#ef4444}.metalTrend.neutral{color:#6b7280}@media(max-width:768px){.marketTickerContainer{gap:1rem}.marketLabel{min-width:55px;padding-right:1rem}.marketLabel span{font-size:.6rem}.marketBox{min-width:120px;padding:.4rem 1rem}.metalName{font-size:.55rem}.metalPrice{font-size:.8rem}}@media(max-width:480px){.marketTicker{padding:.75rem 0}.marketLabel{min-width:45px}.marketLabel span{font-size:.5rem}.marketBox{min-width:110px;padding:.35rem .75rem}}.footer{background-color:#2c3e50;color:#fff;padding:4rem 0 0;margin-top:4rem}.footerContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding) 3rem;display:grid;grid-template-columns:1fr 1.2fr 1.2fr 1.2fr;gap:2rem;align-items:start}.footerColumn{display:flex;flex-direction:column}.footerColumn:first-child{justify-content:flex-start;padding-top:.5rem}.footerLogo{display:flex;flex-direction:column;gap:.8rem}.footerLogoImage{height:28px;width:auto;object-fit:contain}.footerLogoText{font-size:1.8rem;font-weight:700;letter-spacing:2px;color:#fff}.footerTitle{font-size:.9rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:1px;color:#fff}.footerLinks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footerLinks a{color:#bdc3c7;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footerLinks a:hover{color:#e67e22}.newsletterForm{display:flex;flex-direction:column;gap:1rem}.newsletterInput{padding:.8rem 1rem;border:1px solid #34495e;background-color:#34495e;color:#fff;border-radius:4px;font-size:.9rem}.newsletterInput::placeholder{color:#95a5a6}.newsletterInput:focus{outline:none;border-color:#e67e22}.newsletterButton{padding:.8rem 1.5rem;background-color:#e67e22;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.newsletterButton:hover{background-color:#d35400}.footerBottom{background-color:#1a252f;padding:1.5rem var(--container-padding);text-align:center}.footerBottom p{margin:0;font-size:.85rem;color:#bdc3c7}@media(max-width:1024px){.footerContainer{grid-template-columns:1fr 1fr;gap:2.5rem 2rem}.footerColumn:first-child{grid-column:1 / -1;padding-top:0}.footerLogo{align-items:center}.footerLogoImage{height:32px}}@media(max-width:600px){.footerContainer{grid-template-columns:1fr;gap:2rem;text-align:center}.footerColumn:first-child{margin-bottom:.5rem}.footerLogo,.footerLinks,.newsletterForm{align-items:center}.newsletterInput,.newsletterButton{width:100%;max-width:300px}}.heroSection{width:100%;position:relative}.heroImageContainer{position:relative;width:100%;height:calc(100vh - 140px);height:calc(100svh - 140px);min-height:500px;overflow:hidden}.heroSlide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.heroSlide.active{opacity:1}.heroImage{width:100%;height:120%;object-fit:cover;animation:parallaxZoom 10s ease-in-out infinite alternate}.heroImageShip{animation:none}@keyframes parallaxZoom{0%{transform:scale(1) translateY(0)}to{transform:scale(1.1) translateY(-5%)}}.heroOverlayCenter{position:absolute;inset:0;background:linear-gradient(to right,#000000b3,#0000004d);display:flex;align-items:center;justify-content:center;z-index:10}.heroOverlayRight{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:flex-end;z-index:10}.heroContentCenter{max-width:800px;padding:0 var(--container-padding);color:#fff;text-align:center}.heroContentCenter .heroUnderline{margin:1rem auto 1.5rem}.heroContentCenter .heroButtons{justify-content:center}.heroContentRight{max-width:500px;padding:0 var(--container-padding);color:#fff;text-align:center;margin-right:8%}.heroContentRight .heroTitle{text-shadow:2px 2px 4px rgba(0,0,0,.5)}.heroContentRight .heroSubtitle{color:#a8d5ba;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.heroContentRight .heroUnderline{display:none}.heroContentRight .heroButtons{justify-content:center}.heroTitle{font-size:3rem;font-weight:700;margin:0 0 1rem;line-height:1.2;letter-spacing:2px;text-transform:uppercase}.heroTitleHighlight{font-weight:700;display:block}.heroUnderline{width:100%;max-width:400px;height:2px;background-color:#fff}.heroSubtitle{font-size:1.1rem;margin:0 0 2rem;font-weight:300;opacity:.95;font-style:italic;line-height:1.6}.heroButtons{display:flex;gap:1rem;margin-top:1.5rem}.heroButton{padding:.7rem 1.6rem;font-size:.85rem;font-weight:500;border:2px solid transparent;border-radius:25px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.heroPrimary{background-color:transparent;color:#fff;border-color:#fff}.heroPrimary:hover{background-color:#fff;color:#2c3e50}.heroSecondary{background-color:#2a9d8f;color:#fff;border-color:#2a9d8f}.heroSecondary:hover{background-color:#238b7e;border-color:#238b7e}.heroArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;background:transparent;border:none;color:#ffffffb3;width:50px;height:50px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.heroArrow:hover{color:#fff}.heroArrow svg{width:32px;height:32px;stroke-width:1.5}.heroArrowLeft{left:1.5rem}.heroArrowRight{right:1.5rem}@media(max-width:1024px){.heroContentRight{max-width:400px;margin-right:5%}.heroTitle{font-size:2.5rem}}@media(max-width:768px){.heroImageContainer{height:calc(100vh - 115px);height:calc(100svh - 115px);min-height:450px}.heroOverlayCenter{background:linear-gradient(to top,#000c 50%,#0000004d);justify-content:center;align-items:flex-end}.heroOverlayRight{background:linear-gradient(to top,rgba(0,0,0,.7) 50%,transparent 100%);justify-content:center;align-items:flex-end}.heroContentCenter,.heroContentRight{max-width:100%;padding:2rem var(--container-padding);margin-right:0;margin-bottom:2rem;text-align:center}.heroContentRight .heroTitle{font-size:1.8rem}.heroContentRight .heroSubtitle{color:#a8d5ba;font-size:.95rem}.heroContentCenter .heroUnderline{margin:1rem auto 1.5rem}.heroContentCenter .heroButtons,.heroContentRight .heroButtons{justify-content:center}.heroImageShip{object-position:40% center}.heroTitle{font-size:2rem}.heroSubtitle{font-size:1rem}.heroButton{padding:.6rem 1.2rem;font-size:.8rem}.heroArrow{width:40px;height:40px}.heroArrow svg{width:28px;height:28px}.heroArrowLeft{left:.5rem}.heroArrowRight{right:.5rem}}@media(max-width:480px){.heroImageContainer{height:calc(100vh - 100px);height:calc(100svh - 100px);min-height:400px}.heroTitle{font-size:1.75rem}.heroSubtitle{font-size:.9rem}.heroButtons{flex-direction:column;gap:.75rem}.heroButton{width:100%;max-width:280px;margin:0 auto}.heroArrow svg{width:24px;height:24px}.heroContentRight{padding:1.5rem var(--container-padding);margin-bottom:1.5rem}.heroContentRight .heroTitle{font-size:1.5rem}.heroContentRight .heroSubtitle{font-size:.85rem}.heroImageShip{object-position:35% center}}.manufacturingSection{padding:5rem 0;background-color:#f9f9f9}.manufacturingContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.sectionTitle{text-align:center;font-size:2.5rem;font-weight:300;margin:0 0 1rem;color:#333}.sectionSubtitle{text-align:center;font-size:1.1rem;color:#666;max-width:800px;margin:0 auto 3rem;line-height:1.6}.productsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.productCard{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.productCard:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.productImageContainer{width:100%;height:250px;position:relative;overflow:hidden}.productImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out,transform .3s ease}.productImage.active{opacity:1}.productCard:hover .productImage{transform:scale(1.1)}.productOverlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:1.5rem;display:flex;align-items:flex-end;min-height:80px}.productTitle{color:#fff;font-size:1.2rem;font-weight:600;text-align:left;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media(max-width:1024px){.productsGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.manufacturingSection{padding:3rem 0}.sectionTitle{font-size:2rem}.sectionSubtitle{font-size:1rem}.productsGrid{grid-template-columns:1fr;gap:1.5rem}.productImageContainer{height:200px}}.qualitySection{padding:5rem 0;background-color:#e8e8e8}.qualityContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);text-align:center}.qualityUnderline{width:100px;height:3px;background-color:#333;margin:1rem auto 3rem}.qualityImageContainer{width:100%;max-height:480px;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000026;margin-bottom:3rem;border:8px solid #ffffff;padding:0}.qualityImage{width:100%;height:480px;object-fit:cover;object-position:center bottom;display:block}.qualityQuote{font-size:1.15rem;line-height:1.8;color:#333;font-style:italic;margin:0 auto 3rem;max-width:1100px;padding:0 var(--container-padding)}.qualityButton{padding:.9rem 2.5rem;background-color:#a68a64;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin:0 auto;display:inline-block;letter-spacing:1px}.qualityButton:hover{background-color:#8f7556}@media(max-width:768px){.qualitySection{padding:3rem 0}.qualityImageContainer{max-height:340px}.qualityImage{height:340px}.qualityQuote{font-size:1rem}.qualityButton{width:100%;max-width:300px}}.processSection{padding:5rem 0;background-color:#f0ebe8}.processContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);text-align:center}.processGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:3rem 0}.processCard{background-color:#fff;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.processCard:hover{transform:translateY(-5px)}.processIconPlaceholder{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#6b5b5a,#8a7a79);border-radius:50%;display:flex;align-items:center;justify-content:center}.processNumber{font-size:2rem;font-weight:700;color:#fff}.processTitle{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 1rem;letter-spacing:.5px}.processDescription{font-size:.95rem;line-height:1.6;color:#666;margin:0}.processButton{margin-top:2rem;padding:.9rem 2.5rem;background-color:#6b5b5a;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.processButton:hover{background-color:#5a4a49}@media(max-width:1024px){.processGrid{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.processSection{padding:3rem 0}.processCard{padding:2rem 1.5rem}.processButton{width:100%;max-width:300px}}.statsSection{background:#2c3e50;padding:4rem 0}.statsContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.statCard{text-align:center;padding:2rem;border-left:1px solid rgba(255,255,255,.2)}.statCard:first-child{border-left:none}.statValue{font-size:4rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1}.statLabel{font-size:1rem;color:#ffffffb3;margin:0;font-weight:400;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.statsSection{padding:3rem 0}.statsContainer{grid-template-columns:1fr;gap:0}.statCard{padding:1.5rem;border-left:none;border-bottom:1px solid rgba(255,255,255,.2)}.statCard:last-child{border-bottom:none}.statValue{font-size:3rem}.statLabel{font-size:.9rem}}.industriesSection{padding:5rem 0;background-color:#fff}.industriesContainer{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);text-align:center}.industriesUnderline{width:100px;height:3px;background-color:#2c3e50;margin:1rem auto 3rem}.industriesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.industryCard{background-color:#f8f9fa;padding:2.5rem 1.5rem;border-radius:8px;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.industryCard:hover{background-color:#fff;border-color:#e67e22;transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.industryIcon{font-size:3.5rem;margin-bottom:1rem}.industryName{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0}.industriesButton{padding:.9rem 2.5rem;background-color:#2c3e50;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:2rem;letter-spacing:.5px}.industriesButton:hover{background-color:#1a252f}@media(max-width:768px){.industriesSection{padding:3rem 0}.industriesGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.industryCard{padding:2rem 1rem}.industryIcon{font-size:2.5rem}.industryName{font-size:1rem}.industriesButton{width:100%;max-width:300px}}@media(max-width:480px){.industriesGrid{grid-template-columns:1fr}}.loginPage{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:2rem}.loginCard{background:#fff;border-radius:12px;padding:2rem 2.5rem;width:100%;max-width:340px;box-shadow:0 10px 40px #0000004d}.loginLogo{display:flex;justify-content:center;margin-bottom:1.5rem;background:#2c3e50;margin:-2rem -2.5rem 1.5rem;padding:1rem;border-radius:12px 12px 0 0}.loginLogoImage{height:24px;width:auto}.loginTitle{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem;text-align:center;letter-spacing:1px}.loginSubtitle{font-size:.7rem;color:#666;margin:0 0 1rem;text-align:center;line-height:1.5;font-style:italic}.loginTabs{display:flex;background:#f0f0f0;border-radius:25px;padding:4px;margin-bottom:1.5rem}.loginTab{flex:1;padding:.6rem 1rem;border:none;background:transparent;border-radius:20px;font-size:.85rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.loginTab.active{background:#fff;color:#2c3e50;box-shadow:0 2px 8px #0000001a}.loginForm{display:flex;flex-direction:column;gap:1rem}.formGroup input{padding:.85rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .3s ease;background:#fff;width:100%}.bottomLines{display:flex;flex-direction:column;gap:8px;margin-top:1.5rem;padding-top:1rem}.bottomLine{height:3px;background:#2c3e50;border-radius:2px}.bottomLine:first-child{width:100%}.bottomLine:last-child{width:60%}@media(max-width:480px){.loginPage{padding:1rem}.loginCard{padding:1.5rem;max-width:100%}.loginLogo{margin:-1.5rem -1.5rem 1.5rem}.loginTitle{font-size:1rem}.loginSubtitle{font-size:.65rem}}html:has(.landingPage),html:has(.landingPage) body{overflow:hidden;height:100%}.landingPage{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.backgroundSlider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.backgroundSlide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.5s ease-in-out}.backgroundSlide.active{opacity:1}.backgroundOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.landingHeader{position:relative;z-index:10;padding:15px 30px;display:flex;align-items:center}.landingLogo{height:clamp(14px,2.5vw,25px);width:auto}.landingMain{flex:1;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:10;padding:10px 12%}.formContainer{background:#fff;border-radius:12px;padding:2rem 2.5rem;width:100%;max-width:340px;box-shadow:0 10px 40px #0000004d}.landingTitle{font-size:1.1rem;font-weight:700;color:#2c3e50;margin:0 0 .5rem;text-align:center;letter-spacing:1px}.landingSubtitle{font-size:.7rem;color:#666;margin:0 0 1rem;text-align:center;line-height:1.5;font-style:italic}.welcomeText{font-size:.8rem;color:#333;text-align:center;margin:0 0 1rem;font-weight:500}.landingTabs{display:flex;background:#f0f0f0;border-radius:25px;padding:4px;margin-bottom:1.5rem}.landingTab{flex:1;padding:.6rem 1rem;border:none;background:transparent;border-radius:20px;font-size:.85rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease}.landingTab.active{background:#fff;color:#2c3e50;box-shadow:0 2px 8px #0000001a}.landingForm{display:flex;flex-direction:column;gap:1rem}.formGroup{display:flex;flex-direction:column}.formGroup input{padding:.85rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:border-color .3s ease;background:#fff;width:100%;box-sizing:border-box}.formGroup input:focus{outline:none;border-color:#2a9d8f}.formGroup input::placeholder{color:#999}.inputWrapper{position:relative;display:flex;align-items:center}.inputWrapper input{padding-right:2.5rem}.validIcon{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center}.togglePassword{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.phoneInput{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:border-color .3s ease}.phoneInput:focus-within{border-color:#2a9d8f}.phonePrefix{padding:.85rem .75rem;background:#f5f5f5;color:#333;font-size:.9rem;font-weight:500;border-right:1px solid #e0e0e0}.phoneInput input{border:none;border-radius:0;flex:1}.phoneInput input:focus{outline:none;border:none}.otpInput{text-align:center;font-size:1.2rem;letter-spacing:8px;font-weight:600}.continueButton{margin-top:.5rem;padding:.9rem 2rem;background-color:#2a9d8f;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background-color .3s ease}.continueButton:hover{background-color:#238b7e}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.divider span{padding:0 1rem;color:#999;font-size:.75rem}.socialButtons{display:flex;justify-content:center;gap:1rem}.socialButton{width:48px;height:48px;border:1px solid #e0e0e0;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.socialButton:hover{border-color:#ccc;background:#f9f9f9;transform:translateY(-2px)}.landingFooter{position:relative;z-index:10;background:#000000d9}.copyright{text-align:center;padding:10px;color:#ffffffb3;font-size:12px}@media(max-width:768px){.landingMain{justify-content:center;padding:10px 20px}}@media(max-width:480px){.landingHeader{padding:10px 15px}.landingLogo{height:16px}.landingMain{padding:5px 15px}.formContainer{padding:1rem 1.2rem;max-width:100%}.landingTitle{font-size:.9rem;margin-bottom:.3rem}.landingSubtitle{font-size:.6rem;margin-bottom:.5rem}.welcomeText{font-size:.7rem;margin-bottom:.5rem}.landingTabs{margin-bottom:.8rem}.landingTab{padding:.4rem .8rem;font-size:.75rem}.landingForm{gap:.6rem}.formGroup input{padding:.6rem .8rem;font-size:.8rem}.continueButton{padding:.6rem 1rem;font-size:.8rem}.divider{margin:.8rem 0}.divider span{font-size:.65rem}.socialButton{width:38px;height:38px}.socialButton svg{width:18px;height:18px}.copyright{padding:6px;font-size:10px}}@media(max-height:700px){.landingHeader{padding:8px 20px}.formContainer{padding:1rem 1.5rem}.landingTitle{font-size:.95rem;margin-bottom:.2rem}.landingSubtitle{font-size:.6rem;margin-bottom:.6rem}.welcomeText{font-size:.7rem;margin-bottom:.6rem}.landingTabs{margin-bottom:.8rem;padding:3px}.landingTab{padding:.4rem .8rem;font-size:.8rem}.landingForm{gap:.6rem}.formGroup input{padding:.6rem .8rem;font-size:.85rem}.continueButton{margin-top:.3rem;padding:.6rem 1.5rem;font-size:.85rem}.divider{margin:.8rem 0}.socialButton{width:38px;height:38px}.copyright{padding:6px;font-size:10px}}@media(min-width:768px)and (max-width:1024px)and (min-height:1000px){.formContainer{padding:1.2rem 1.8rem;max-width:320px}.landingTitle{font-size:1rem}.landingSubtitle{font-size:.65rem;margin-bottom:.8rem}.landingTabs{margin-bottom:1rem}.landingForm{gap:.8rem}.divider{margin:1rem 0}.socialButton{width:42px;height:42px}}@media(max-height:600px){.landingHeader{padding:5px 15px}.landingLogo{height:14px}.formContainer{padding:.8rem 1.2rem}.landingTitle{font-size:.85rem;margin-bottom:.15rem}.landingSubtitle{font-size:.55rem;margin-bottom:.4rem}.welcomeText{font-size:.65rem;margin-bottom:.4rem}.landingTabs{margin-bottom:.6rem}.landingTab{padding:.35rem .6rem;font-size:.7rem}.landingForm{gap:.5rem}.formGroup input{padding:.5rem .7rem;font-size:.8rem}.phonePrefix{padding:.5rem;font-size:.8rem}.continueButton{margin-top:.2rem;padding:.5rem 1rem;font-size:.8rem}.divider{margin:.5rem 0}.divider span{font-size:.6rem}.socialButton{width:32px;height:32px}.socialButton svg{width:16px;height:16px}.copyright{padding:4px;font-size:9px}}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}