html {line-height:1.15; -webkit-text-size-adjust:100%}
body {margin:0}
main {display:block}
h1 {font-size:2em; margin:0.67em 0}
hr {box-sizing:content-box; height:0; overflow:visible}
pre {font-family:monospace,monospace; font-size:1em}
a {background-color:transparent}
abbr[title] {border-bottom:none; text-decoration:underline; text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-family:monospace,monospace; font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sub {bottom:-0.25em}
sup {top:-0.5em}
img {border-style:none}
button,input,optgroup,select,textarea {font-family:inherit; font-size:100%; line-height:1.15; margin:0}
button,input {overflow:visible}
button,select {text-transform:none}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style:none; padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:0.35em 0.75em 0.625em}
legend {box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type="checkbox"],[type="radio"] {box-sizing:border-box; padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height:auto}
[type="search"] {-webkit-appearance:textfield; outline-offset:-2px}
[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button; font:inherit}
details {display:block}
summary {display:list-item}
template {display:none}
[hidden] {display:none}
* {-webkit-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0}
html,body {height:100%; width:100%; color:#000; overflow:hidden; font-family:Grosa,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}
.bg-fixed {position:fixed; inset:0; background:url("../img/after_gb.webp") no-repeat right center / cover; z-index:0}
.atropos {width:100%; height:100vh; z-index:1}
.atropos-rotate,.atropos-scale,.atropos-inner {pointer-events:none !important}
.parallax-scene {position:absolute; inset:0; pointer-events:none}
.poly {position:absolute; width:0; height:0; opacity:0.4}
.t1 {top:25%; right:15%; border-left:35px solid transparent; border-right:35px solid transparent; border-bottom:55px solid #00f0ff; -webkit-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg)}
.t2 {top:65%; right:10%; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:35px solid #00ff88; -webkit-transform:rotate(20deg); -ms-transform:rotate(20deg); transform:rotate(20deg)}
.dot-accent {position:absolute; width:12px; height:12px; background:#00f0ff; border-radius:50%; -webkit-box-shadow:0 0 20px #00f0ff; box-shadow:0 0 20px #00f0ff}
.wrap {position:relative; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:60px; max-width:1200px; margin:0 auto}
.content {max-width:620px; position:relative; pointer-events:auto !important; z-index:100}
h1 {font-size:52px; font-weight:700; line-height:1.1; margin-bottom:25px; text-transform:uppercase}
.highlight {color:#00f0ff}
p {font-size:19px; opacity:.7; line-height:1.6; margin-bottom:35px}
.btn-container {display:inline-block; position:relative; z-index:101}
.btn {display:inline-block; padding:18px 45px; border-radius:999px; border:none; cursor:pointer; font-size:16px; font-weight:500; text-transform:uppercase; background:-webkit-gradient(linear,left top,right top,from(#00f0ff),to(#00ff88)); background:-o-linear-gradient(left,#00f0ff,#00ff88); background:linear-gradient(90deg,#00f0ff,#00ff88); color:#000 !important; -webkit-transition:0.3s all ease; -o-transition:0.3s all ease; transition:0.3s all ease; text-decoration:none; pointer-events:auto !important}
.btn:hover {-webkit-transform:translateY(-5px) scale(1.05) !important; -ms-transform:translateY(-5px) scale(1.05) !important; transform:translateY(-5px) scale(1.05) !important; -webkit-box-shadow:0 15px 40px rgba(0,240,255,0.5); box-shadow:0 15px 40px rgba(0,240,255,0.5); -webkit-filter:brightness(1.1); filter:brightness(1.1)}
.btn-container-botdesc {margin-top:40px; font-size:11px; opacity:0.4; letter-spacing:1px; text-transform:uppercase}
@media (max-width:1240px) {.bg-fixed {background-position:35% 50%}
}
@media (max-width:768px) {.wrap {padding:30px; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
 h1 {font-size:36px}
.h-start .wrap {text-align:left}
}
.main-header {position:fixed; top:20px; left:0; width:100%; z-index:1000; padding:0 20px; pointer-events:none}
.nav-container {max-width:1200px; margin:0 auto; background:rgba(255,255,255,0.95); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:20px; padding:18px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1); pointer-events:auto}
.header-left {-webkit-box-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.header-right {-webkit-box-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.logo img {height:30px; display:block}
.nav-links {display:-webkit-box; display:-ms-flexbox; display:flex; gap:25px; white-space:nowrap}
.nav-links a {text-decoration:none; color:#444; font-size:15px; font-weight:500; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.nav-links a:hover {color:#00f0ff}
.header-auth {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:8px}
.btn-login {text-decoration:none; color:#000; font-size:15px; font-weight:600; padding:12px 20px; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s}
.btn-signup {display:inline-block; padding:12px 28px; border-radius:999px; font-size:14px; font-weight:600; text-transform:uppercase; background:-webkit-gradient(linear,left top,right top,from(#00f0ff),to(#00ff88)); background:-o-linear-gradient(left,#00f0ff,#00ff88); background:linear-gradient(90deg,#00f0ff,#00ff88); color:#000 !important; text-decoration:none; -webkit-transition:0.3s all ease; -o-transition:0.3s all ease; transition:0.3s all ease; -webkit-box-shadow:0 4px 15px rgba(0,240,255,0.2); box-shadow:0 4px 15px rgba(0,240,255,0.2)}
.btn-signup:hover {-webkit-transform:translateY(-2px); -ms-transform:translateY(-2px); transform:translateY(-2px); -webkit-box-shadow:0 8px 20px rgba(0,240,255,0.4); box-shadow:0 8px 20px rgba(0,240,255,0.4)}
@media (max-width:992px) {.nav-links {display:none}
.bg-fixed {background-image:url(../img/after_gb__mob.png); background-position:20% 50%}
}
@media (max-width:850px) {.bg-fixed {background-position:30% 50%}
}
@media (max-width:700px) {.bg-fixed {background-position:40% 50%}
}
@media (max-width:600px) {.bg-fixed {background-position:45% 50%}
}
@media (max-width:500px) {.h-start p {font-size:18px}
.bg-fixed {background-position:50% 50%}
}
@media (max-width:450px) {.bg-fixed {background-position:54% 50%}
}
@media (max-height:700px) and (orientation:landscape) {.h-start.atropos {min-height:600px; z-index:1}
}
@media (max-width:480px) {.btn-login {display:none}
}
.bg-fixed {will-change:transform; -webkit-animation:zoomOut 3s cubic-bezier(0.25,0.46,0.45,0.94) forwards; animation:zoomOut 3s cubic-bezier(0.25,0.46,0.45,0.94) forwards}
@-webkit-keyframes zoomOut {0% {-webkit-transform:scale(1.17); transform:scale(1.17)}
 100% {-webkit-transform:scale(1); transform:scale(1)}
}
@keyframes zoomOut {0% {-webkit-transform:scale(1.17); transform:scale(1.17)}
 100% {-webkit-transform:scale(1); transform:scale(1)}
}
html,body {height:auto; overflow-x:hidden; overflow-y:auto}
.q-advantages {position:relative; background:#f8f9fb; padding:80px 20px; z-index:10}
.q-wrap {max-width:1200px; margin:0 auto}
.q-title-box {text-align:center; margin-bottom:60px}
.q-badge {display:inline-block; padding:6px 16px; background:rgba(0,240,255,0.1); color:#00b4c1; border-radius:50px; font-size:12px; font-weight:700; text-transform:uppercase; margin-bottom:15px}
.q-title-box h2 {font-size:42px; font-weight:700; margin-bottom:15px}
.q-title-box p {font-size:18px; color:#666; max-width:600px; margin:0 auto}
.q-grid-container {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:40px}
.q-visual-col {-webkit-box-flex:1; -ms-flex:1; flex:1; max-width:500px; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center}
.q-visual-col img {width:100%; height:auto; display:block}
.q-cards-col {-webkit-box-flex:1.2; -ms-flex:1.2; flex:1.2; display:-ms-grid; display:grid; -ms-grid-columns:1fr 20px 1fr; grid-template-columns:repeat(2,1fr); gap:20px; -ms-grid-row-align:center; align-self:center}
.q-card-item {width:100%; height:auto}
.q-card-content {background:#f8f9fa; border:1px solid #eee; padding:25px; border-radius:20px; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; min-height:160px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
.q-card-content {-webkit-transition:border-color 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1),-webkit-box-shadow 0.4s ease; transition:border-color 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1),-webkit-box-shadow 0.4s ease; -o-transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.4s ease,border-color 0.4s ease; transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.4s ease,border-color 0.4s ease; transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.4s ease,border-color 0.4s ease,-webkit-transform 0.4s cubic-bezier(0.165,0.84,0.44,1),-webkit-box-shadow 0.4s ease; will-change:transform; cursor:pointer}
.q-card-content:hover {-webkit-transform:translateY(-8px) scale(1.02); -ms-transform:translateY(-8px) scale(1.02); transform:translateY(-8px) scale(1.02); background:#ffffff; border-color:rgba(0,240,255,0.4); -webkit-box-shadow:0 15px 35px rgba(0,0,0,0.07); box-shadow:0 15px 35px rgba(0,0,0,0.07)}
.q-card-icon {font-size:24px; margin-bottom:10px}
.q-card-content h3 {font-size:18px; margin-bottom:8px; color:#000}
.q-card-content p {font-size:14px; opacity:0.6; margin-bottom:0}
.q-at-visual {width:100%; height:auto}
.main-footer {background:#f8f9fb; padding:30px 15px; border-top:1px solid rgba(0,0,0,0.05); position:relative; z-index:10; width:100%; min-height:auto}
.main-footer .q-wrap {max-width:1200px; margin:0 auto; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.main-footer p {color:#000; font-size:13px; opacity:0.4; margin:0 !important; padding:0 !important; line-height:1; letter-spacing:0.5px; text-align:center}
@media (max-width:768px) {.main-footer {padding:25px 15px}
 .main-footer p {font-size:12px; line-height:1.4}
}
@media (max-width:992px) {.q-grid-container {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column}
 .q-title-box h2 {font-size:32px}
}
@media (max-width:440px) {.q-cards-col {-ms-grid-columns:1fr; grid-template-columns:1fr}
}
.quantum-steps-section {background:#fff; padding:80px 20px; position:relative; width:100%; display:block; z-index:20}
.steps-container {max-width:1200px; margin:0 auto; padding:0 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; gap:80px}
.steps-content {-webkit-box-flex:1; -ms-flex:1; flex:1; display:block}
.steps-badge {display:inline-table; padding:6px 16px; background:rgba(0,240,255,0.1); color:#00b4c1; border-radius:50px; font-size:12px; font-weight:700; text-transform:uppercase; margin-bottom:25px}
.steps-title {font-size:46px; font-weight:700; line-height:1.1; margin-bottom:40px}
.steps-highlight {color:#00f0ff}
.step-card {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; gap:20px; margin-bottom:30px}
.step-num {width:38px; height:38px; background:rgba(0,242,255,0.1); border:1px solid #00f0ff; color:#00f0ff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-weight:800; font-size:14px; -ms-flex-negative:0; flex-shrink:0}
.step-info h4 {color:#000; font-size:20px; margin-bottom:6px}
.step-info p {color:rgba(0,0,0,0.6); font-size:15px; margin:0}
.btn-quantum {display:inline-block; padding:18px 45px; border-radius:999px; font-size:16px; font-weight:500; text-transform:uppercase; background:-webkit-gradient(linear,left top,right top,from(#00f0ff),to(#00ff88)); background:-o-linear-gradient(left,#00f0ff,#00ff88); background:linear-gradient(90deg,#00f0ff,#00ff88); color:#000 !important; text-decoration:none; -webkit-transition:0.3s ease; -o-transition:0.3s ease; transition:0.3s ease; -webkit-box-shadow:0 4px 15px rgba(0,240,255,0.2); box-shadow:0 4px 15px rgba(0,240,255,0.2)}
.btn-quantum:hover {-webkit-transform:translateY(-2px); -ms-transform:translateY(-2px); transform:translateY(-2px); -webkit-box-shadow:0 8px 20px rgba(0,240,255,0.4); box-shadow:0 8px 20px rgba(0,240,255,0.4)}
.steps-visual {-webkit-box-flex:1.2; -ms-flex:1.2; flex:1.2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end}
.visual-wrapper {width:100%; max-width:600px}
.visual-wrapper img {width:100%; height:auto; display:block}
.steps-visual img {display:block; max-width:100%; -webkit-animation-name:pulse-zoom; animation-name:pulse-zoom; -webkit-animation-duration:4s; animation-duration:4s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
@media (max-width:1023px) {.advantages_img {-webkit-animation-name:pulse-zoom; animation-name:pulse-zoom; -webkit-animation-duration:4s; animation-duration:4s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
}
@-webkit-keyframes pulse-zoom {0% {-webkit-transform:scale(1); transform:scale(1)}
 50% {-webkit-transform:scale(1.05); transform:scale(1.05)}
 100% {-webkit-transform:scale(1); transform:scale(1)}
}
@keyframes pulse-zoom {0% {-webkit-transform:scale(1); transform:scale(1)}
 50% {-webkit-transform:scale(1.05); transform:scale(1.05)}
 100% {-webkit-transform:scale(1); transform:scale(1)}
}
@media (max-width:992px) {.steps-container {-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; text-align:center}
 .steps-content {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
 .step-card {text-align:left}
 .steps-visual {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%}
}
.q-quote-section {background:#f8f9fb; padding:100px 20px; position:relative}
.q-quote-card {max-width:900px; margin:0 auto; background:#f8f9fb; padding:60px; border-radius:40px; text-align:center; position:relative; -webkit-box-shadow:0 15px 35px rgba(0,0,0,0.03); box-shadow:0 15px 35px rgba(0,0,0,0.03); border:1px solid rgba(0,0,0,0.05)}
.q-quote-card::before {content:"“"; position:absolute; top:10px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); font-size:100px; color:#00f0ff; opacity:0.2; font-family:serif}
.q-quote-text {font-size:17px; line-height:1.6; color:#1a1e26; font-style:italic; margin-bottom:30px; position:relative; z-index:2; font-weight:500}
.q-quote-author {position:relative; z-index:2}
.q-quote-author h4 {color:#1a1e26; font-size:20px; font-weight:700; margin-bottom:4px}
.q-quote-author span {color:rgba(0,0,0,0.4); font-size:13px; text-transform:uppercase; letter-spacing:1px; font-weight:600}
@media (max-width:768px) {.q-quote-card {padding:40px 20px; border-radius:25px}
 .q-quote-text {font-size:16px}
}