:root{--bg-0: #07070c;--panel: #12121a;--border: #262633;--text: #e4e4ea;--muted: #82828f;--accent: #22c55e}body[data-zone=principal]{--accent: #22c55e}body[data-zone=intermedia]{--accent: #eab308}body[data-zone=avanzada]{--accent: #a855f7}body[data-zone=master]{--accent: #ef4444}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-0);color:var(--text);font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;position:relative;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 55%),radial-gradient(circle at 20% 80%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--bg-0);transition:background .4s ease}.matrix-rain{position:fixed;inset:0;z-index:1;pointer-events:none;width:100%;height:100%;opacity:.55;transition:opacity .4s ease}.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.crt{position:fixed;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);opacity:.35}.macos-menubar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;border-bottom:1px solid var(--border);background:#0a0a0f99;backdrop-filter:blur(8px);font-size:.75rem}.mb-left,.mb-right{display:flex;align-items:center;gap:1rem}.mb-logo{color:var(--accent)}.mb-app{font-weight:700;letter-spacing:.05em}.mb-item{color:var(--muted);cursor:default}.lang-switcher{display:flex;gap:.5rem}.lang-btn{color:var(--muted);cursor:pointer}.lang-btn.active,.lang-btn:hover{color:var(--accent)}.mb-status-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--accent);margin-right:.3rem;box-shadow:0 0 6px var(--accent)}.mb-clock{color:var(--text);font-variant-numeric:tabular-nums}.shell{position:relative;z-index:4}.main{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem;min-height:calc(100vh - 100px);padding:2.5rem 1.5rem}.hero{max-width:380px}.avatar-wrap{position:relative;width:260px;height:260px;margin-bottom:1.5rem}.avatar-ring{position:absolute;inset:0;border-radius:999px;border:2px solid var(--accent);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 50%,transparent);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.avatar-corners:before,.avatar-corners:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--accent);border-style:solid}.avatar-corners:before{top:-8px;left:-8px;border-width:2px 0 0 2px}.avatar-corners:after{bottom:-8px;right:-8px;border-width:0 2px 2px 0}.avatar{position:absolute;inset:12px;border-radius:999px;background:linear-gradient(135deg,var(--panel),var(--bg-0));border:1px solid var(--border);overflow:hidden}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;opacity:0;transition:opacity .35s ease}.avatar img.is-ready{opacity:1}.hero h1{font-size:1.75rem;margin:0 0 .75rem}.hero h1 span{color:var(--accent)}.hero-sub{color:var(--muted);font-size:.85rem;line-height:1.6}.card{width:100%;max-width:420px}.card-wide{max-width:560px}.card-wide .term{padding:1.5rem 2rem}.win-bar{display:flex;align-items:center;gap:.6rem;background:var(--panel);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;padding:.6rem 1rem}.win-dots{display:flex;gap:6px}.win-dots span{width:11px;height:11px;border-radius:999px;display:inline-block}.win-dots span:nth-child(1){background:#ff5f57}.win-dots span:nth-child(2){background:#febc2e}.win-dots span:nth-child(3){background:#28c840}.win-title{flex:1;text-align:center;font-size:.7rem;letter-spacing:.15em;color:var(--muted)}.term{background:var(--panel);border:1px solid var(--border);border-radius:0 0 10px 10px;padding:1.25rem}.out{font-size:.75rem;color:var(--muted)}.key{color:var(--accent)}:root{--zone-btn-w: 82px;--zone-btn-h: 58px}.zone-grid{display:grid;grid-template-columns:repeat(4,var(--zone-btn-w));gap:.5rem;margin-top:.5rem;justify-content:center}.zone-btn{width:var(--zone-btn-w);height:var(--zone-btn-h);box-sizing:border-box;background:#ffffff05;border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.5rem .3rem;font-family:inherit;font-size:.62rem;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center;line-height:1.15;overflow-wrap:break-word;hyphens:auto;transition:.15s ease}.zone-btn .tier{font-size:.58rem;opacity:.7}.zone-btn:hover{border-color:var(--accent);color:var(--text)}.zone-btn.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 35%,transparent)}.field{margin-top:.9rem}.field-label{display:block;font-size:.7rem;color:var(--muted);margin-bottom:.3rem}.field-input{display:flex;align-items:center;gap:.5rem;background:#0000004d;border:1px solid var(--border);border-radius:6px;padding:0 .75rem}.field-input .prefix{color:var(--accent)}.field-input input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;padding:.65rem 0;font-size:.85rem}.field-input input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 60%,transparent)}.field-input input::placeholder{color:color-mix(in srgb,var(--muted) 60%,transparent)}.field-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;font-size:.7rem}.checkbox{display:flex;align-items:center;gap:.4rem;color:var(--muted)}.link{color:var(--muted);text-decoration:none}.link:hover{color:var(--accent)}.btn{display:block;width:100%;margin-top:1.1rem;background:var(--accent);color:#05050a;border:none;font-family:inherit;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.75rem;border-radius:6px;cursor:pointer;text-align:center;text-decoration:none}.btn:hover{filter:brightness(1.1)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.divider{text-align:center;color:var(--muted);font-size:.65rem;margin:1.25rem 0 .9rem}.socials{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.social{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#ffffff05;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.55rem;cursor:pointer;font-family:inherit;font-size:.75rem}.social:hover{border-color:var(--accent)}.foot-link{text-align:center;font-size:.7rem;color:var(--muted);margin-top:1.25rem}.foot-link a{color:var(--accent);text-decoration:none;margin-left:.3rem}.err-box{font-size:.75rem;color:#f87171;border:1px solid rgba(248,113,113,.4);background:#f8717114;border-radius:6px;padding:.5rem .75rem;margin-top:.75rem}.ok-box{font-size:.8rem;text-align:center;color:var(--accent);padding:1rem 0}.bottombar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--muted)}.bottombar .right{display:flex;gap:1rem}.bottombar b{color:var(--accent)}@media (max-width: 400px){:root{--zone-btn-w: 70px;--zone-btn-h: 54px}.zone-btn{font-size:.56rem;padding:.4rem .2rem}.zone-btn .tier{font-size:.52rem}}@media (max-width: 720px){.main{flex-direction:column;gap:2rem;padding:1.5rem 1rem}.hero{text-align:center}.avatar-wrap{margin:0 auto 1.25rem}}