:root{--color-bg: linear-gradient(180deg, #1C1C1C 0%, #54081B 100%);--color-text: #ffffff;--color-text-mark: #ffffff;--color-border-no: #E2ABA7;--color-bg-button: #ffffff;--color-text-button: #2D161C;--radius: 6px;--radius-button: 100px;--font-main: Montserrat, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-weight:500;font-size:20px;line-height:24px;position:relative}#app{min-height:100vh;min-height:100dvh}.main{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;gap:16px;transition:all .8s ease-in-out;position:relative}.palma{position:absolute;opacity:.1}.buttons-block>.palma{width:483px;bottom:0;right:0;transform:translate(18%,12%)}.background{position:absolute;top:0;left:0;width:100%;height:calc(100vh - 390px)}.background-img{width:100%;height:100%;object-fit:cover;object-position:top center}.header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px 0;gap:16px;max-width:100%;animation:appearance .8s forwards;position:relative}.page-1 .header>p,.page-5 .header>p{width:80%}.header--choose{font-weight:400;font-size:16px;line-height:18px;gap:12px;height:100%}.header--choose>p{font-style:italic;color:var(--color-text-mark)}.header--final{padding:0}.header--final>p{font-size:18px;line-height:22px}h1,h2,h3{font-family:var(--font-main);text-transform:uppercase}h1{font-weight:600;font-size:25px;line-height:130%}h2{font-weight:600;font-size:24px;line-height:100%}h3{font-weight:700;font-size:22px;line-height:26px;text-transform:none}.header--question h3{font-size:20px;line-height:24px;text-transform:uppercase}:is(.page-7,.page-8)>.header>h3{max-width:70%}.image-block{height:calc(100vh - 340px);width:calc(100% - 32px);position:relative;animation:appearance .8s forwards}.page-1>.image-block{cursor:pointer}.page-2>.image-block{height:calc(100vh - 316px);display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden}:is(.page-3,.page-4,.page-5,.page-6)>.image-block{width:100%;position:absolute;top:0;left:0;height:calc(100vh - 304px);background:#fff}.page-5>.image-block{height:calc(100vh - 280px)}:is(.page-2,.page-3,.page-4,.page-5,.page-6)>.image-block>img{width:100%;height:auto;min-height:100%;object-fit:cover;position:absolute;top:0;left:0}.collage-block{height:100%;width:100%;display:flex;flex-wrap:wrap;gap:10px}.collage__image{width:calc(50% - 5px);height:calc(50% - 5px);line-height:0}.collage__image>img{height:100%;width:100%;object-fit:cover;border-radius:var(--radius)}.choose-block{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 16px;height:calc(100vh - 312px);width:calc(100% - 32px);max-height:136vw}.page-10 .choose-block{height:calc(100vh - 288px);max-height:100%;gap:10px}.choose-line{display:flex;justify-content:center;width:100%;max-width:calc((100vh - 312px)*.7);height:calc((100% / 3) - 7px);gap:14px}.choose-item{width:calc(50% - 7px);display:flex;background:#fff;flex-direction:column;align-items:center;cursor:pointer;border-radius:var(--radius);box-shadow:0 2px 10px #8c8c8c4d;overflow:hidden;animation:appearance .8s forwards;color:#010101;position:relative}.page-10 .choose-item{width:100%;border:1px solid #b3b3b3;box-shadow:none}.choose__image{object-fit:cover;width:100%;height:calc(100% - 36px)}.choose__image--big{height:calc(100% - 307px);max-width:100%;aspect-ratio:215 / 247;object-fit:cover;border-radius:var(--radius);margin-bottom:2px;animation:appearance .8s forwards}.choose-item>p{font-weight:500;font-size:20px;line-height:22px;padding:6px 2px;text-align:center}.page-10 .choose-item>p{font-size:19px;line-height:23px;padding:14px 16px}.choose-item_cover{position:absolute;top:0;left:0;border-radius:var(--radius);width:100%;height:100%;border:0 solid #DC143C;transition:all .2s ease-in-out}.choose-item--active .choose-item_cover{border-width:4px}.buttons-block{display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:0 16px 24px;gap:16px;width:calc(100% - 32px);animation:appearance .8s forwards;position:relative}.buttons-block--question{background:var(--color-bg);box-shadow:0 -30px 50px #17171780;border-radius:20px 20px 0 0;padding:0;width:100%;gap:60px}.page-11>.buttons-block{background:var(--color-bg);padding:32px 16px 24px;gap:32px;box-shadow:0 -30px 50px #17171780;border-radius:20px 20px 0 0;width:calc(100% - 32px)}.buttons-block--grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{background:var(--color-bg-button);border:none;border-radius:var(--radius-button);height:60px;color:var(--color-text-button);text-transform:uppercase;text-decoration:none;font-family:var(--font-main);font-weight:700;font-size:24px;line-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 8px;width:100%;max-width:400px;transition:all .2s ease-in-out;position:relative}.button>span{background:var(--color-text-button);color:transparent;background-clip:text;-webkit-background-clip:text;z-index:2}.button--start:after{position:absolute;top:50%;right:8px;content:url(https://cw368k1o.tc87.top/img/0b045a5d0dbfc291dd739900aa1b78f0.svg);background:linear-gradient(144.81deg,maroon 14.65%,#dc143c 92.48%);border-radius:50%;width:44px;height:44px;transform:translateY(-50%);align-content:center;line-height:0}.button:disabled{background:#a6a6a6;cursor:not-allowed;box-shadow:none;color:#fff}.button:disabled>span{background:#fff;background-clip:text;-webkit-background-clip:text;color:transparent}.button--no{background:none;border:2px solid var(--color-border-no);box-shadow:none}.button--no>span{background:#fff;background-clip:text;-webkit-background-clip:text;color:transparent}.button--skip{margin-top:-16px;background:transparent;box-shadow:none}.button--skip>span{background:#9e9e9e;background-clip:text;-webkit-background-clip:text;color:transparent}@keyframes appearance{0%{transform:scale(0)}to{transform:scale(1)}}@media screen and (max-height: 720px){body{font-size:17px;line-height:19px}.header{padding-top:20px}.page-1>.header>p{font-size:19px}.header--final>p{font-size:16px;line-height:18px}h1{font-size:22px;line-height:24px}h2{font-size:21px;line-height:23px}h3{font-size:19px;line-height:21px}.header--question h3{font-size:18px;line-height:20px}.header--choose{font-size:14px;line-height:15px}.header--final{font-size:15px;line-height:16px}.background{height:calc(100vh - 350px)}.image-block{height:calc(100vh - 245px)}.page-2>.image-block{height:calc(100vh - 272px)}.page-3>.image-block{height:calc(100vh - 308px)}.page-4>.image-block{height:calc(100vh - 269px)}.page-5>.image-block{height:calc(100vh - 230px)}.page-6>.image-block{height:calc(100vh - 288px)}.choose-block{height:calc(100vh - 270px)}.choose-line{max-width:calc((100vh - 270px)*.7)}.choose__image{height:calc(100% - 30px)}.choose-item>p{font-size:16px;line-height:18px}.choose__image--big{height:calc(100% - 180px)}.page-10 .choose-block{height:calc(100vh - 256px)}.page-10 .choose-item>p{font-size:14px;line-height:16px;padding:4px 12px}.page-11>.buttons-block{gap:16px;padding-top:16px}}@media screen and (max-width: 374px){.page-1 .header>p{width:90%}h1{font-size:20px;line-height:24px}}@media screen and (min-width: 881px){.main{flex-wrap:wrap;justify-content:space-around;height:100vh;gap:0}.image-block{height:90vh;margin:5vh 0;width:50vw;max-width:50vw}:is(.page-1,.page-2)>.image-block{height:calc(100vh - 32px);margin:16px;padding:0;width:calc(50vw - 32px)}:is(.page-3,.page-4,.page-5,.page-6)>.image-block{width:100%;max-width:100%;height:100vh;margin:0;padding:0}.choose-block{order:0;height:calc(100vh - 40px);padding:20px 16px;max-height:calc(100vh - 40px);width:calc(50vw - 32px);justify-content:center}.choose-line{max-width:70vh}.page-10 .choose-block{height:calc(100vh - 40px);padding:20px 0}.header--choose{height:auto}.header{order:1;max-width:45vw}.buttons-block{order:2;max-width:45vw}.page-11 .header{order:0}.background{height:100vh}}