:root{--text: rgba(33, 33, 33, .92);--muted: rgba(33, 33, 33, .7);--g1: #c9f3ff;--g2: #f3f1ea;--g3: #f2a6b3;--chip: rgba(255,255,255,.45);--chipBorder: rgba(255,255,255,.55)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.page{height:100vh;width:100vw;margin:0;background:linear-gradient(180deg,var(--g1) 0%,var(--g2) 52%,var(--g3) 100%);display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:.85rem 1rem;gap:.45rem}.top{display:flex;flex-direction:column;align-items:center;gap:.38rem;width:100%}.logo{width:min(190px,62vw);height:auto;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(0,0,0,.12))}.title{margin:.05rem 0;font-size:clamp(1.55rem,3.1vw,2.45rem);letter-spacing:-.5px;color:var(--text)}.subtitle{margin:0;max-width:46ch;text-align:center;color:var(--muted);font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.3}.constructionWrap{width:100%;display:grid;place-items:center;position:relative;flex:1;margin-top:-3.3rem}.construccion{width:min(1000px,96vw);max-height:56vh;height:auto;object-fit:contain;filter:drop-shadow(0 18px 35px rgba(0,0,0,.18))}.screenOverlay{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:min(720px,86vw);display:flex;flex-direction:column;align-items:center;gap:.6rem;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.15rem;border-radius:999px;background:#ffffff85;border:1px solid var(--chipBorder);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.badgeStack{flex-direction:column;align-items:center;gap:.35rem}.dotsRow{display:inline-flex;gap:.35rem;align-items:center;justify-content:center;margin-top:.05rem}.badgeText{font-size:1.05rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.dot{width:9px;height:9px;border-radius:999px;background:#2121218c;opacity:.2;animation:blink 1.2s infinite ease-in-out}.dot1{animation-delay:0s}.dot2{animation-delay:.15s}.dot3{animation-delay:.3s}@keyframes blink{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.9;transform:translateY(-2px)}}.gears{display:inline-flex;gap:.45rem;align-items:center;justify-content:center;opacity:.9}.gearsBelow{position:relative;top:-2rem;margin-bottom:.4rem}.gearsInScreen{margin-top:.15rem}.gear{display:inline-block;transform-origin:50% 50%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.12))}.g1{font-size:1.6rem;animation:spin 2.8s linear infinite}.g2{font-size:1.25rem;animation:spinReverse 2.2s linear infinite;margin-top:.12rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.credit{display:inline-flex;flex-wrap:wrap;gap:.35rem;align-items:center;justify-content:center;padding:.52rem .85rem;border-radius:12px;background:#ffffff59;border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.98rem;color:#212121d9}.creditBottom{margin-top:-2.3rem;margin-bottom:.25rem}.sep{opacity:.55;margin:0 .1rem}.creditLink,.secondaryLink{color:#212121eb;text-decoration:none;border-bottom:1px solid rgba(33,33,33,.3);padding-bottom:2px}.creditLink:hover,.secondaryLink:hover{border-bottom-color:#212121cc}@media(max-height:720px){.logo{width:min(170px,58vw)}.construccion{max-height:58vh;width:min(980px,98vw)}.screenOverlay{top:35%;width:min(680px,88vw)}.title{font-size:clamp(1.4rem,3vw,2.2rem)}.subtitle{font-size:.95rem}.credit{font-size:.9rem;padding:.48rem .78rem}.gearsBelow{margin-top:-.8rem}}@media(max-width:480px){.constructionWrap{margin-top:-2.8rem}.construccion{max-height:52vh;transform:translateY(-1.2rem)}.screenOverlay{top:22%;width:min(320px,82vw);gap:.5rem}}@media(max-width:480px){.gearsBelow{position:relative;top:-6.2rem;margin-bottom:.2rem}.creditBottom{position:relative;top:-2.4rem;margin-bottom:.1rem}}