:root{--landing-bg-primary: #ffffff;--landing-bg-secondary: #f8f9fa;--landing-bg-elevated: #ffffff;--landing-text-primary: #333;--landing-text-secondary: #666;--landing-text-tertiary: #555;--landing-border: #e0e0e0}[data-theme=dark]{--landing-bg-primary: #0f0c1a;--landing-bg-secondary: #181329;--landing-bg-elevated: #221b3b;--landing-text-primary: #e0e0e0;--landing-text-secondary: #b0b0b0;--landing-text-tertiary: #999;--landing-border: #404040}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .landing-header{background:linear-gradient(135deg,#0f0c1a,#1b0237)}.header-content{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header-content .brand{font-size:20px;margin-top:0;display:flex;align-items:center}.header-nav{display:flex;gap:30px;align-items:center}.header-nav a{color:#fffffff2;text-decoration:none;font-size:16px;font-weight:500;font-family:Commissioner,sans-serif;transition:all .3s ease;text-shadow:0 1px 3px rgba(0,0,0,.3);padding:6px 12px;border-radius:6px}.header-nav a:hover{color:#fff;background:#ffffff26}.hero-section-wrapper{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:100px 20px 60px;box-sizing:border-box;position:relative;display:flex;align-items:flex-start;justify-content:center}@media only screen and (min-width:1200px){.hero-section-wrapper{padding:130px 60px 80px}}[data-theme=dark] .hero-section-wrapper{background:linear-gradient(135deg,#0f0c1a,#1b0237)}.hero-bottom-button{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:15px 30px;font-size:18px;font-weight:600;font-family:Commissioner,sans-serif;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;z-index:10;animation:bounce 2s infinite}.hero-bottom-button:hover{background:#fff3;border-color:#ffffff80;transform:translate(-50%) translateY(-3px);box-shadow:0 6px 20px #0003}.hero-bottom-button:active{transform:translate(-50%) translateY(0)}.down-arrow{font-size:20px;display:inline-block;transition:transform .3s ease}.hero-bottom-button:hover .down-arrow{transform:translateY(3px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.about-section-wrapper{background:var(--landing-bg-primary);padding:80px 20px;box-sizing:border-box;border-top:3px solid rgba(102,126,234,.1);transition:background-color .3s ease}.about-section{max-width:750px;margin:0 auto}.about-title{font-size:42px;font-weight:700;color:var(--landing-text-primary);margin:0 0 50px;text-align:center;transition:color .3s ease}.about-content{display:flex;flex-direction:column;gap:40px}.about-block{display:flex;gap:30px;align-items:flex-start}.about-icon{font-size:48px;flex-shrink:0;line-height:1}.about-text{flex:1}.about-text h3{font-size:24px;font-weight:600;color:#667eea;margin:0 0 15px}.about-text p{font-size:18px;line-height:1.7;color:var(--landing-text-tertiary);margin:0;transition:color .3s ease}.about-text strong{color:#667eea;font-weight:600}.subscription-section-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;box-sizing:border-box;border-top:3px solid rgba(102,126,234,.2)}.subscription-section{max-width:700px;margin:0 auto;text-align:center}.subscription-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subscription-description{font-size:20px;color:#fffffff2;margin:0 0 40px;line-height:1.6}.subscription-form{display:flex;gap:15px;justify-content:center;align-items:center;max-width:600px;margin:0 auto;flex-wrap:wrap}.subscription-input{flex:1;min-width:250px;padding:18px 24px;font-size:18px;font-family:Commissioner,sans-serif;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#fffffff2;color:#333;box-sizing:border-box;transition:all .3s ease;outline:none}.subscription-input::placeholder{color:#999}.subscription-input:focus{background:#fff;border-color:#fffc;box-shadow:0 0 0 4px #fff3}.subscription-input:disabled{opacity:.7;cursor:not-allowed}.subscription-button{padding:18px 40px;font-size:18px;font-weight:600;font-family:Commissioner,sans-serif;border:2px solid white;border-radius:50px;background:#fff;color:#667eea;cursor:pointer;transition:all .3s ease;white-space:nowrap}.subscription-button:hover:not(:disabled){background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.subscription-button:active:not(:disabled){transform:translateY(0)}.subscription-button:disabled{opacity:.7;cursor:not-allowed}.subscription-success{margin-top:20px;color:#fffffff2;font-size:16px;font-weight:500}.subscription-error{margin-top:20px;color:#ffc8c8f2;font-size:16px;font-weight:500}.donation-section-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;box-sizing:border-box;border-top:3px solid rgba(102,126,234,.2)}[data-theme=dark] .donation-section-wrapper{background:linear-gradient(135deg,#1a1535,#2d1b4e)}.donation-section{max-width:700px;margin:0 auto;text-align:center}.donation-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.donation-description{font-size:20px;color:#fffffff2;margin:0 0 40px;line-height:1.6}.donation-toggle{display:flex;gap:0;justify-content:center;margin-bottom:30px;background:#ffffff26;border-radius:50px;padding:5px;max-width:400px;margin-left:auto;margin-right:auto}.donation-toggle-btn{flex:1;padding:14px 24px;font-size:16px;font-weight:600;font-family:Commissioner,sans-serif;border:none;border-radius:50px;background:transparent;color:#fffc;cursor:pointer;transition:all .3s ease}.donation-toggle-btn:hover:not(.active){color:#fff;background:#ffffff1a}.donation-toggle-btn.active{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}[data-theme=dark] .donation-toggle-btn.active{background:linear-gradient(135deg,#00d4aa,#00b4d8);color:#1a1a2e}.donation-form{margin-bottom:8px}.donation-email-wrap{display:flex;align-items:center;gap:12px;max-width:340px;margin:20px auto 24px}.donation-email-label{flex-shrink:0;font-size:14px;font-weight:600;color:#fffffff2;margin:0}.donation-email-input{flex:1;min-width:0;padding:10px 14px;font-size:15px;font-family:Commissioner,sans-serif;border:2px solid rgba(255,255,255,.4);border-radius:10px;background:#ffffff26;color:#fff;box-sizing:border-box}.donation-email-input::placeholder{color:#fff9}.donation-email-input:focus{outline:none;border-color:#fffc;background:#fff3}.donation-amounts{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.donation-amount-btn{padding:18px 32px;font-size:20px;font-weight:700;font-family:Commissioner,sans-serif;border:2px solid rgba(255,255,255,.4);border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .3s ease;min-width:100px}.donation-amount-btn:hover{background:#ffffff40;border-color:#ffffffb3;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.donation-amount-btn:active{transform:translateY(0)}.donation-amount-btn.is-loading{cursor:wait}.donation-amount-btn.is-loading span{font-size:14px;font-weight:600}.donation-secure-note{display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:14px;line-height:1.5;color:#ffffffe6;margin:20px 0 0;text-align:left;max-width:420px}.donation-secure-icon{flex-shrink:0;font-size:1.25em;opacity:.95}.tests-section-wrapper{background:var(--landing-bg-secondary);padding:80px 20px;box-sizing:border-box;border-top:3px solid rgba(102,126,234,.2);margin-top:0;transition:background-color .3s ease}.landing-container{max-width:1200px;margin:0 auto}a.brand{color:#fff;display:inline-block;font-weight:600;font-size:28px;margin-top:10px;text-decoration:none;transition:margin-top .5s ease}a.brand .strazha{vertical-align:middle}@media only screen and (max-width:745px){a.brand{margin-top:6px;font-size:25px}.header-content .brand{font-size:18px}.header-nav{gap:20px}.header-nav a{font-size:14px}}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;width:100%;color:#fff}.hero-content{text-align:left;display:flex;flex-direction:column;padding-top:72px}.hero-showcase{display:flex;align-items:center;justify-content:center}.main-title{font-size:42px;font-weight:700;margin:0 0 20px;text-shadow:2px 2px 4px rgba(0,0,0,.2);text-align:left;color:#fff}.main-title strong{font-weight:900;color:#ffb84d;text-shadow:3px 3px 8px rgba(0,0,0,.4),0 0 20px rgba(255,184,77,.3);display:inline-block;letter-spacing:.5px}.subtitle{font-size:24px;font-weight:300;margin:0 0 30px;opacity:.95;text-align:left}.info-tooltip-wrapper{position:relative;display:inline-block;margin-left:8px;vertical-align:middle}.info-icon{cursor:help;font-size:20px;opacity:.8;transition:opacity .2s ease}.info-icon:hover{opacity:1}.info-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;color:#333;padding:16px 20px;border-radius:12px;box-shadow:0 8px 30px #00000040;width:max-content;max-width:350px;font-size:14px;font-weight:400;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:100;text-align:left}.info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}.info-tooltip-wrapper:hover .info-tooltip{opacity:1;visibility:visible}.info-tooltip strong{display:block;margin-bottom:10px;font-size:15px;color:#667eea}.info-tooltip ul{margin:0;padding-left:18px;list-style-type:disc}.info-tooltip li{margin-bottom:6px}.info-tooltip li:last-child{margin-bottom:0}.hero-question-form{display:flex;justify-content:flex-start;align-items:center;gap:10px;max-width:600px;margin:0 0 30px}.hero-question-input{flex:1;padding:16px 24px;font-size:18px;font-family:Commissioner,sans-serif;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-sizing:border-box;transition:all .3s ease;outline:none}.hero-question-input::placeholder{color:#ffffffb3}.hero-question-input:focus{background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a}.hero-question-input:disabled{opacity:.6;cursor:not-allowed}.hero-submit-button{width:50px;height:50px;border-radius:50%;border:none;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:24px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-submit-button:hover:not(:disabled){background:#ffffff59;transform:scale(1.05)}.hero-submit-button:active:not(:disabled){transform:scale(.95)}.hero-submit-button:disabled{opacity:.6;cursor:not-allowed}.hero-buttons{display:flex;gap:20px;justify-content:flex-start;align-items:center;margin-top:0;margin-bottom:0;flex-wrap:wrap}.hero-cta-button{padding:20px 40px;font-size:20px;font-weight:600;font-family:Commissioner,sans-serif;border:2px solid rgba(255,255,255,.3);border-radius:50px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:250px;text-align:center}.hero-cta-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.hero-cta-button:active{transform:translateY(0)}.hero-suggest-button{background:#fff;color:#667eea;border-color:#fff}.hero-suggest-button:hover{background:#fffffff2;color:#5568d3;box-shadow:0 10px 25px #0000004d}.hero-suggest-button.loading{pointer-events:none;opacity:.8}.button-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spinner-rotate .8s linear infinite}[data-theme=dark] .button-spinner{border-color:#00d4aa4d;border-top-color:#00d4aa}@keyframes spinner-rotate{to{transform:rotate(360deg)}}[data-theme=dark] .main-title{color:#ffffffe6;text-shadow:2px 2px 4px rgba(0,0,0,.4)}[data-theme=dark] .main-title strong{color:#d4a04a;text-shadow:2px 2px 6px rgba(0,0,0,.5)}[data-theme=dark] .subtitle{opacity:.8}[data-theme=dark] .hero-suggest-button{background:linear-gradient(135deg,#00d4aa,#00b4d8);border-color:transparent;color:#1a1a2e;box-shadow:0 4px 20px #00d4aa4d}[data-theme=dark] .hero-suggest-button:hover{background:linear-gradient(135deg,#00e4ba,#00c4e8);box-shadow:0 6px 25px #00d4aa66}[data-theme=dark] .hero-question-input{background:#ffffff1a;border-color:#fff3}[data-theme=dark] .hero-question-input::placeholder{color:#ffffff80}.hero-tests-button{background:#ffffff1a;border-color:#fff3;opacity:.8}.hero-tests-button:hover{background:#ffffff26;border-color:#ffffff4d;opacity:1;box-shadow:0 6px 15px #00000026}.question-section{background:var(--landing-bg-primary);border-radius:20px;padding:40px;margin-bottom:60px;box-shadow:0 10px 40px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.question-title{font-size:32px;font-weight:600;color:var(--landing-text-primary);margin:0 0 10px;text-align:center;transition:color .3s ease}.question-description{font-size:16px;color:var(--landing-text-secondary);text-align:center;margin:0 0 30px;line-height:1.6;transition:color .3s ease}.question-form{display:flex;flex-direction:column;gap:20px}.question-input{width:100%;padding:20px;font-size:18px;font-family:Commissioner,sans-serif;border:2px solid var(--landing-border);border-radius:12px;resize:vertical;min-height:150px;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease;background:var(--landing-bg-primary);color:var(--landing-text-primary)}.question-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.question-input::placeholder{color:var(--landing-text-tertiary)}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 40px;font-size:20px;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:Commissioner,sans-serif;align-self:center;min-width:200px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-button:active{transform:translateY(0)}.tests-section{background:transparent;padding:0;max-width:750px;margin:0 auto}.tests-title{font-size:32px;font-weight:600;color:var(--landing-text-primary);margin:0 0 30px;text-align:left;transition:color .3s ease}.tests-list{display:flex;flex-direction:column;gap:30px}.test-card{background:var(--landing-bg-elevated);border-radius:16px;padding:30px;text-decoration:none;color:var(--landing-text-primary);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease;display:flex;flex-direction:row;align-items:center;gap:30px;border:2px solid var(--landing-border);box-shadow:0 2px 8px var(--shadow)}.test-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f;border-color:#667eea}.test-content{flex:1;display:flex;flex-direction:column}.test-icon{font-size:64px;flex-shrink:0}.test-name{font-size:24px;font-weight:600;margin:0 0 10px;color:var(--landing-text-primary);transition:color .3s ease}.test-description{font-size:16px;color:var(--landing-text-secondary);line-height:1.6;margin:0 0 15px;transition:color .3s ease}.test-meta{font-size:14px;font-weight:600;color:#667eea;background:#f0f4ff;padding:8px 16px;border-radius:20px;display:inline-block;width:fit-content}@media only screen and (max-width:968px){.hero-section{grid-template-columns:1fr;gap:40px;text-align:left}.hero-content{text-align:left;order:1}.hero-showcase{order:2}.main-title,.subtitle{text-align:left}.hero-question-form{justify-content:flex-start;margin:0 0 30px;width:100%;max-width:100%}.hero-buttons{justify-content:center}.about-title{font-size:36px}.about-block{flex-direction:column;text-align:left;gap:20px}.about-icon{margin:0 auto}.subscription-title{font-size:36px}.subscription-description{font-size:18px}.subscription-form{flex-direction:column}.subscription-input{width:100%;min-width:unset}.subscription-button{width:100%}.donation-title{font-size:36px}.donation-description{font-size:18px}.donation-toggle{max-width:100%}.donation-toggle-btn{font-size:14px;padding:12px 16px}}@media only screen and (max-width:768px){.info-tooltip{left:auto;right:-20px;transform:none;max-width:280px}.info-tooltip:after{left:auto;right:30px;transform:none}.header-content{padding:12px 15px}.header-nav{gap:20px}.header-nav a{font-size:14px}.hero-section-wrapper{padding:60px 20px 40px}.hero-bottom-button{bottom:20px;font-size:16px;padding:12px 25px}.down-arrow{font-size:18px}.about-section-wrapper{padding:60px 20px}.about-title{font-size:32px;margin-bottom:40px;text-align:left}.about-content{gap:30px}.about-icon{font-size:40px}.about-text h3{font-size:20px}.about-text p{font-size:16px}.subscription-section-wrapper{padding:60px 20px}.subscription-section{text-align:left}.subscription-title{font-size:32px}.subscription-description{font-size:17px}.subscription-input{font-size:16px;padding:16px 20px}.subscription-button{font-size:16px;padding:16px 35px}.donation-section-wrapper{padding:60px 20px}.donation-title{font-size:32px}.donation-description{font-size:17px}.donation-email-wrap{flex-direction:column;align-items:flex-start;width:100%;max-width:100%}.donation-email-label{margin-bottom:6px}.donation-email-input{width:100%}.donation-amount-btn{padding:14px 24px;font-size:18px;min-width:80px}.tests-section-wrapper{padding:60px 20px}.hero-content{text-align:left}.main-title{font-size:30px;text-align:left}.subtitle{font-size:20px;text-align:left}.hero-question-form{max-width:100%;width:100%;padding:0}.hero-question-input{font-size:16px;padding:14px 20px;width:100%}.hero-submit-button{width:46px;height:46px;font-size:20px}.hero-buttons{margin-top:0;gap:15px;width:100%}.hero-cta-button{padding:18px 35px;font-size:18px;width:100%;min-width:100%}.tests-title{font-size:28px;text-align:left}.test-card{flex-direction:column;text-align:left;gap:20px}.test-icon{margin-bottom:0}.test-content{align-items:flex-start}.test-description,.question-title,.question-description{text-align:left}}@media only screen and (max-width:600px){.header-nav a{display:none}}@media only screen and (max-width:480px){.hero-section-wrapper{padding:90px 10px 30px}.hero-bottom-button{bottom:15px;font-size:14px;padding:10px 20px}.down-arrow{font-size:16px}.about-section-wrapper{padding:50px 10px}.about-title{font-size:28px;margin-bottom:30px;text-align:left}.about-content{gap:25px}.about-block{gap:15px}.about-icon{font-size:36px}.about-text h3{font-size:18px;margin-bottom:12px}.about-text p{font-size:15px}.subscription-section-wrapper{padding:50px 10px}.subscription-section{text-align:left}.subscription-title{font-size:28px;margin-bottom:15px}.subscription-description{font-size:16px;margin-bottom:30px}.subscription-input{font-size:14px;padding:14px 18px}.subscription-button{font-size:14px;padding:14px 30px}.subscription-success,.subscription-error{font-size:14px}.donation-section-wrapper{padding:50px 10px}.donation-title{font-size:28px;margin-bottom:15px}.donation-description{font-size:16px;margin-bottom:30px}.donation-toggle{flex-direction:column;border-radius:16px;padding:6px}.donation-toggle-btn{border-radius:12px;padding:12px 20px}.donation-email-wrap{margin-top:16px;margin-bottom:20px}.donation-amounts{gap:10px}.donation-amount-btn{padding:12px 20px;font-size:16px;min-width:70px;flex:1;min-width:calc(50% - 5px)}.tests-section-wrapper{padding:50px 10px}.header-content{padding:10px 15px}.header-content .brand{font-size:16px}.header-nav{gap:15px}.header-nav a{font-size:13px}.hero-content{text-align:left}.main-title{font-size:24px;text-align:left}.subtitle{font-size:18px;text-align:left}.hero-question-form{width:100%;padding:0;margin-bottom:15px}.hero-question-input{font-size:14px;padding:12px 18px;width:100%}.hero-submit-button{width:42px;height:42px;font-size:18px}.hero-buttons{margin-top:0;gap:12px;flex-direction:column;width:100%}.hero-cta-button{padding:16px 30px;font-size:16px;min-width:100%;width:100%}.tests-title{font-size:24px;text-align:left}.test-card{padding:25px 20px;flex-direction:column;text-align:left;gap:15px}.test-icon{font-size:48px;margin-bottom:0}.test-name{font-size:20px}.test-content{align-items:flex-start}.test-description{text-align:left;font-size:14px}.question-title,.question-description{text-align:left}}
