:root{--qpm-purple:#5b3cc4;--qpm-purple-dark:#452a9d;--qpm-surface:#fff;--qpm-canvas:#f7f7fb;--qpm-text:#20202a;--qpm-muted:#606070;--qpm-border:#d9d9e3;--qpm-error-bg:#fff1f1;--qpm-error-text:#9d1c1c;--qpm-success-bg:#edf9f0;--qpm-success-text:#176b35;--radius:12px;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem}*{box-sizing:border-box}body{background:var(--qpm-canvas);color:var(--qpm-text);margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}.auth-layout{min-height:100svh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--qpm-surface);border:1px solid var(--qpm-border);border-radius:var(--radius);max-width:30rem;padding:var(--space-8);width:100%;box-shadow:0 16px 42px #1f1a421a}.brand{color:var(--qpm-purple);letter-spacing:.05em;font-size:1.4rem;font-weight:800}h1{margin:var(--space-4) 0 var(--space-2);font-size:clamp(1.55rem,4vw,2rem)}h2{margin:0 0 var(--space-2);font-size:1rem}.intro,.field-help{color:var(--qpm-muted);margin:0 0 var(--space-6);line-height:1.5}form{gap:var(--space-2);display:grid}label{margin-top:var(--space-2);font-weight:650}input,textarea{border:1px solid var(--qpm-border);border-radius:8px;width:100%;min-height:44px;padding:.65rem .75rem}textarea{resize:vertical;min-height:11rem}input:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9c89e9}.button{cursor:pointer;align-items:center;gap:var(--space-2);border:1px solid #0000;border-radius:8px;justify-content:center;min-height:44px;padding:.65rem 1rem;display:inline-flex}.button:disabled{cursor:wait;opacity:.65}.primary{background:var(--qpm-purple);color:#fff;margin-top:var(--space-4)}.primary:hover:not(:disabled){background:var(--qpm-purple-dark)}.google,.secondary{border-color:var(--qpm-border);color:var(--qpm-text);background:#fff;width:100%}.google span{color:#4285f4;font-size:1.15rem;font-weight:800}.divider{color:var(--qpm-muted);align-items:center;gap:var(--space-3);margin:var(--space-6) 0;display:flex}.divider:before,.divider:after{background:var(--qpm-border);content:"";flex:1;height:1px}.divider span{white-space:nowrap;font-size:.875rem}.alert{margin:var(--space-4) 0;padding:var(--space-3);border-radius:8px;line-height:1.4}.error{background:var(--qpm-error-bg);color:var(--qpm-error-text)}.success{background:var(--qpm-success-bg);color:var(--qpm-success-text)}.auth-actions{gap:var(--space-3);margin-top:var(--space-6);display:grid}.auth-actions button{color:var(--qpm-purple-dark);cursor:pointer;padding:var(--space-2);text-align:left;background:0 0;border:0;text-decoration:underline}.app-footer{border-top:1px solid var(--qpm-border);color:var(--qpm-muted);align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);flex-wrap:wrap;justify-content:space-between;font-size:.75rem;display:flex}.language-select{align-items:center;gap:var(--space-2);white-space:nowrap;margin:0;font-size:.75rem;font-weight:600;display:inline-flex}.language-select select{background:var(--qpm-surface);border:1px solid var(--qpm-border);color:var(--qpm-text);border-radius:6px;min-height:32px;padding:.25rem .45rem}.diagnostic-panel{background:var(--qpm-surface);border:1px solid var(--qpm-border);border-radius:var(--radius);bottom:var(--space-4);max-width:min(30rem,100vw - 2rem);padding:var(--space-4);right:var(--space-4);z-index:10;position:fixed;box-shadow:0 12px 32px #1f1a4229}.diagnostic-panel p{color:var(--qpm-muted);margin:var(--space-2) 0;font-size:.875rem;line-height:1.4}.diagnostic-panel .button{margin-top:var(--space-2)}@media (max-width:390px){.auth-layout{padding:var(--space-4);align-items:start}.auth-card{padding:var(--space-6);border-radius:10px}.app-footer{flex-direction:column;align-items:flex-start}.diagnostic-panel{bottom:var(--space-2);left:var(--space-2);max-width:none;right:var(--space-2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
.prelaunch-layout{min-height:100svh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.prelaunch-card{background:var(--qpm-surface);border:1px solid var(--qpm-border);border-radius:var(--radius);max-width:52rem;padding:var(--space-8);width:100%;box-shadow:0 16px 42px #1f1a421a}.prelaunch-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.clock-grid{gap:var(--space-4);margin:0 0 var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.world-clock{border:1px solid var(--qpm-border);min-width:0;padding:var(--space-4);text-align:center;border-radius:10px;flex-direction:column;align-items:center;display:flex}.world-clock h2{margin:var(--space-3) 0 var(--space-2);font-size:1rem}.world-clock time{color:var(--qpm-muted);font-variant-numeric:tabular-nums}.clock-face{border:4px solid var(--qpm-purple);background:linear-gradient(145deg,#fff,#f2efff);border-radius:50%;width:min(15vw,8.5rem);min-width:6.5rem;height:min(15vw,8.5rem);min-height:6.5rem;position:relative}.clock-marker{color:var(--qpm-muted);font-size:.65rem;font-weight:700;position:absolute}.marker-12{top:.35rem;left:50%;transform:translate(-50%)}.marker-3{top:50%;right:.35rem;transform:translateY(-50%)}.marker-6{bottom:.35rem;left:50%;transform:translate(-50%)}.marker-9{top:50%;left:.35rem;transform:translateY(-50%)}.clock-hand{background:var(--qpm-text);transform-origin:bottom;border-radius:3px;width:4px;position:absolute;bottom:50%;left:calc(50% - 2px)}.hour-hand{height:25%}.minute-hand{height:36%}.second-hand{background:#d23855;width:2px;height:41%;left:calc(50% - 1px)}.clock-center{background:var(--qpm-purple);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:calc(50% - .275rem);left:calc(50% - .275rem)}.prelaunch-note{color:var(--qpm-muted);margin:var(--space-4) 0 0;font-size:.875rem;line-height:1.5}.prelaunch-footer{border-top:1px solid var(--qpm-border);color:var(--qpm-muted);gap:var(--space-2) var(--space-4);margin-top:var(--space-6);padding-top:var(--space-4);flex-wrap:wrap;justify-content:space-between;font-size:.75rem;display:flex}@media (max-width:680px){.prelaunch-layout{padding:var(--space-4);align-items:start}.prelaunch-card{padding:var(--space-6);border-radius:10px}.clock-grid{grid-template-columns:1fr}.world-clock{text-align:left;grid-template-columns:auto 1fr;display:grid}.clock-face{grid-row:span 2;width:6.5rem;height:6.5rem}.world-clock h2{margin:0 0 var(--space-2);align-self:end}.world-clock time{align-self:start}.prelaunch-footer{align-items:flex-start;gap:var(--space-2);flex-direction:column}}