*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020913}body{user-select:none}.market-scene{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 55% 46%,#073047 0%,#041b30 33%,#020913 78%)}.world{position:absolute;inset:0;background:url("world.svg") center 44%/min(125vw,1900px) auto no-repeat;opacity:.92;filter:drop-shadow(0 0 35px #09384a35);animation:world-drift 40s ease-in-out infinite alternate}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 45%,transparent 24%,#01050e60 85%,#01050eb0 100%),linear-gradient(0deg,#01050e90,transparent 18%,transparent 85%,#01050e70)}@keyframes world-drift{from{transform:scale(1.025) translateX(-.5%)}to{transform:scale(1.05) translateX(.5%)}}@media(orientation:portrait){.world{background-size:auto 76vh;background-position:48% 42%;opacity:.8}}@media(prefers-reduced-motion:reduce){.world{animation:none}}

.learn-contact{position:absolute;z-index:3;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px)}
.learn-label,.learn-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:50px;color:#fff;text-decoration:none;border:1px solid #79e8c64d;box-shadow:0 8px 26px #0005;transition:background .2s,box-shadow .2s,transform .2s}
.learn-label{gap:18px;padding:13px 21px;border-radius:14px;background:#08232cdb;backdrop-filter:blur(12px);font:700 15px/1.2 system-ui,sans-serif;white-space:nowrap;letter-spacing:.1px}.learn-label span{color:#7fe9c7;font-size:20px;font-weight:400}.learn-label:hover{background:#0c3540;border-color:#79e8c6a0;transform:translateY(-2px)}
.learn-whatsapp{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:linear-gradient(135deg,#24cc80,#0b9464);box-shadow:0 6px 25px #0acb7d33}.learn-whatsapp svg{width:29px;height:29px;flex:none}.learn-whatsapp:hover{background:linear-gradient(135deg,#36de94,#10ad78);box-shadow:0 6px 32px #0acb7d55;transform:translateY(-2px)}
.learn-label:focus-visible,.learn-whatsapp:focus-visible{outline:3px solid #a5ffdf;outline-offset:5px}@media(max-width:600px){.learn-contact{bottom:calc(20px + env(safe-area-inset-bottom,0px));gap:10px}.learn-label{font-size:14px;padding:12px 18px;min-height:48px;gap:14px}.learn-whatsapp{width:50px;height:50px;flex-basis:50px}}@media(prefers-reduced-motion:reduce){.learn-label,.learn-whatsapp{transition:none}}

/* Compact learning, WhatsApp and login actions. */
.learn-contact{gap:8px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}.learn-label,.learn-login{min-height:36px;padding:9px 12px;gap:9px;border-radius:10px;font:650 12px/1.2 system-ui,sans-serif}.learn-label span,.learn-login span{font-size:15px}.learn-whatsapp{width:38px;height:38px;min-height:38px;flex-basis:38px}.learn-whatsapp svg{width:23px;height:23px}
.learn-login{display:inline-flex;align-items:center;justify-content:center;color:#c1ecff;text-decoration:none;white-space:nowrap;border:1px solid #66c8f058;background:#072638df;backdrop-filter:blur(12px);box-shadow:0 6px 22px #0004;transition:background .2s,transform .2s}.learn-login:hover{background:#0b3d54;transform:translateY(-2px)}.learn-login:focus-visible{outline:3px solid #a5ffdf;outline-offset:5px}@media(max-width:600px){.learn-contact{gap:7px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.learn-label,.learn-login{min-height:36px;font-size:12px;padding:9px 11px;gap:8px}.learn-whatsapp{width:38px;height:38px;min-height:38px;flex-basis:38px}}@media(prefers-reduced-motion:reduce){.learn-login{transition:none}}

.learn-label,.learn-login{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;letter-spacing:.015em;line-height:1;padding:10px 15px;border-radius:999px;background:#081b26e8;border-color:#9ab8c23d;box-shadow:0 3px 12px #0003}.learn-login{color:#e3eef4}.learn-label:hover,.learn-login:hover{background:#102c3b;border-color:#7ccab775}.learn-contact{gap:10px}@media(max-width:600px){.learn-label,.learn-login{font-size:13px;font-weight:500;padding:10px 14px;min-height:36px}}

.learn-contact[hidden],.learn-contact a[hidden]{display:none!important}
