:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--accent: #00ffd5;--text-primary: #ffffff;--text-secondary: #b0b0b0;--border: #333333;--shadow: rgba(0, 255, 213, .3);--font-primary: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--text-primary)}.header{position:fixed;top:0;width:100%;z-index:1000;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header--hidden{transform:translateY(-120%);transition:transform .32s cubic-bezier(.2,.9,.2,1)}.header{transition:transform .32s cubic-bezier(.2,.9,.2,1)}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:100%;margin:0 auto}.nav__logo{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding-right:1rem;margin-right:auto}.logo-main{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:.6px}.logo-sub{font-size:.75rem;color:var(--text-secondary);font-weight:600;letter-spacing:.4px}.nav__menu{display:flex;list-style:none;gap:.75rem;align-items:center;flex-wrap:wrap}.nav__menu li{list-style:none}.nav__menu a{display:inline-block;padding:.55rem .9rem;border-radius:999px;background:linear-gradient(180deg,#ffffff05,#ffffff03);color:var(--text-primary);font-weight:600;text-transform:none;transition:transform .2s ease,box-shadow .2s ease,color .2s ease;border:1px solid transparent;position:relative}.nav__menu a:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00ffd514;color:var(--accent);border-color:#00ffd514}.nav__menu a:after{content:none}.nav__dropdown>a{padding-right:1.6rem}.nav__dropdown>a:after{content:"▾";position:absolute;right:.6rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--text-secondary)}.nav__submenu{top:calc(100% + 8px);left:0;padding:.5rem;min-width:220px;background:linear-gradient(180deg,#ffffff05,#0000000f);border-radius:8px;border:1px solid rgba(255,255,255,.04);box-shadow:0 8px 30px #02061799;list-style:none}.nav__submenu li{padding:0}.nav__submenu a{padding:.5rem .8rem;border-radius:6px;display:block}.nav__submenu a:hover{background:linear-gradient(90deg,#00ffd50f,#00ffd508);color:var(--text-primary)}.nav__language-switcher{position:relative}.lang-toggle{background:none;border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;cursor:pointer;border-radius:4px;transition:var(--transition)}.lang-toggle:hover{border-color:var(--accent);box-shadow:0 0 10px var(--shadow)}.lang-dropdown{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;list-style:none;min-width:100px;z-index:1001}.lang-dropdown.hidden{display:none}.lang-dropdown li{padding:.5rem 1rem;cursor:pointer;transition:var(--transition);display:flex;gap:.6rem;align-items:center}.lang-dropdown li:hover{background:var(--accent);color:var(--bg-primary)}.hero{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(0,255,213,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.hero__content{text-align:center;z-index:1;max-width:800px;padding:0 2rem}.hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,var(--text-primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.btn{display:inline-block;padding:1rem 2rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:var(--transition);border:none}.btn--primary{background:linear-gradient(45deg,var(--accent),#00b4a0);color:var(--bg-primary);box-shadow:0 4px 15px var(--shadow)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow)}@media(max-width:880px){.nav{padding:.8rem 1rem}.logo-main{font-size:.95rem}.logo-sub{display:none}.nav__menu a{padding:.45rem .7rem;font-size:.95rem}}@media(max-width:768px){.nav{flex-direction:column;gap:1rem}.nav__menu{gap:1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}}.section{padding:4rem 2rem;background:var(--bg-primary);opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.section.fade-in-up{opacity:1;transform:translateY(0)}.container{max-width:1200px;margin:0 auto}.section h2{text-align:center;margin-bottom:2rem;font-size:2.5rem;color:var(--text-primary)}.section h3{font-size:1.5rem;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--bg-secondary);padding:2rem;border-radius:8px;border:1px solid var(--border);transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow)}.section ul{list-style:none;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.section li{background:var(--accent);color:var(--bg-primary);padding:1rem 2rem;border-radius:4px;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.metric .number{font-size:3rem;font-family:var(--font-mono);color:var(--accent);display:block;margin-bottom:.5rem}.metric p{color:var(--text-secondary)}.cta{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);text-align:center}.cta h2{margin-bottom:2rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal.hidden{display:none}.modal-content{background:var(--bg-secondary);padding:2rem;border-radius:8px;max-width:500px;width:90%;position:relative}.close{position:absolute;top:10px;right:15px;font-size:2rem;cursor:pointer;color:var(--text-primary)}.close:hover{color:var(--accent)}#contact-form{display:flex;flex-direction:column;gap:1rem}#contact-form input,#contact-form select,#contact-form textarea{padding:.5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary)}#contact-form textarea{resize:vertical;min-height:100px}.preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#050507,#0a0a0a);z-index:2000;transition:opacity .6s ease,visibility .6s ease}.preloader--hidden{opacity:0;visibility:hidden}.preloader__stage{text-align:center;color:var(--text-secondary)}.preloader__svg{display:block;margin:0 auto 12px;filter:drop-shadow(0 8px 30px rgba(0,255,213,.05))}.preloader__label{color:#bfffe8;font-weight:600;letter-spacing:1px;margin-top:8px}.preloader-ring{stroke-dasharray:380;stroke-dashoffset:380;animation:ring 1.8s ease-in-out infinite;opacity:.9}.preloader-arcs path{stroke-linecap:round;opacity:.95;transform-origin:80px 80px;animation:arcs 1.6s linear infinite}@keyframes ring{0%{stroke-dashoffset:380}50%{stroke-dashoffset:120}to{stroke-dashoffset:380}}@keyframes arcs{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.loading{overflow:hidden}.bg-anim{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.parallax-layer{position:absolute;width:140%;height:140%;left:-20%;top:-20%;background-repeat:no-repeat;background-position:center;opacity:.06;transform-origin:center}.parallax-layer:nth-child(1){background:radial-gradient(circle at 10% 20%,rgba(0,255,213,.12),transparent 20%),linear-gradient(120deg,#005a780a,#00000005)}.parallax-layer:nth-child(2){background:radial-gradient(circle at 80% 80%,rgba(0,180,150,.08),transparent 18%),linear-gradient(60deg,#0a1e2805,#00000003)}.parallax-layer:nth-child(3){background:radial-gradient(circle at 50% 10%,rgba(0,255,213,.06),transparent 16%),linear-gradient(90deg,#050a0f05,#00000003)}.bg-anim:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#071018,#0a0a0a,#061018);opacity:.35;animation:bgShift 12s linear infinite}@keyframes bgShift{0%{transform:translateY(0)}50%{transform:translateY(-6%)}to{transform:translateY(0)}}.estimator-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:center;margin-bottom:1rem}.estimator-form label{display:flex;flex-direction:column;font-size:.95rem;color:var(--text-secondary)}.estimator-form fieldset{border:none;padding:0;margin:0;display:flex;gap:.5rem;align-items:center}.estimator-result{font-size:1.25rem;font-weight:700;color:var(--accent)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.menu-toggle__line{width:24px;height:2px;background:var(--accent);transition:all .3s ease;border-radius:2px}.menu-toggle.active .menu-toggle__line:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active .menu-toggle__line:nth-child(2){opacity:0}.menu-toggle.active .menu-toggle__line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar-menu{position:fixed;left:0;top:60px;height:calc(100vh - 60px);width:280px;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto}.sidebar-menu.active{transform:translate(0)}.sidebar-menu__list{list-style:none;padding:0;margin:0}.sidebar-menu__item-group{position:relative}.sidebar-menu__link{display:block;padding:1rem 1.5rem;color:var(--text-primary);text-decoration:none;border-bottom:1px solid rgba(0,255,213,.1);transition:var(--transition)}.sidebar-menu__link:hover{background:#00ffd50d;color:var(--accent);padding-left:2rem}.sidebar-menu__toggle{width:100%;text-align:left;padding:1rem 1.5rem;background:none;border:none;border-bottom:1px solid rgba(0,255,213,.1);color:var(--text-primary);cursor:pointer;font-size:1rem;font-family:var(--font-primary);transition:var(--transition);display:flex;justify-content:space-between;align-items:center}.sidebar-menu__toggle:after{content:"▶";font-size:.8rem;transition:transform .3s ease;color:var(--accent)}.sidebar-menu__toggle.active:after{transform:rotate(90deg)}.sidebar-menu__toggle:hover{background:#00ffd50d;color:var(--accent)}.sidebar-menu__submenu{list-style:none;padding:0;margin:0;background:#00ffd508;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-menu__submenu.active{max-height:500px}.sidebar-menu__submenu li{padding:0}.sidebar-menu__submenu .sidebar-menu__link{padding-left:3rem;font-size:.95rem;border-bottom:1px solid rgba(0,255,213,.05)}@media(max-width:1024px){.menu-toggle{display:flex}.nav__menu,.nav__submenu,.nav__dropdown{display:none}}.test-questions{display:flex;flex-direction:column;gap:1.5rem}.test-question{padding:1rem;background:#00ffd514;border-radius:4px;border-left:3px solid #00ffd5}.test-question p{margin-bottom:.75rem;font-weight:500}.test-question label{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;cursor:pointer;font-size:.95rem}.test-question label:last-child{margin-bottom:0}.test-question input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#00ffd5}.test-result{padding:2rem 1rem;background:linear-gradient(135deg,#00ffd526,#00b4a026);border-radius:8px;text-align:center;animation:fadeInUp .6s ease-out}.test-result-score{font-size:3rem;font-weight:700;color:#00ffd5;margin-bottom:.5rem;font-family:var(--font-mono)}.test-result-text{font-size:1.2rem;color:#bfffe8;margin-bottom:1.5rem}.test-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.test-actions button{padding:.75rem 1.5rem}.hero__buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;justify-content:center}.btn--secondary{background:transparent;border:2px solid #00ffd5;color:#00ffd5;padding:.75rem 1.5rem;font-weight:600;border-radius:4px;cursor:pointer;transition:var(--transition);font-size:.95rem}.btn--secondary:hover{background:#00ffd51a;box-shadow:0 0 12px #00ffd54d}main{position:relative;z-index:2}
