*{box-sizing:border-box;margin:0}:root{--acento: #a177ff;--acento-glow: rgba(161, 119, 255, .45);--tinta: #f3eefc;--violeta-vivo: #c4a6ff;--violeta-prof: #6b2fd6;--gris: #9a8db8;--gris-tenue: #5f5480;--borde: #33255a;--borde-suave: #241a42;--fondo: #0a0713;--superficie: #150e22;--superficie-2: #1d1530;--superficie-3: #251b3d;--rojo: #ff6b6b;--verde: #6ee7b0;--ambar: #ffb454}body{font-family:Inter,sans-serif;background:var(--fondo);background-image:radial-gradient(ellipse 900px 560px at 14% -6%,rgba(161,119,255,.16),transparent 60%),radial-gradient(ellipse 700px 500px at 92% 8%,rgba(107,47,214,.16),transparent 60%);background-attachment:fixed;color:var(--tinta);line-height:1.5}.font-heading,h1,h2,h3{font-family:JetBrains Mono,ui-monospace,monospace}.cut,.tarjeta,.bloque{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);border-radius:0}.cut-sm,.btn{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0}.cut-xs{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border-radius:0}a{color:var(--violeta-vivo)}.centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde-suave);padding:2rem;width:100%;max-width:420px}.tarjeta h1{font-size:1.25rem;margin-bottom:.25rem}.tarjeta .sub{color:var(--gris);font-size:.9rem;margin-bottom:1.25rem}label{display:block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--violeta-vivo);margin:.85rem 0 .3rem}input,select{width:100%;padding:.55rem .75rem;border:1px solid var(--borde-suave);border-radius:8px;font-size:.95rem;background:var(--superficie-2);color:var(--tinta)}input::placeholder{color:var(--gris-tenue)}input:focus,select:focus{outline:2px solid var(--acento);outline-offset:0;border-color:var(--acento)}button{cursor:pointer;font-size:.95rem;border-radius:8px;border:none}.btn{background:linear-gradient(135deg,var(--acento),var(--violeta-prof));color:#0a0713;font-weight:600;padding:.6rem 1.1rem;width:100%;margin-top:1rem;box-shadow:0 6px 24px -8px var(--acento-glow)}.btn:hover{box-shadow:0 8px 30px -6px var(--acento-glow);filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:wait;box-shadow:none}.btn-sec{background:var(--superficie-3);border:1px solid var(--borde);color:var(--tinta);padding:.45rem .9rem}.btn-sec:hover{border-color:var(--acento)}.btn-borde{background:transparent;border:1px solid var(--borde);color:var(--tinta);padding:.45rem .9rem}.btn-borde:hover{border-color:var(--acento)}.enlace{background:none;color:var(--acento);padding:0;text-decoration:underline;font-size:.85rem}.error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.35);color:var(--rojo);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-top:.75rem}.ok{background:#6ee7b01a;border:1px solid rgba(110,231,176,.35);color:var(--verde);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-top:.75rem}.aviso{background:#ffb4541a;border:1px solid rgba(255,180,84,.35);color:var(--ambar);padding:.6rem .8rem;border-radius:8px;font-size:.85rem;margin-top:.75rem}.panel{max-width:880px;margin:0 auto;padding:1.5rem 1rem 3rem}.cabecera{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--borde-suave);margin-bottom:1.5rem}.cabecera h1{font-size:1.05rem}.cabecera .marca{color:var(--acento);font-weight:700}.pestanas{display:flex;gap:.25rem;margin-bottom:1.25rem;flex-wrap:wrap}.pestanas button{background:none;padding:.5rem .9rem;border-radius:8px;color:var(--gris)}.pestanas button.activa{background:#a177ff24;color:var(--acento);font-weight:600}.bloque{background:var(--superficie);border:1px solid var(--borde-suave);padding:1.25rem;margin-bottom:1rem}.bloque h2{font-size:.95rem;margin-bottom:.5rem}.fila{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-top:1px solid var(--borde-suave);gap:.75rem;flex-wrap:wrap}.fila:first-of-type{border-top:none}.gris{color:var(--gris);font-size:.85rem}.badge{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge.active{background:#6ee7b024;color:var(--verde)}.badge.grace{background:#ffb45424;color:var(--ambar)}.badge.expired,.badge.desactivado{background:#ff6b6b24;color:var(--rojo)}.badge.canceled{background:var(--superficie-3);color:var(--gris)}.precio{font-size:2rem;font-weight:700}.codigo{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;background:var(--superficie-2);border:1px solid var(--borde-suave);color:var(--violeta-vivo);padding:.4rem .6rem;border-radius:6px;word-break:break-all;display:block;margin-top:.35rem}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{padding:.5rem .4rem;text-align:left;border-top:1px solid var(--borde-suave)}th{font-family:JetBrains Mono,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--gris);font-weight:600;font-size:.7rem;border-top:none}