@font-face{font-family:'Futura PT Demi';src:url('fonts/FuturaPT-Demi.woff2') format('woff2'),url('fonts/FuturaPT-Demi.woff') format('woff')}html,body{margin:0;padding:0;height:100%;font-family:'Futura PT Demi',sans-serif;color:#fff;background-color:#001a00;overflow-x:hidden;overflow-y:auto}#bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:1}header{position:fixed;top:0;left:0;padding:2px 6px;z-index:11}.logo{width:clamp(120px,40vw,186px);height:auto}main{display:grid;place-items:center;min-height:100vh;box-sizing:border-box;padding-top:100px;z-index:10;position:relative;top:0;left:0;width:100%;height:100vh;overflow-y:auto}.step{width:100%;max-width:600px;padding:30px;border-radius:10px;background:transparent;text-align:center;transition:opacity .5s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:auto;opacity:1;visibility:visible;pointer-events:auto;padding-bottom:120px}h1,h2{font-size:clamp(20px,4vw,28px);padding:0 10px;line-height:1.4;word-break:break-word;hyphens:auto}.question-block{align-self:flex-start;text-align:center;width:100%}.question-block h2{margin-bottom:30px;font-size:clamp(18px,5vw,22px);line-height:1.4;word-break:break-word;hyphens:auto;text-align:center;padding:0 10px}.options{padding:0;width:100%;max-width:400px}.options .vertical-blocks{list-style:none;margin:10px 0;padding:clamp(10px,2vw,14px);background-color:transparent;border:2px solid #ffd700;border-radius:5px;cursor:pointer;color:#fff;text-align:center;font-size:clamp(14px,4vw,18px);transition:background-color .3s ease}.options .vertical-blocks:hover{background-color:rgba(255,215,0,.2)}.scale-horizontal{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;padding:0 10px;max-width:100%;overflow-x:hidden;scrollbar-width:none}.scale-horizontal::-webkit-scrollbar{display:none}.scale-horizontal li{flex:0 0 auto;padding:8px 12px;background-color:transparent;border:2px solid #ffd700;border-radius:50%;cursor:pointer;color:#fff;text-align:center;min-width:23px;font-size:16px;transition:background-color .3s ease}.scale-horizontal li:hover{background-color:rgba(255,215,0,.2)}#comment-block{display:none;width:100%;max-width:400px}#comment-block textarea{width:85%;padding:10px;font-size:clamp(14px,4vw,16px);border-radius:5px;border:1px solid #ccc;resize:vertical;min-height:100px}#comment-block button{margin-top:10px}button{background-color:#ffd700;color:#000;border:none;padding:12px 24px;font-size:clamp(16px,4vw,20px);font-weight:bold;cursor:pointer;border-radius:4px;transition:background-color .3s;margin-top:20px;width:100%;max-width:300px}button:hover{background-color:#e6c200}@media(max-width:480px){.scale-horizontal span{padding:6px 10px;font-size:14px;min-width:28px}}@media(max-width:360px){.scale-horizontal span{padding:4px 8px;font-size:13px;min-width:24px}}.question-block h2{font-size:18px;margin-bottom:20px}.logo{width:140px}.options{max-width:100%}#comment-block{max-width:100%}button{font-size:16px}.step-4{display:none}