@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#fff;background:#102e35}.backdrop{position:fixed;inset:0;background:linear-gradient(90deg,rgba(9,31,37,.79),rgba(12,37,42,.48) 55%,rgba(8,27,34,.6)),url('/baikal-desktop.webp') center/cover no-repeat;z-index:-2}.backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,26,33,.75),transparent 50%)}header,main,footer{max-width:1600px;margin:auto}header{height:105px;padding:30px 6%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;letter-spacing:.18em;font-size:25px;color:white;text-decoration:none}.brand span{display:block;font:9px Manrope,Arial;letter-spacing:.22em;margin-top:7px}.header-link{color:white;text-decoration:none;font-size:12px;letter-spacing:.04em}.header-link span{margin-left:12px;color:#c8d9ce}main{padding:30px 6% 65px;display:grid;grid-template-columns:1fr minmax(420px,540px);gap:8%;align-items:center;min-height:calc(100vh - 170px)}.intro{max-width:720px}.eyebrow,.tag,.quiz-top,.quiz-foot,.intro-bottom,footer{font-size:10px;letter-spacing:.16em;font-weight:700}.eyebrow{color:#d8e4d8}.eyebrow i{display:inline-block;width:25px;height:1px;background:#d6c797;vertical-align:middle;margin-right:12px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(56px,6vw,92px);line-height:1.04;margin:30px 0}h1 em,h2 em{font-weight:400;color:#d6d9bd}.intro p{font-size:15px;line-height:1.85;color:#e4eeeb;max-width:470px}.intro-bottom{display:flex;align-items:center;gap:15px;margin-top:70px;color:#d7e3dc}.line{width:55px;height:1px;background:#b3c6bd}.quiz{position:relative;overflow:hidden;background:rgba(247,249,244,.96);color:#173d40;border-radius:3px;padding:35px 42px 25px;box-shadow:0 30px 90px #071e2c55;min-height:560px;display:flex;flex-direction:column}.quiz:after{content:'';position:absolute;right:-100px;bottom:-165px;width:340px;height:220px;border:1px solid #75a9a250;border-radius:50%;box-shadow:0 0 0 18px #75a9a215,0 0 0 36px #75a9a215,0 0 0 54px #75a9a215;pointer-events:none}.quiz-top{display:flex;justify-content:space-between;color:#66817b}.progress{height:2px;background:#dce6df;margin:16px 0 40px}.progress b{display:block;background:#4d8174;height:100%;transition:width .3s}.tag{color:#8b9e8d;margin-bottom:16px}.quiz h2{font-size:clamp(32px,3vw,43px);line-height:1.16;margin:0 0 15px}.quiz p{font-size:13px;line-height:1.7;color:#6c827b;margin:0 0 22px}.step{border:0;padding:0;margin:0;min-height:310px}.step[hidden],#thanks[hidden],form[hidden]{display:none}.options{display:grid;gap:8px}.options label{cursor:pointer}.options input{position:absolute;opacity:0}.options span{display:flex;justify-content:space-between;padding:14px 16px;border:1px solid #d9e3dd;font-size:13px;transition:.2s}.options span b{font-weight:400;color:#87a59a}.options input:checked+span,.options input:focus-visible+span{border-color:#528575;background:#e6eee8}.text{display:block;width:100%;padding:16px 0;background:transparent;border:0;border-bottom:1px solid #aabdb2;outline:0;color:#173d40;font:14px Manrope,Arial;resize:vertical}.text:focus{border-color:#225b51}small{display:block;color:#83958c;font-size:11px;line-height:1.6;margin-top:15px}.robot{display:block;color:#536f66;font-size:12px;margin-top:20px}.robot input{width:65px;padding:9px;border:1px solid #b5c8bb;color:#173d40;background:white;margin-left:8px}.actions{display:flex;gap:15px;align-items:center;margin-top:12px}.actions button{cursor:pointer;font:600 12px Manrope,Arial}.next{border:0;background:#205d52;color:#fff;padding:17px 20px;flex:1;text-align:left}.next span{float:right}.next:hover{background:#16483f}.next:disabled{opacity:.6}.back{border:0;background:none;color:#647d73;padding:12px 0}.quiz-foot{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;color:#9aaea1}.quiz-foot span{font-size:18px;color:#91b6a4}#error{min-height:18px;color:#a34739;font-size:12px;margin-top:8px}.trap{position:absolute;left:-10000px}footer{padding:20px 6% 30px;display:flex;justify-content:space-between;color:#d6e3dc}#thanks{min-height:340px}#thanks h2 em{color:#588777}@media(max-width:800px){.backdrop{background:linear-gradient(180deg,rgba(9,31,37,.5),rgba(9,31,37,.65)),url('/baikal-mobile.webp') center top/cover no-repeat}header{height:85px;padding:20px 6%}.brand{font-size:20px}main{display:block;padding:32px 5% 45px;min-height:auto}.intro h1{font-size:clamp(48px,12vw,72px);margin:22px 0}.intro p{font-size:14px}.intro-bottom{margin:28px 0 35px;font-size:9px}.quiz{padding:28px 24px 22px;min-height:530px}.progress{margin-bottom:32px}.quiz h2{font-size:35px}.step{min-height:300px}footer{font-size:9px;gap:15px}.header-link{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* A letter above the lake: the questionnaire is the focal point. */
body{min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}
.backdrop{background:linear-gradient(90deg,rgba(9,31,37,.48),rgba(12,37,42,.18) 50%,rgba(8,27,34,.45)),url('/baikal-desktop.webp') center/cover no-repeat}
.backdrop:after{background:linear-gradient(0deg,rgba(6,26,33,.48),transparent 55%)}
header{width:100%;height:clamp(58px,9vh,90px);padding:12px 5%;flex:none}
main{width:100%;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding:8px 5%;position:relative;perspective:1400px}
.intro{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:min(22vw,310px);pointer-events:none}
.intro h1{font-size:clamp(30px,3.2vw,48px);line-height:1.08;margin:18px 0}.intro p{font-size:12px;line-height:1.65}.intro-bottom{display:none}
.quiz{width:min(500px,100%);min-height:0;padding:clamp(20px,3.3vh,32px) clamp(25px,3.5vw,42px) clamp(16px,2.5vh,24px);overflow:visible;border-radius:1px;background:linear-gradient(120deg,#fffef9,#f4f3e9);box-shadow:0 24px 50px #071e2c77,5px 6px 0 #e2e3d8,9px 11px 0 #c9d1c5;transform:rotateY(-3deg) rotateX(1deg) rotateZ(-.7deg);transform-origin:center;}
.quiz:before{content:'BAIKALOV  ·  ЛИЧНОЕ ПИСЬМО';position:absolute;right:34px;top:62px;color:#b6beb1;font:8px Manrope,Arial;letter-spacing:.18em;pointer-events:none}
.quiz:after{right:-25px;bottom:18px;width:110px;height:70px;opacity:.35;box-shadow:0 0 0 7px #75a9a215,0 0 0 14px #75a9a215,0 0 0 21px #75a9a215}
.progress{margin:12px 0 clamp(18px,3vh,30px)}.quiz h2{font-size:clamp(29px,3.8vh,39px);margin-bottom:10px}.quiz p{margin-bottom:clamp(10px,2vh,18px);line-height:1.55}.tag{margin-bottom:10px}.step{min-height:clamp(240px,36vh,300px)}.options{gap:6px}.options span{padding:clamp(9px,1.4vh,13px) 14px}.quiz-foot{padding-top:clamp(12px,2vh,22px)}.actions{margin-top:5px}.next{padding:clamp(12px,1.8vh,16px) 18px}.robot{margin-top:12px}.text{padding:12px 0}footer{width:100%;padding:10px 5% 15px;flex:none}
@media(max-width:1050px){.intro{display:none}}
@media(max-width:800px){.backdrop{background:linear-gradient(180deg,rgba(9,31,37,.35),rgba(9,31,37,.5)),url('/baikal-mobile.webp') center/cover no-repeat}header{height:64px;padding:10px 5%}main{display:flex;padding:8px 6%}.quiz{width:min(470px,100%);padding:22px 25px 18px;transform:rotateY(-2deg) rotateZ(-.5deg)}.quiz h2{font-size:clamp(27px,4.1vh,35px)}.step{min-height:clamp(235px,37vh,290px)}footer{padding:10px 5% 14px}}
@media(max-height:700px){header{height:52px}.brand{font-size:18px}.brand span{font-size:7px;margin-top:4px}.quiz{padding-top:16px;padding-bottom:12px}.quiz:before{display:none}.progress{margin:8px 0 15px}.quiz h2{font-size:clamp(24px,4.2vh,32px)}.quiz p{font-size:12px;margin-bottom:9px}.tag{margin-bottom:7px}.step{min-height:0}.options span{padding:8px 12px}.quiz-foot{padding-top:9px}small{margin-top:8px}.robot{margin-top:8px}#error{min-height:12px;margin-top:4px}footer{padding:6px 5%}}
@media(max-height:450px){body{min-height:450px}}