body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.welcome-screen{align-items:center;background:linear-gradient(to bottom right,#111827,#1e3a8a,#111827);display:flex;justify-content:center;min-height:100vh;padding:1rem}.welcome-content{max-width:42rem;text-align:center;width:100%}.welcome-content h1{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.welcome-content p{color:#d1d5db;font-size:1.25rem;margin-bottom:2.5rem}.start-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2563eb4d;border:2px solid #3b82f680;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:600;gap:.75rem;padding:1.25rem 2.5rem;transition:all .3s}.start-button:hover{background:#2563eb80;border-color:#60a5fa;box-shadow:0 10px 25px #3b82f680}.timer-badge{align-items:center;color:#d1d5db;display:flex;font-size:.875rem;gap:.5rem}.clock-icon{height:1rem;width:1rem}.typeform-container{background:linear-gradient(to bottom right,#111827,#1e3a8a,#111827);display:flex;flex-direction:column;min-height:100vh}.progress-bar{background:#1f293780;height:4px;left:0;position:fixed;right:0;top:0;z-index:50}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f680;height:100%;transition:width .3s ease-out}.nav-arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;color:#d1d5db;cursor:pointer;padding:.5rem;position:fixed;top:1.5rem;transition:all .3s;z-index:40}.nav-prev{left:1.5rem}.nav-next{right:1.5rem}.nav-arrow:hover{background:#ffffff1a}.question-counter{color:#9ca3af;font-size:.875rem;font-weight:500;left:50%;position:fixed;top:1.5rem;transform:translateX(-50%);z-index:40}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.question-wrapper{max-width:42rem;transition:all .3s ease;width:100%}.slide-in{opacity:1;transform:translateY(0)}.slide-out-up{opacity:0;transform:translateY(2rem)}.slide-out-down{opacity:0;transform:translateY(-2rem)}.question-number{color:#60a5fa;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.question-text{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.question-subtitle{color:#9ca3af;font-size:1.125rem;margin-bottom:1.5rem}.input-area{margin-top:2rem}.hint{color:#9ca3af;font-size:.875rem;margin-bottom:1rem}.text-input{background:#0000;border:none;border-bottom:4px solid #37415180;color:#fff;font-size:1.25rem;outline:none;padding:1rem 1.5rem;transition:border-color .3s;width:100%}.text-input:focus{border-bottom-color:#3b82f6}.text-input::placeholder{color:#6b7280}.textarea-input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:2px solid #37415180;border-radius:.5rem;color:#fff;font-family:inherit;font-size:1.25rem;outline:none;padding:1rem 1.5rem;resize:none;transition:border-color .3s;width:100%}.textarea-input:focus{border-color:#3b82f6}.textarea-input::placeholder{color:#6b7280}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:2px solid #3741514d;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;padding:1rem;text-align:left;transition:all .3s;width:100%}.option-button:hover{border-color:#6b728080}.option-button.selected{background:#2563eb4d;border-color:#3b82f6}.option-letter{align-items:center;background:#37415180;border-radius:.25rem;color:#9ca3af;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;margin-right:1rem;width:2rem}.option-button.selected .option-letter{background:#3b82f6;color:#fff}.ok-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2563eb4d;border:2px solid #3b82f680;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-top:2rem;padding:1rem 2rem;transition:all .3s}.ok-button:hover{background:#2563eb80;border-color:#60a5fa;box-shadow:0 10px 25px #3b82f680}.enter-hint{color:#d1d5db;font-size:.875rem}@media (max-width:768px){.welcome-content h1{font-size:2rem}.question-text{font-size:1.5rem}}
/*# sourceMappingURL=main.21fcf23c.css.map*/