@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.app{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.app .hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);width:100%}.app .hero .hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;padding:2rem 1rem;width:100%}.app .hero .hero-content .hero-logo{position:relative;margin-bottom:3rem}.app .hero .hero-content .hero-logo .logo-image{height:200px;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 30px var(--shadow));transition:none}.app .hero .hero-content .hero-logo .logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;background:radial-gradient(circle,rgba(249,115,22,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite}.app .hero .hero-content .hero-text{margin-bottom:3rem;padding:0 1rem}.app .hero .hero-content .hero-text .hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text) 0%,#f97316 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.app .hero .hero-content .hero-text .hero-title .cursor{color:#f97316;font-weight:300}.app .hero .hero-content .hero-text .hero-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--textSecondary);max-width:600px;margin:0 auto;line-height:1.6;font-weight:400;padding:0 .5rem}.app .hero .hero-content .hero-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem;padding:0 1rem}.app .hero .hero-content .hero-actions .btn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;font-weight:600;font-size:1rem;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;letter-spacing:.3px}.app .hero .hero-content .hero-actions .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.app .hero .hero-content .hero-actions .btn:hover:before{left:100%}.app .hero .hero-content .hero-actions .btn.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;box-shadow:0 8px 25px #f973164d}.app .hero .hero-content .hero-actions .btn.btn-primary:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-3px);box-shadow:0 15px 35px #f9731666}.app .hero .hero-content .hero-actions .btn.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--borderColor)}.app .hero .hero-content .hero-actions .btn.btn-secondary:hover{background:var(--surfaceHover);border-color:#f97316;color:#f97316;transform:translateY(-3px);box-shadow:0 10px 25px var(--shadow)}.app .hero .hero-content .hero-stats{display:flex;gap:3rem;justify-content:center}.app .hero .hero-content .hero-stats .stat{display:flex;align-items:center;gap:.8rem;color:var(--textSecondary);font-size:.95rem;font-weight:500}.app .hero .hero-content .hero-stats .stat svg{color:#f97316}.app .hero .hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.app .hero .hero-bg .grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(249,115,22,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(249,115,22,.03) 1px,transparent 1px);background-size:50px 50px;mask:radial-gradient(ellipse at center,black 40%,transparent 80%)}.app .hero .hero-bg .gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:float 8s ease-in-out infinite}.app .hero .hero-bg .gradient-orb.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(249,115,22,.1),transparent);top:10%;right:10%;animation-delay:-2s}.app .hero .hero-bg .gradient-orb.orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(249,115,22,.08),transparent);bottom:20%;left:15%;animation-delay:-4s}.app .features{padding:6rem 0;background:var(--background);position:relative;width:100%;overflow-x:hidden}.app .features .section-title{text-align:center;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:4rem;color:var(--text);letter-spacing:-.02em;padding:0 1rem}.app .features .section-title .title-accent{color:#f97316}.app .features .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 1rem}.app .features .features-grid .feature-card{background:var(--cardBackground);padding:2rem;border-radius:20px;box-shadow:0 8px 30px var(--shadow);border:1px solid var(--borderColor);text-align:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.app .features .features-grid .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#ea580c);transform:scaleX(0);transition:transform .4s ease}.app .features .features-grid .feature-card:hover{box-shadow:0 20px 40px var(--shadow);border-color:#f97316;transform:translateY(-8px)}.app .features .features-grid .feature-card:hover:before{transform:scaleX(1)}.app .features .features-grid .feature-card:hover .feature-icon{background:linear-gradient(135deg,#f97316,#ea580c);transform:scale(1.1) rotate(5deg)}.app .features .features-grid .feature-card:hover .feature-icon svg{color:#fff}.app .features .features-grid .feature-card .feature-icon{width:80px;height:80px;border-radius:20px;background:var(--surface);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;transition:all .4s ease;border:1px solid var(--borderColor)}.app .features .features-grid .feature-card .feature-icon svg{color:#f97316;transition:color .4s ease}.app .features .features-grid .feature-card h3{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:600;margin-bottom:1rem;color:var(--text);letter-spacing:-.01em}.app .features .features-grid .feature-card p{color:var(--textSecondary);line-height:1.7;font-size:clamp(.9rem,2vw,1rem);margin:0}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@media (max-width: 768px){.app .hero{min-height:70vh;padding:1rem 0}.app .hero .hero-content{padding:1rem .5rem}.app .hero .hero-content .hero-logo{margin-bottom:2rem}.app .hero .hero-content .hero-logo .logo-image{height:140px}.app .hero .hero-content .hero-logo .logo-glow{width:200px;height:200px}.app .hero .hero-content .hero-text{margin-bottom:2rem;padding:0 .5rem}.app .hero .hero-content .hero-text .hero-subtitle{font-size:1rem;padding:0 .25rem}.app .hero .hero-content .hero-actions{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:0 .5rem}.app .hero .hero-content .hero-actions .btn{width:100%;max-width:280px;justify-content:center;padding:.9rem 1.5rem;font-size:.95rem}.app .hero .hero-content .hero-stats{flex-direction:column;gap:1rem;align-items:center;padding:0 .5rem}.app .hero .hero-content .hero-stats .stat{font-size:.85rem}.app .features{padding:3rem 0}.app .features .features-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.app .features .features-grid .feature-card{padding:1.5rem;border-radius:16px;max-width:100%;margin:0 auto}}@media (max-width: 480px){.app .hero{min-height:60vh}.app .hero .hero-content{padding:.5rem .25rem}.app .hero .hero-content .hero-logo{margin-bottom:1.5rem}.app .hero .hero-content .hero-logo .logo-image{height:120px}.app .hero .hero-content .hero-logo .logo-glow{width:180px;height:180px}.app .hero .hero-content .hero-text{margin-bottom:1.5rem;padding:0 .25rem}.app .hero .hero-content .hero-text .hero-subtitle{font-size:.9rem;padding:0}.app .hero .hero-content .hero-actions{padding:0 .25rem}.app .hero .hero-content .hero-actions .btn{max-width:260px;padding:.8rem 1.2rem;font-size:.9rem;gap:.6rem}.app .features{padding:2rem 0}.app .features .features-grid{padding:0 .25rem;gap:1rem}.app .features .features-grid .feature-card{padding:1.2rem}.app .features .features-grid .feature-card .feature-icon{width:60px;height:60px;margin-bottom:1.5rem}.app .features .features-grid .feature-card h3{font-size:1.1rem;margin-bottom:.8rem}.app .features .features-grid .feature-card p{font-size:.85rem}}@media (max-width: 360px){.app .hero .hero-content{padding:.25rem .125rem}.app .hero .hero-content .hero-logo .logo-image{height:100px}.app .hero .hero-content .hero-text .hero-subtitle{font-size:.8rem}.app .hero .hero-content .hero-actions .btn{max-width:240px;padding:.7rem 1rem;font-size:.85rem}.app .features .features-grid{padding:0 .125rem}.app .features .features-grid .feature-card{padding:1rem}.app .features .features-grid .feature-card h3{font-size:1rem}.app .features .features-grid .feature-card p{font-size:.8rem}}body.crt-effect-active{position:relative;animation:crt-screen-shake .1s infinite alternate;filter:brightness(1.1) contrast(1.2) saturate(1.2)}body.crt-effect-active:before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 60%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:10000}body.crt-effect-active:after{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 150px #000000e6;pointer-events:none;z-index:10001}body.crt-effect-active img,body.crt-effect-active video{filter:brightness(1.05) blur(.3px)}body.crt-effect-active h1,body.crt-effect-active h2,body.crt-effect-active h3,body.crt-effect-active h4,body.crt-effect-active h5,body.crt-effect-active h6{text-shadow:.06em 0 .06em rgba(255,0,0,.75),-.05em 0 .05em rgba(0,255,255,.75);animation:crt-text-shadow 1.5s infinite}body.crt-effect-active a,body.crt-effect-active button{position:relative}body.crt-effect-active a:hover,body.crt-effect-active button:hover{text-shadow:.06em 0 .06em rgba(255,0,0,.75),-.05em 0 .05em rgba(0,255,255,.75)}.crt-effect-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.crt-effect-container .crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:10002}.crt-effect-container .crt-scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) .1%,transparent .2%);animation:crt-scanline 8s linear infinite;pointer-events:none;z-index:10003;opacity:.4}.crt-effect-container .crt-glow{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#64e2ff1a,#0003 80%);pointer-events:none;z-index:10004;mix-blend-mode:screen}.crt-effect-container .crt-flicker{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffff08;opacity:0;pointer-events:none;z-index:10005;animation:crt-flicker .3s infinite}.crt-effect-container .crt-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;border:2px solid #0f0;padding:20px;border-radius:5px;color:#0f0;font-family:VT323,monospace;text-align:center;z-index:10006;pointer-events:auto;box-shadow:0 0 10px #0f0,inset 0 0 5px #0f0;animation:crt-terminal-glow 1.5s infinite alternate}.crt-effect-container .crt-notification .crt-notification-content h2{font-size:28px;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;animation:crt-text-glow 1s infinite alternate}.crt-effect-container .crt-notification .crt-notification-content p{margin-bottom:20px;font-size:18px}.crt-effect-container .crt-notification .crt-notification-content button{background-color:transparent;border:1px solid #0f0;color:#0f0;padding:10px 20px;font-family:VT323,monospace;font-size:18px;cursor:pointer;transition:all .3s ease}.crt-effect-container .crt-notification .crt-notification-content button:hover{background-color:#0f03;box-shadow:0 0 10px #0f0}.crt-effect-container .crt-notification .crt-notification-content button:active{transform:scale(.98)}@keyframes crt-flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}@keyframes crt-text-shadow{0%{text-shadow:.06em 0 .06em rgba(255,0,0,.75),-.05em 0 .05em rgba(0,255,255,.75)}30%{text-shadow:.06em 0 .06em rgba(255,0,0,.75),-.05em 0 .05em rgba(0,255,255,.75)}31%{text-shadow:-.06em 0 .06em rgba(255,0,0,.75),.05em 0 .05em rgba(0,255,255,.75)}60%{text-shadow:-.06em 0 .06em rgba(255,0,0,.75),.05em 0 .05em rgba(0,255,255,.75)}61%{text-shadow:.06em 0 .06em rgba(255,0,0,.75),-.05em 0 .05em rgba(0,255,255,.75)}90%{text-shadow:.06em 0 .06em rgba(255,0,0,.75),-.05em 0 .05em rgba(0,255,255,.75)}91%{text-shadow:-.06em 0 .06em rgba(255,0,0,.75),.05em 0 .05em rgba(0,255,255,.75)}to{text-shadow:-.06em 0 .06em rgba(255,0,0,.75),.05em 0 .05em rgba(0,255,255,.75)}}@keyframes crt-scanline{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes crt-screen-shake{0%{transform:translate(-.1px)}to{transform:translate(.1px)}}@keyframes crt-text-glow{0%{text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0}to{text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}}@keyframes crt-terminal-glow{0%{box-shadow:0 0 10px #0f0,inset 0 0 5px #0f0}to{box-shadow:0 0 20px #0f0,inset 0 0 10px #0f0}}.header{background:var(--navBackground);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--borderColor);position:static;z-index:1000;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.header:not(.scrolled){position:static;background:var(--navBackground);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--borderColor);box-shadow:none}.header.scrolled{position:fixed;top:0;left:0;right:0;background:var(--navBackground);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-bottom:1px solid var(--borderColor);box-shadow:0 8px 32px var(--shadow);transform:translateY(0);animation:slideDownFixed .3s ease-out}.header.scrolled .header-container{padding:.8rem 1.5rem}.header.scrolled .logo .logo-image{height:32px}.header .header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;height:70px;transition:all .3s ease}.header .logo{display:flex;align-items:center;text-decoration:none;z-index:10}.header .logo .logo-image{height:36px;width:auto;transition:all .3s ease;filter:drop-shadow(0 2px 8px var(--shadow))}.header .desktop-nav{display:flex;align-items:center}.header .desktop-nav .nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none;margin:0;padding:0}.header .desktop-nav .nav-links li{position:relative}.header .desktop-nav .nav-links li a{position:relative;color:var(--navText);text-decoration:none;font-weight:500;font-size:.95rem;padding:.8rem 0;transition:all .3s ease;letter-spacing:.3px}.header .desktop-nav .nav-links li a .nav-indicator{position:absolute;bottom:-1px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primaryHover));border-radius:1px;transition:width .3s cubic-bezier(.25,.46,.45,.94)}.header .desktop-nav .nav-links li a:hover{color:var(--navActive);transform:translateY(-1px)}.header .desktop-nav .nav-links li a:hover .nav-indicator{width:100%}.header .desktop-nav .nav-links li.active a{color:var(--navActive)}.header .desktop-nav .nav-links li.active a .nav-indicator{width:100%}.header .header-actions{display:flex;align-items:center;gap:.8rem}.header .header-actions .action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;border:1px solid var(--borderColor)}.header .header-actions .action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary),var(--primaryHover));opacity:0;transition:opacity .3s ease;z-index:-1}.header .header-actions .action-btn:hover{background:var(--surfaceHover);color:var(--primary);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--shadow);border-color:var(--primary)}.header .header-actions .action-btn:hover:before{opacity:.1}.header .header-actions .action-btn:active{transform:translateY(0) scale(1)}.header .header-actions .action-btn.language-btn{width:auto;padding:0 .8rem;gap:.5rem}.header .header-actions .action-btn.language-btn .flag{font-size:1.1rem}.header .header-actions .action-btn.language-btn .lang-code{font-weight:600;font-size:.85rem;letter-spacing:.5px;color:var(--text)}.header .header-actions .action-btn.mobile-menu-btn{display:none}.header .language-selector{position:relative}.header .language-selector .language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--cardBackground);border:1px solid var(--borderColor);border-radius:12px;box-shadow:0 12px 40px var(--shadow);min-width:180px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.header .language-selector .language-dropdown .lang-option{display:flex;align-items:center;gap:.8rem;width:100%;padding:.8rem 1rem;border:none;background:transparent;color:var(--text);cursor:pointer;transition:all .2s ease;font-size:.9rem}.header .language-selector .language-dropdown .lang-option .flag{font-size:1rem;flex-shrink:0}.header .language-selector .language-dropdown .lang-option .lang-info{display:flex;flex-direction:column;align-items:flex-start;flex:1}.header .language-selector .language-dropdown .lang-option .lang-info .lang-code{font-weight:600;font-size:.85rem;color:var(--primary);letter-spacing:.5px}.header .language-selector .language-dropdown .lang-option .lang-info .lang-name{font-size:.8rem;color:var(--textSecondary);margin-top:1px}.header .language-selector .language-dropdown .lang-option .check-mark{color:var(--primary);font-weight:700;font-size:.9rem}.header .language-selector .language-dropdown .lang-option:hover{background:var(--surfaceHover);transform:translate(2px)}.header .language-selector .language-dropdown .lang-option.active{background:rgba(var(--primary-rgb),.1)}.header .language-selector .language-dropdown .lang-option.active .lang-code{color:var(--primary)}.header .mobile-nav{display:none;background:var(--navBackground);border-top:1px solid var(--borderColor);overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header .mobile-nav .mobile-nav-content{padding:1rem 1.5rem}.header .mobile-nav .mobile-nav-content .mobile-nav-links{list-style:none;margin:0;padding:0}.header .mobile-nav .mobile-nav-content .mobile-nav-links li{margin-bottom:.5rem}.header .mobile-nav .mobile-nav-content .mobile-nav-links li a{display:block;padding:1rem;color:var(--navText);text-decoration:none;font-weight:500;border-radius:8px;transition:all .2s ease}.header .mobile-nav .mobile-nav-content .mobile-nav-links li a:hover{background:var(--surfaceHover);color:var(--navActive);transform:translate(4px)}.header .mobile-nav .mobile-nav-content .mobile-nav-links li.active a{background:rgba(var(--primary-rgb),.1);color:var(--navActive)}@keyframes slideDownFixed{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.header .desktop-nav .nav-links{gap:2rem}}@media (max-width: 768px){.header .header-container{padding:1rem}.header.scrolled .header-container{padding:.8rem 1rem}.header .desktop-nav{display:none}.header .header-actions .action-btn.mobile-menu-btn{display:flex}.header .header-actions .language-selector .language-dropdown{right:auto;left:0;transform:translate(-50%)}.header .mobile-nav{display:block}}@media (max-width: 480px){.header .header-container{padding:.8rem 1rem;height:60px}.header.scrolled .header-container{padding:.6rem 1rem;height:55px}.header .logo .logo-image{height:28px}.header.scrolled .logo .logo-image{height:26px}.header .header-actions{gap:.5rem}.header .header-actions .action-btn{width:36px;height:36px}.header .header-actions .action-btn.language-btn{padding:0 .6rem}.header .header-actions .action-btn.language-btn .lang-code{font-size:.8rem}.header .mobile-nav .mobile-nav-content{padding:.8rem 1rem}.header .mobile-nav .mobile-nav-content .mobile-nav-links li a{padding:.8rem}}.minimal-footer{background:var(--footerBackground);border-top:1px solid var(--borderColor);margin-top:auto}.minimal-footer .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.minimal-footer .footer-content{padding:2rem 0;text-align:center}.minimal-footer .footer-content .copyright{font-size:.9rem;color:var(--textSecondary);margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.minimal-footer .footer-content .copyright .heart{display:inline-flex;color:#ef4444}.minimal-footer .footer-content .rights{font-size:.85rem;color:var(--textSecondary);opacity:.7;margin:0}@media (max-width: 768px){.minimal-footer .footer-content{padding:1.5rem 0}.minimal-footer .footer-content .copyright{font-size:.85rem;flex-direction:column;gap:.5rem}}@media (max-width: 768px) and (max-width: 480px){.minimal-footer .footer-content .copyright{gap:.25rem}}@media (max-width: 768px){.minimal-footer .footer-content .rights{font-size:.8rem}}.product-page{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.product-page .page-header{padding:4rem 0 3rem;background:linear-gradient(135deg,var(--surface) 0%,var(--background) 100%);border-bottom:1px solid var(--borderColor)}.product-page .page-header .header-content{text-align:center;margin-bottom:3rem}.product-page .page-header .header-content h1{font-size:3rem;font-weight:800;color:var(--text);margin-bottom:1rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.product-page .page-header .header-content p{font-size:1.2rem;color:var(--textSecondary);margin:0}.product-page .page-header .filter-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.product-page .page-header .filter-container .filter-btn{display:flex;align-items:center;gap:.6rem;padding:.8rem 1.5rem;background:var(--surface);border:2px solid var(--borderColor);border-radius:12px;color:var(--text);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-page .page-header .filter-container .filter-btn svg{transition:transform .2s ease;color:var(--textSecondary)}.product-page .page-header .filter-container .filter-btn:hover{background:var(--surfaceHover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow)}.product-page .page-header .filter-container .filter-btn:hover svg{transform:scale(1.1);color:var(--primary)}.product-page .page-header .filter-container .filter-btn.active{background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f97316;color:#fff;box-shadow:0 6px 20px #f973164d}.product-page .page-header .filter-container .filter-btn.active svg{color:#fff}.product-page .page-header .filter-container .filter-btn.active:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-3px);box-shadow:0 8px 25px #f9731666}.product-page .page-content{flex:1;padding:4rem 0}.product-page .page-content .loading-container,.product-page .page-content .error-container,.product-page .page-content .empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:300px}.product-page .page-content .loading-container .spinner,.product-page .page-content .error-container .spinner,.product-page .page-content .empty-container .spinner{width:48px;height:48px;border:4px solid var(--surface);border-top:4px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.product-page .page-content .loading-container svg,.product-page .page-content .error-container svg,.product-page .page-content .empty-container svg{color:var(--textSecondary);margin-bottom:1.5rem}.product-page .page-content .loading-container h3,.product-page .page-content .error-container h3,.product-page .page-content .empty-container h3{font-size:1.5rem;color:var(--text);margin-bottom:.8rem}.product-page .page-content .loading-container p,.product-page .page-content .error-container p,.product-page .page-content .empty-container p{color:var(--textSecondary);margin-bottom:2rem;max-width:400px}.product-page .page-content .loading-container .retry-btn,.product-page .page-content .error-container .retry-btn,.product-page .page-content .empty-container .retry-btn{padding:.8rem 2rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.product-page .page-content .loading-container .retry-btn:before,.product-page .page-content .error-container .retry-btn:before,.product-page .page-content .empty-container .retry-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.product-page .page-content .loading-container .retry-btn:hover,.product-page .page-content .error-container .retry-btn:hover,.product-page .page-content .empty-container .retry-btn:hover{background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-3px);box-shadow:0 8px 25px #f9731666}.product-page .page-content .loading-container .retry-btn:hover:before,.product-page .page-content .error-container .retry-btn:hover:before,.product-page .page-content .empty-container .retry-btn:hover:before{width:120%;height:120%}.product-page .page-content .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.product-page .page-content .products-grid .product-card{background:var(--cardBackground);border-radius:20px;overflow:hidden;border:2px solid transparent;position:relative;cursor:pointer;transform:translateY(0) scale(1);transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .15s ease;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a}.product-page .page-content .products-grid .product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,transparent,#f97316,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.product-page .page-content .products-grid .product-card:hover{transform:translateY(-2px);border-color:#f97316;box-shadow:0 8px 16px #0000001a}.product-page .page-content .products-grid .product-card:hover .card-image img{transform:scale(1.02)}.product-page .page-content .products-grid .product-card:hover .card-image .card-overlay{opacity:1}.product-page .page-content .products-grid .product-card:hover .card-content .card-title{color:#f97316}.product-page .page-content .products-grid .product-card:active{transform:translateY(-1px) scale(.99);transition:transform .1s ease-out}.product-page .page-content .products-grid .product-card .card-image{position:relative;width:100%;height:200px;overflow:hidden;background:var(--surface)}.product-page .page-content .products-grid .product-card .card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);opacity:0;transition:opacity .4s ease,transform .6s ease}.product-page .page-content .products-grid .product-card .card-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease-out}.product-page .page-content .products-grid .product-card .card-image .image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--textSecondary);background:var(--surface)}.product-page .page-content .products-grid .product-card .card-image .image-placeholder svg{margin-bottom:.5rem;opacity:.4;transition:transform .3s ease}.product-page .page-content .products-grid .product-card .card-image .image-placeholder span{font-size:.85rem;opacity:.6}.product-page .page-content .products-grid .product-card .card-image .card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.product-page .page-content .products-grid .product-card .card-image .card-overlay .view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fffffff2;color:#1e293b;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease;pointer-events:none;z-index:3}.product-page .page-content .products-grid .product-card .card-image .card-overlay .view-btn:hover{background:#fff;transform:scale(1.05)}.product-page .page-content .products-grid .product-card .card-image .card-category{position:absolute;top:.75rem;right:.75rem;padding:.25rem .6rem;background:#000000b3;color:#fff;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.3rem;z-index:2;pointer-events:none}.product-page .page-content .products-grid .product-card .card-image .card-category svg{opacity:.8}.product-page .page-content .products-grid .product-card .card-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.product-page .page-content .products-grid .product-card .card-content .status-tag{display:inline-block;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.4rem .8rem;border-radius:6px;letter-spacing:.05em;align-self:start;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.product-page .page-content .products-grid .product-card .card-content .status-tag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.product-page .page-content .products-grid .product-card .card-content .card-title{font-size:1.2rem;font-weight:600;color:var(--text);margin-bottom:.5rem;line-height:1.3;transition:color .15s ease-out}.product-page .page-content .products-grid .product-card .card-content .card-description{color:var(--textSecondary);line-height:1.5;font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn,.product-page .page-content .products-grid .product-card .card-content .coming-soon-btn{margin-top:auto;width:100%;padding:.75rem 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;border-radius:10px;letter-spacing:.025em;border:none;cursor:pointer;position:relative;overflow:hidden;z-index:3;pointer-events:auto}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn{background:var(--text);color:var(--background);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f97316cc,#ea580ccc);transform:translateY(100%);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn span{position:relative;z-index:1}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn:hover{color:#fff;transform:translateY(-2px)}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn:hover:before{transform:translateY(0)}.product-page .page-content .products-grid .product-card .card-content .view-docs-btn:active{transform:translateY(0);transition:transform .15s ease}.product-page .page-content .products-grid .product-card .card-content .coming-soon-btn{background:#e0e0e0;color:#888;cursor:not-allowed;transition:opacity .3s ease}.product-page .page-content .products-grid .product-card.coming-soon{opacity:.7;cursor:not-allowed}.product-page .page-content .products-grid .product-card.coming-soon:hover{transform:translateY(0) scale(1);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000d}.product-page .product-card.loading{animation:cardPulse 2s ease-in-out infinite}.product-page .product-card.loading .card-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes cardPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (hover: none){.product-page .products-grid .product-card{transition:transform .2s ease,box-shadow .2s ease}.product-page .products-grid .product-card:active:not(.coming-soon){transform:translateY(-4px) scale(.98);box-shadow:0 8px 20px #00000026}.product-page .filter-btn:active{transform:translateY(0) scale(.95);transition:transform .1s ease}}@media (prefers-reduced-motion: reduce){.product-page .product-card,.product-page .filter-btn{transition:opacity .2s ease!important}.product-page .product-card:hover,.product-page .filter-btn:hover{transform:none!important}.product-page .card-image img{transition:none!important}.product-page .spinner{animation:none!important}}@media (max-width: 1024px){.product-page .page-header .filter-container .filter-btn{padding:.7rem 1.2rem;font-size:.9rem}.product-page .page-content .products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-page .page-content .products-grid .product-card:hover{transform:translateY(-2px) scale(1.002)}}@media (max-width: 768px){.product-page .page-header{padding:2rem 1rem 1.5rem}.product-page .page-header .header-content{margin-bottom:2rem}.product-page .page-header .header-content h1{font-size:2rem}.product-page .page-header .header-content p{font-size:1rem}.product-page .page-header .filter-container{gap:.6rem}.product-page .page-header .filter-container .filter-btn{flex:1;min-width:100px;padding:.6rem .8rem;font-size:.85rem;gap:.4rem}.product-page .page-header .filter-container .filter-btn span{display:none}.product-page .page-header .filter-container .filter-btn:hover{transform:translateY(-2px)}.product-page .page-content{padding:2rem 1rem}.product-page .page-content .products-grid{grid-template-columns:1fr;gap:1.5rem}.product-page .page-content .products-grid .product-card{margin:0 auto;max-width:100%;border-radius:16px}.product-page .page-content .products-grid .product-card:hover{transform:translateY(-3px) scale(1.005)}.product-page .page-content .products-grid .product-card .card-image{height:180px}.product-page .page-content .products-grid .product-card .card-image .card-category{top:.6rem;right:.6rem;padding:.3rem .5rem;font-size:.7rem}.product-page .page-content .products-grid .product-card .card-content{padding:1.2rem}.product-page .page-content .products-grid .product-card .card-content .card-title{font-size:1.1rem}.product-page .page-content .products-grid .product-card .card-content .card-description{font-size:.8rem}}@media (max-width: 480px){.product-page .page-header{padding:1.5rem .5rem 1rem}.product-page .page-header .header-content h1{font-size:1.8rem}.product-page .page-header .header-content p{font-size:.9rem}.product-page .page-header .filter-container{gap:.4rem}.product-page .page-header .filter-container .filter-btn{flex:1;padding:.6rem .4rem;font-size:.8rem;min-width:60px;justify-content:center}.product-page .page-header .filter-container .filter-btn:hover{transform:translateY(-1px)}.product-page .page-header .filter-container .filter-btn span{display:none}.product-page .page-content{padding:1.5rem .5rem}.product-page .page-content .products-grid{gap:1rem}.product-page .page-content .products-grid .product-card:hover{transform:translateY(-4px) scale(1.005)}.product-page .page-content .products-grid .product-card .card-image{height:160px}.product-page .page-content .products-grid .product-card .card-image .card-category{top:.5rem;right:.5rem;padding:.2rem .4rem;font-size:.65rem}.product-page .page-content .products-grid .product-card .card-content{padding:1rem}.product-page .page-content .products-grid .product-card .card-content .card-title{font-size:1rem}.product-page .page-content .products-grid .product-card .card-content .card-description{font-size:.75rem}}.contact-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.contact-page .contact-hero{padding:3rem 0;background:linear-gradient(135deg,var(--surface) 0%,var(--background) 100%);text-align:center;border-bottom:1px solid var(--borderColor)}.contact-page .contact-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.8rem;color:var(--text);letter-spacing:-.02em}.contact-page .contact-hero p{font-size:1.1rem;color:var(--textSecondary);max-width:500px;margin:0 auto}.contact-page .contact-content{flex:1;padding:4rem 0}.contact-page .contact-content .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-page .contact-content .contact-form-section .form-card{background:var(--cardBackground);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--borderColor)}.contact-page .contact-content .contact-form-section .form-card .form-header{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--borderColor)}.contact-page .contact-content .contact-form-section .form-card .form-header svg{color:var(--primary)}.contact-page .contact-content .contact-form-section .form-card .form-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group{margin-bottom:1.5rem}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text);margin-bottom:.5rem;font-size:.9rem}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group label svg{color:var(--textSecondary)}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group input,.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid var(--borderColor);border-radius:8px;background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group input:focus,.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group textarea:focus{border-color:#f97316;background:var(--background);transform:translateY(-1px);box-shadow:0 4px 12px #f9731626}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group input::placeholder,.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group textarea::placeholder{color:var(--textSecondary)}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group select{width:100%;padding:.8rem 2.5rem .8rem 1rem;border:2px solid var(--borderColor);border-radius:8px;background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .8rem center;background-repeat:no-repeat;background-size:1.2em 1.2em}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group select:focus{border-color:#f97316;background-color:var(--background);transform:translateY(-1px);box-shadow:0 4px 12px #f9731626}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group select:hover{border-color:var(--primary)}[data-theme=dark] .contact-page .contact-content .contact-form-section .form-card .contact-form .form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group select option{background:var(--cardBackground);color:var(--text);padding:.5rem}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group select option:checked{background:#f97316;color:#fff}.contact-page .contact-content .contact-form-section .form-card .contact-form .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.contact-page .contact-content .contact-form-section .form-card .contact-form .submit-btn{width:100%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.3px}.contact-page .contact-content .contact-form-section .form-card .contact-form .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 8px 25px #f973164d}.contact-page .contact-content .contact-form-section .form-card .contact-form .submit-btn:active{transform:translateY(0)}.contact-page .contact-content .contact-form-section .form-card .contact-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-page .contact-content .contact-form-section .form-card .contact-form .submit-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.contact-page .contact-content .social-section h2{font-size:1.8rem;font-weight:600;color:var(--text);margin-bottom:2rem;text-align:center}.contact-page .contact-content .social-section .social-grid{display:grid;gap:1rem}.contact-page .contact-content .social-section .social-grid .social-card{background:var(--cardBackground);border:1px solid var(--borderColor);border-radius:12px;padding:1.2rem;display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.contact-page .contact-content .social-section .social-grid .social-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--brand-color);transform:scaleY(0);transition:transform .2s ease}.contact-page .contact-content .social-section .social-grid .social-card:hover{background:var(--surfaceHover);border-color:var(--brand-color);box-shadow:0 4px 15px var(--shadow)}.contact-page .contact-content .social-section .social-grid .social-card:hover:before{transform:scaleY(1)}.contact-page .contact-content .social-section .social-grid .social-card:hover .social-icon{background:var(--brand-color);color:#fff;transform:scale(1.1)}.contact-page .contact-content .social-section .social-grid .social-card .social-icon{width:40px;height:40px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--brand-color);transition:all .2s ease;flex-shrink:0}.contact-page .contact-content .social-section .social-grid .social-card .social-info{min-width:0}.contact-page .contact-content .social-section .social-grid .social-card .social-info h3{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.2rem}.contact-page .contact-content .social-section .social-grid .social-card .social-info p{font-size:.85rem;color:var(--textSecondary);margin:0;word-break:break-word;overflow:hidden}@media (max-width: 1024px){.contact-page .contact-content .contact-layout{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.contact-page .contact-hero{padding:2rem 1rem}.contact-page .contact-hero h1{font-size:1.8rem}.contact-page .contact-hero p{font-size:1rem;padding:0 1rem}.contact-page .contact-content{padding:2rem 1rem}.contact-page .contact-content .contact-layout{gap:2rem}.contact-page .contact-content .form-card{padding:1.5rem!important;border-radius:12px!important;margin:0}.contact-page .contact-content .social-section h2{font-size:1.5rem;margin-bottom:1.5rem}.contact-page .contact-content .social-grid .social-card{padding:1rem}.contact-page .contact-content .social-grid .social-card .social-icon{width:36px;height:36px}.contact-page .contact-content .social-grid .social-card .social-info h3{font-size:.9rem}.contact-page .contact-content .social-grid .social-card .social-info p{font-size:.8rem}}@media (max-width: 480px){.contact-page .contact-hero{padding:1.5rem .5rem}.contact-page .contact-hero h1{font-size:1.6rem}.contact-page .contact-hero p{font-size:.9rem;padding:0 .5rem}.contact-page .contact-content{padding:1.5rem .5rem}.contact-page .contact-content .form-card{padding:1rem!important;border-radius:10px!important}.contact-page .contact-content .contact-form .form-group{margin-bottom:1.2rem}.contact-page .contact-content .contact-form .form-group label{font-size:.85rem}.contact-page .contact-content .contact-form .form-group input,.contact-page .contact-content .contact-form .form-group textarea,.contact-page .contact-content .contact-form .form-group select{padding:.7rem .8rem;font-size:.9rem}.contact-page .contact-content .contact-form .form-group select{padding-right:2.2rem;background-size:1em 1em;background-position:right .6rem center}.contact-page .contact-content .contact-form .submit-btn{padding:.9rem 1rem;font-size:.95rem}.contact-page .contact-content .social-grid .social-card{padding:.8rem}.contact-page .contact-content .social-grid .social-card .social-icon{width:32px;height:32px}.contact-page .contact-content .social-grid .social-card .social-info h3{font-size:.85rem}.contact-page .contact-content .social-grid .social-card .social-info p{font-size:.75rem}}:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;--transition-speed: .3s;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background);color:var(--text);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;overflow-x:hidden;width:100%;max-width:100vw}a{text-decoration:none;color:var(--primary);transition:color var(--transition-speed) ease}a:hover{color:var(--primaryHover)}button{background-color:var(--primary);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease}button:hover{background-color:var(--primaryHover)}button:active{transform:translateY(2px)}button.secondary{background-color:transparent;color:var(--primary);border:1px solid var(--primary)}button.secondary:hover{background-color:#d42e351a}button.icon-button{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;background-color:transparent}button.icon-button:hover{background-color:var(--surfaceHover)}h1,h2,h3,h4,h5{color:var(--text);font-weight:600;line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem;color:var(--textSecondary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.section{padding:4rem 0;width:100%;overflow-x:hidden}.card{background-color:var(--cardBackground);border-radius:8px;box-shadow:0 2px 10px var(--shadow);overflow:hidden;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--shadow)}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:2rem}@media (max-width: 768px){.container{padding:0 .75rem;max-width:100%}.section{padding:2rem 0}h1{font-size:1.8rem;line-height:1.3}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.3rem;line-height:1.3}button{padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 480px){.container{padding:0 .5rem;max-width:100vw}.section{padding:1.5rem 0}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}button{padding:.5rem 1rem;font-size:.85rem}p{font-size:.9rem;line-height:1.6}}@media (max-width: 360px){.container{padding:0 .25rem;max-width:calc(100vw - .5rem)}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1rem}button{padding:.5rem .8rem;font-size:.8rem}p{font-size:.85rem}}.support-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--background)}.support-page .support-hero{padding:3rem 0;background:linear-gradient(135deg,var(--surface) 0%,var(--background) 100%);text-align:center;border-bottom:1px solid var(--borderColor)}.support-page .support-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.8rem;color:var(--text);letter-spacing:-.02em}.support-page .support-hero p{font-size:1.1rem;color:var(--textSecondary);max-width:500px;margin:0 auto}.support-page .support-content{flex:1;padding:4rem 0}.support-page .support-content .support-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.support-page .support-content .support-form-section .form-card{background:var(--cardBackground);border-radius:16px;padding:2rem;box-shadow:0 4px 20px var(--shadow);border:1px solid var(--borderColor)}.support-page .support-content .support-form-section .form-card .form-header{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--borderColor)}.support-page .support-content .support-form-section .form-card .form-header svg{color:var(--primary)}.support-page .support-content .support-form-section .form-card .form-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}.support-page .support-content .support-form-section .form-card .support-form .form-group{margin-bottom:1.5rem}.support-page .support-content .support-form-section .form-card .support-form .form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text);margin-bottom:.5rem;font-size:.9rem}.support-page .support-content .support-form-section .form-card .support-form .form-group label svg{color:var(--textSecondary)}.support-page .support-content .support-form-section .form-card .support-form .form-group input,.support-page .support-content .support-form-section .form-card .support-form .form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid var(--borderColor);border-radius:8px;background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.support-page .support-content .support-form-section .form-card .support-form .form-group input:focus,.support-page .support-content .support-form-section .form-card .support-form .form-group textarea:focus{border-color:#f97316;background:var(--background);transform:translateY(-1px);box-shadow:0 4px 12px #f9731626}.support-page .support-content .support-form-section .form-card .support-form .form-group input::placeholder,.support-page .support-content .support-form-section .form-card .support-form .form-group textarea::placeholder{color:var(--textSecondary)}.support-page .support-content .support-form-section .form-card .support-form .form-group select{width:100%;padding:.8rem 2.5rem .8rem 1rem;border:2px solid var(--borderColor);border-radius:8px;background:var(--surface);color:var(--text);font-size:.95rem;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .8rem center;background-repeat:no-repeat;background-size:1.2em 1.2em}.support-page .support-content .support-form-section .form-card .support-form .form-group select:focus{border-color:#f97316;background-color:var(--background);transform:translateY(-1px);box-shadow:0 4px 12px #f9731626}.support-page .support-content .support-form-section .form-card .support-form .form-group select:hover{border-color:var(--primary)}[data-theme=dark] .support-page .support-content .support-form-section .form-card .support-form .form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.support-page .support-content .support-form-section .form-card .support-form .form-group select option{background:var(--cardBackground);color:var(--text);padding:.5rem}.support-page .support-content .support-form-section .form-card .support-form .form-group select option:checked{background:#f97316;color:#fff}.support-page .support-content .support-form-section .form-card .support-form .form-group .loading-select{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:2px solid var(--borderColor);border-radius:8px;background:var(--surface);color:var(--textSecondary);font-size:.95rem}.support-page .support-content .support-form-section .form-card .support-form .form-group .loading-select .loading-spinner-small{width:16px;height:16px;border:2px solid var(--borderColor);border-top:2px solid #f97316;border-radius:50%;animation:spin .8s linear infinite}.support-page .support-content .support-form-section .form-card .support-form .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.support-page .support-content .support-form-section .form-card .support-form .submit-btn{width:100%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.3px}.support-page .support-content .support-form-section .form-card .support-form .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);transform:translateY(-2px);box-shadow:0 8px 25px #f973164d}.support-page .support-content .support-form-section .form-card .support-form .submit-btn:active{transform:translateY(0)}.support-page .support-content .support-form-section .form-card .support-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.support-page .support-content .support-form-section .form-card .support-form .submit-btn .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.support-page .support-content .support-info-section h2{font-size:1.8rem;font-weight:600;color:var(--text);margin-bottom:2rem;text-align:center}.support-page .support-content .support-info-section .info-card{background:var(--cardBackground);border:1px solid var(--borderColor);border-radius:12px;padding:1.2rem;transition:all .2s ease;position:relative;overflow:hidden;margin-bottom:1rem}.support-page .support-content .support-info-section .info-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#f97316;transform:scaleY(0);transition:transform .2s ease}.support-page .support-content .support-info-section .info-card:hover{background:var(--surfaceHover);border-color:#f97316;box-shadow:0 4px 15px var(--shadow)}.support-page .support-content .support-info-section .info-card:hover:before{transform:scaleY(1)}.support-page .support-content .support-info-section .info-card .info-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.support-page .support-content .support-info-section .info-card .info-header svg{width:24px;height:24px;color:#f97316;flex-shrink:0}.support-page .support-content .support-info-section .info-card .info-header h3{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.support-page .support-content .support-info-section .info-card .info-content{color:var(--textSecondary);font-size:.9rem;line-height:1.5;margin:0}.support-page .support-content .support-info-section .response-time-card{background:linear-gradient(135deg,#f973161a,#f973160d);border:1px solid rgba(249,115,22,.2)}.support-page .support-content .support-info-section .response-time-card .info-header h3{color:#f97316}.support-page .support-content .support-info-section .response-time-card:hover{background:linear-gradient(135deg,#f9731626,#f9731614);border-color:#f97316}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.support-page .support-content .support-layout{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.support-page .support-hero{padding:2rem 1rem}.support-page .support-hero h1{font-size:1.8rem}.support-page .support-hero p{font-size:1rem;padding:0 1rem}.support-page .support-content{padding:2rem 1rem}.support-page .support-content .support-layout{gap:2rem}.support-page .support-content .form-card{padding:1.5rem!important;border-radius:12px!important;margin:0}.support-page .support-content .support-info-section h2{font-size:1.5rem;margin-bottom:1.5rem}.support-page .support-content .support-info-section .info-card{padding:1rem}}@media (max-width: 480px){.support-page .support-hero{padding:1.5rem .5rem}.support-page .support-hero h1{font-size:1.6rem}.support-page .support-hero p{font-size:.9rem;padding:0 .5rem}.support-page .support-content{padding:1.5rem .5rem}.support-page .support-content .form-card{padding:1rem!important;border-radius:10px!important}.support-page .support-content .support-form .form-group{margin-bottom:1.2rem}.support-page .support-content .support-form .form-group label{font-size:.85rem}.support-page .support-content .support-form .form-group input,.support-page .support-content .support-form .form-group textarea,.support-page .support-content .support-form .form-group select{padding:.7rem .8rem;font-size:.9rem}.support-page .support-content .support-form .form-group select{padding-right:2.2rem;background-size:1em 1em;background-position:right .6rem center}.support-page .support-content .support-form .submit-btn{padding:.9rem 1rem;font-size:.95rem}.support-page .support-content .info-card{padding:.8rem!important}.support-page .support-content .info-card .info-header{gap:.8rem;margin-bottom:.8rem}.support-page .support-content .info-card .info-header svg{width:20px;height:20px}.support-page .support-content .info-card .info-header h3{font-size:1rem}.support-page .support-content .info-card .info-content{font-size:.85rem}}
