*{margin:0;padding:0;box-sizing:border-box}:root{--open-blue:#000085;--open-blue-light:#0000d6;--open-magenta:#ff2e5e;--open-white:#fff}body,html{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--open-blue);color:var(--open-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:30px 50px;position:relative}.logo{width:530px;max-width:90%;height:auto;margin-bottom:40px}.question{font-size:54px;font-weight:600;text-align:center;line-height:1.3;margin-bottom:35px;max-width:900px}.response-container{width:100%;max-width:800px;background:var(--open-white);border-radius:20px;padding:20px;margin-bottom:30px}.response-input{width:100%;min-height:200px;border:none;font-size:24px;font-family:inherit;color:var(--open-blue);resize:none;outline:none;background:transparent}.response-input::placeholder{color:rgba(0,0,133,.4)}.submit-btn{background:var(--open-magenta);color:var(--open-white);border:none;border-radius:30px;padding:15px 60px;font-size:20px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.submit-btn:hover{opacity:.9}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.waiting-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--open-blue);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;transition:opacity .3s}.waiting-screen.hidden{opacity:0;pointer-events:none}.waiting-logo{width:660px;max-width:90%;height:auto;margin-bottom:50px}.waiting-text{font-size:28px;font-weight:500;opacity:.9}.thank-you-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--open-blue);display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.thank-you-screen.visible{opacity:1;pointer-events:auto}.thank-you-text{font-size:36px;font-weight:600}.demo-badge{position:fixed;top:20px;right:20px;background:var(--open-magenta);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;z-index:300}.status-indicator{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;font-size:12px;opacity:.6}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50}.status-dot.offline{background:#f44336}.status-dot.syncing{background:#ff9800;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.container{padding:20px}.logo{width:300px;margin-bottom:30px}.question{font-size:32px;margin-bottom:25px}.response-input{font-size:18px;min-height:150px}.submit-btn{padding:12px 40px;font-size:18px}.waiting-logo{width:350px}.waiting-text{font-size:20px}}