:root{--card-top:40%;--card-left:9%;--card-width:82%;--card-gap:8px}body{color:#000;margin:0;font-family:Arial,Helvetica,sans-serif}.page{background:#a8c4d4;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}.page-inner{align-self:flex-start;width:min(100vw,55.63vh);position:relative}.question-bg{object-fit:contain;width:100%;height:auto;display:block}.card{top:var(--card-top);left:var(--card-left);width:var(--card-width);box-sizing:border-box;background:0 0;padding:4px 8px;position:absolute}.card h2{color:#333;margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.4}.landing-page{background:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-video{object-fit:contain;z-index:0;width:100%;height:100%;position:absolute;inset:0}.landing-content{z-index:1;text-align:center;margin-top:45vh;padding:20px;position:relative}.start-btn{color:#fff;cursor:pointer;background:#60a5fa;border:none;border-radius:10px;width:160px;padding:14px 0;font-size:22px;font-weight:700}.start-btn:hover:not(:disabled){background:#3b82f6}.start-btn:disabled{cursor:not-allowed;background:#bfdbfe}.answer-btn{width:100%;margin-top:var(--card-gap);color:#333;cursor:pointer;text-align:center;background:#ffffffa6;border:1.5px solid #6495b466;border-radius:12px;padding:10px 8px;font-family:Arial,Helvetica,sans-serif;font-size:13px;display:block}.answer-btn:hover{background:#ffffffd9}.download-btn{color:#fff;cursor:pointer;background:#60a5fa;border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-size:16px;font-weight:700;display:block}.download-btn:hover{background:#3b82f6}.result{text-align:center;color:#000;box-sizing:border-box;width:100%;max-width:400px;padding:20px}.result img{object-fit:contain;border-radius:20px;width:100%;max-height:60vh;display:block}