*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#030917;color:#edf4ff;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.topbar{height:61px;padding:8px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(110deg,#071329,#0d1c45 63%,#21143d);border-bottom:1px solid rgba(187,211,255,.20);box-shadow:0 4px 25px #0005}.brand{display:flex;align-items:center;gap:12px;min-width:0}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(130deg,#1b79a3,#283c79 55%,#7957ac);border:1px solid #8fbfe881;font-weight:900;letter-spacing:0.2px;box-shadow:inset 0 1px 4px #fff4}.name{display:flex;flex-direction:column;min-width:0;gap:2px}.name strong{font-weight:850;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name small{color:#abc3e2;font-size:10px;letter-spacing:.04em}.action,.continue{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;background:#eaf5ff;color:#0a2345;border-radius:10px;font-weight:800;min-height:38px;padding:7px 15px;box-shadow:inset 0 -3px 0 #a5b7d4;white-space:nowrap}.action:focus-visible,.continue:focus-visible,button:focus-visible{outline:3px solid #70bafe;outline-offset:3px}main{position:relative;width:100%;height:calc(100dvh - 61px);min-height:430px;overflow:hidden}iframe{width:100%;height:100%;border:0;background:#fff;color-scheme:light}.corner-help{position:absolute;z-index:2;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:6px 9px;border:1px solid #7386a6bd;box-shadow:0 7px 30px #0009;background:#091831ea;border-radius:12px;font-size:12px;color:#e8f2fe}.dot{width:7px;height:7px;border-radius:50%;background:#ffd56b;box-shadow:0 0 9px #ffcc65}.corner-help button{cursor:pointer;background:transparent;border:0;color:#bed9ff;font:inherit;text-decoration:underline;text-underline-offset:3px;padding:3px}.help-detail{position:absolute;z-index:3;bottom:60px;left:12px;max-width:475px;width:calc(100% - 24px);padding:15px 18px;border-radius:15px;background:linear-gradient(135deg,#0c1a35,#122c4b);border:1px solid #7fb9e0aa;box-shadow:0 15px 48px #000b}.help-detail h2{font-size:17px;margin:0 0 7px}.help-detail p{line-height:1.5;margin:7px 0 10px}.help-detail .note{font-size:11px;color:#afc3de}.continue{margin-top:4px;font-size:13px}@media(max-width:600px){.topbar{height:56px;padding:6px 10px}.logo{width:38px;height:38px}.name strong{font-size:12px}.name small{font-size:9px}.action{font-size:11px;padding:6px 9px;min-height:35px}main{height:calc(100dvh - 56px)}}