:root{--color-primary:#0ea5e9;--color-secondary:#f59e0b;--color-accent:#3b82f6}.dark-theme{--color-bg-primary:#1e293b;--color-bg-secondary:#0f172a;--color-bg-tertiary:#1e293bcc;--color-text-primary:#e2e8f0;--color-text-secondary:#94a3b8;--color-text-tertiary:#cbd5e1;--color-border-primary:#0ea5e91a;--color-border-secondary:#0ea5e933;--color-border-tertiary:#0ea5e94d;--color-card-bg:#0f172ae6;--color-card-hover:#0f172af2;--color-shadow:#0000004d;--color-shadow-hover:#0006}.light-theme{--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#fffc;--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-tertiary:#475569;--color-border-primary:#0ea5e933;--color-border-secondary:#0ea5e94d;--color-border-tertiary:#0ea5e966;--color-card-bg:#ffffffe6;--color-card-hover:#fffffff2;--color-shadow:#0000001a;--color-shadow-hover:#0003}*{box-sizing:border-box;margin:0;padding:0}:root{--font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--line-height:1.6;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}html{scroll-behavior:smooth}body{font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-width:320px;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);transition:color var(--transition-normal);line-height:1.2}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);transition:color var(--transition-normal)}a{color:var(--color-primary);transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--color-secondary)}button{font-family:var(--font-family);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem}button:hover{background-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-xl) 0}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.section{padding:var(--spacing-lg) 0}}@media (width<=480px){h1{font-size:2rem}h2{font-size:1.75rem}.section{padding:var(--spacing-md) 0}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--color-border-primary);background-color:#1e293bf2;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.action-buttons{align-items:center;gap:1rem;display:flex}.desktop-actions{align-items:center;gap:.5rem;display:flex}.header.scrolled{box-shadow:0 4px 20px var(--color-shadow-hover);background-color:#1e293bfa;padding:.5rem 0}.dark-theme .header{background-color:#1e293bf2}.dark-theme .header.scrolled{background-color:#1e293bfa}.dark-theme .logo-text{background:linear-gradient(135deg,#ffffffe6 0%,#c8c8c8e6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;height:100%;line-height:1;display:flex}.light-theme .header{background-color:#fffffff2}.light-theme .header.scrolled{background-color:#fffffffa}.light-theme .logo-text{background:linear-gradient(135deg,#323232e6 0%,#646464e6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;height:100%;line-height:1;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:#0ea5e9;cursor:pointer;align-items:center;gap:calc(.5rem + 10px);font-size:1.5rem;font-weight:700;display:flex}.meteor{width:40px;height:40px;transform-style:preserve-3d;background:linear-gradient(135deg,#fff9 0%,#0009 100%);border-radius:50%;animation:3s linear infinite spin;position:relative;box-shadow:0 0 20px #ffffff80}.meteor:before,.meteor:after{content:"";background:inherit;border-radius:50%;position:absolute;inset:0}.meteor:before{transform:translateZ(-15px)}.meteor:after{transform:translateZ(15px)}.logo-text{background:linear-gradient(135deg,#ffffffe6 0%,#c8c8c8e6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;height:100%;line-height:1;display:flex}@keyframes spin{0%{transform:rotateY(0)translateZ(0)}to{transform:rotateY(360deg)translateZ(0)}}.desktop-nav{align-items:center;display:flex}.nav-list{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:var(--color-text-primary);cursor:pointer;font-weight:500;transition:color .3s;position:relative}.nav-link{color:inherit;padding:.5rem 0;text-decoration:none;display:block}.mobile-nav-link{color:inherit;width:100%;height:100%;text-decoration:none;display:block}.nav-item:hover{color:var(--color-primary)}.nav-item:after{content:"";background-color:#0ea5e9;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-item:hover:after{width:100%}.action-btn{color:var(--color-text-primary);border:1px solid var(--color-primary);cursor:pointer;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1rem;transition:all .3s;display:flex}.action-btn:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e966}.theme-toggle-container{position:relative}.theme-toggle-btn{font-size:1.25rem}.theme-menu{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);z-index:1001;border-radius:8px;min-width:180px;margin-top:.5rem;padding:.5rem 0;position:absolute;top:100%;right:0;overflow:visible;box-shadow:0 4px 20px #0000004d}.theme-option{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background-color:#0000;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;transition:all .3s;display:flex}.theme-option:hover{background-color:#0ea5e91a}.theme-option.active{color:var(--color-primary);background-color:#0ea5e933}.theme-option-icon{font-size:1.2rem}.theme-option-text{color:var(--color-text-primary);width:auto;font-weight:500;display:inline-block}.language-toggle{white-space:nowrap;width:auto;min-width:fit-content;padding:.5rem .75rem;font-weight:600}.language-flag{vertical-align:middle;margin-right:.25rem;display:inline-block}.language-flag svg{width:16px;height:16px;display:block}.language-text{font-size:.9rem}.mobile-menu-btn{cursor:pointer;background-color:#0000;border:none;padding:.5rem;display:none}.menu-icon{background-color:#e2e8f0;width:24px;height:3px;transition:all .3s;display:block;position:relative}.menu-icon:before,.menu-icon:after{content:"";background-color:#e2e8f0;width:24px;height:3px;transition:all .3s;position:absolute}.menu-icon:before{top:-8px}.menu-icon:after{top:8px}.mobile-nav{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);padding:1rem 0;display:none}.mobile-nav-list{flex-direction:column;align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-item{color:var(--color-text-primary);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:color .3s}.mobile-nav-item:hover{color:var(--color-primary);background-color:#0ea5e91a}@media (width<=768px){.desktop-nav{display:none}.mobile-menu-btn,.mobile-nav{display:block}.desktop-actions{display:flex}.action-btn{width:36px;height:36px;padding:.4rem}.language-toggle{padding:.4rem .5rem}.language-text{font-size:.8rem}}@media (width<=480px){.container{padding:0 1rem}.logo{font-size:1.25rem}.action-buttons{gap:.5rem}.action-btn{width:32px;height:32px;padding:.3rem;font-size:.9rem}.language-toggle{width:auto;min-width:80px;padding:.3rem .5rem}.language-flag{font-size:1rem}.language-text{font-size:.75rem}}.hero{background-color:var(--color-bg-primary);min-height:100vh;transition:background-color var(--transition-normal);justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;display:grid}.hero-text{color:#fff}.hero-title{background:linear-gradient(135deg,#fff 0%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-title-line1,.hero-title-line2{display:block}.hero-title-line2{margin-top:-.5rem}.hero-subtitle{color:#94a3b8;max-width:500px;margin-bottom:2rem;font-size:1.25rem}.hero-visual{justify-content:center;align-items:center;display:flex}.three-d-container{perspective:1000px;width:400px;height:400px;position:relative}.three-d-object{width:100%;height:100%;transform-style:preserve-3d;animation:20s linear infinite rotate;position:relative}.three-d-shape{opacity:.8;background:linear-gradient(135deg,#fff 0%,silver 100%);border-radius:50%;position:absolute;box-shadow:0 8px 32px #c8c8c84d}.shape-1{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(45deg)rotateY(45deg)}.shape-2{background:linear-gradient(135deg,silver 0%,#fff 100%);width:100px;height:100px;top:20%;left:20%;transform:translate(-50%,-50%)rotateX(30deg)rotateY(60deg)}.shape-3{width:80px;height:80px;bottom:20%;right:20%;transform:translate(50%,50%)rotateX(60deg)rotateY(30deg)}.shape-4{background:linear-gradient(135deg,#fff 0%,silver 100%);width:60px;height:60px;top:70%;left:30%;transform:translate(-50%,-50%)rotateX(75deg)rotateY(15deg)}@keyframes rotate{0%{transform:rotateX(0)rotateY(0)}to{transform:rotateX(360deg)rotateY(360deg)}}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{margin:0 auto 2rem;font-size:1.1rem}.three-d-container{width:300px;height:300px}.shape-1{width:120px;height:120px}.shape-2{width:80px;height:80px}.shape-3{width:60px;height:60px}.shape-4{width:40px;height:40px}}@media (width<=480px){.hero{padding:1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.three-d-container{width:250px;height:250px}}.app{background-color:var(--color-dark);min-height:100vh}body{padding-top:80px}.loading{height:200px;color:var(--color-primary);justify-content:center;align-items:center;font-size:1.2rem;animation:1.5s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (width<=768px){body{padding-top:70px}}@media (width<=480px){body{padding-top:60px}}