:root{--bg:#f5f0f8;--ink:#2a1b3a;--mute:#75698a;--line:#e6deef;--rose:#a8456a;--ok:#2c8a6a;--no:#b4423f;--wait:#c8932f;--idle:#a79fb8;--glass:rgba(255,255,255,.68);--edge:rgba(255,255,255,.95);--gold:linear-gradient(110deg,#b9707c 0%,#f0cdb4 30%,#c98a8f 55%,#f3d9c2 80%,#b9707c 100%);--disp:"Cormorant Garamond",Georgia,serif;--body:"Figtree",system-ui,sans-serif;--lift:0 14px 34px -16px rgba(70,35,100,.38)}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--body);-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background:radial-gradient(40% 40% at 15% 10%,rgba(232,190,212,.75),transparent 70%),radial-gradient(36% 36% at 85% 18%,rgba(200,192,238,.75),transparent 70%),radial-gradient(42% 42% at 70% 92%,rgba(246,214,186,.65),transparent 70%);animation:drift 26s ease-in-out infinite alternate}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--rose);outline-offset:2px}.wrap{max-width:880px;margin:0 auto;padding:36px 16px 90px}.wrap>header,.wrap>.hero,.wrap>.stats,.wrap>.tabs,.wrap>.tools,.wrap>.lista{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.wrap>.hero{animation-delay:.12s}.wrap>.stats{animation-delay:.24s}.wrap>.tabs{animation-delay:.32s}.wrap>.tools{animation-delay:.38s}.wrap>.lista{animation-delay:.42s}header{padding-bottom:18px;position:relative}header:after{content:"";display:block;height:1px;margin-top:18px;background:linear-gradient(90deg,#c98a8f,#c98a8f00 70%)}h1{font:600 clamp(36px,7.5vw,60px)/1 var(--disp);letter-spacing:-.01em;background:linear-gradient(110deg,var(--ink) 40%,#d99a9f 50%,var(--ink) 60%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 3.4s ease-out .5s both}.sub{color:var(--mute);margin-top:10px;font-size:13px}.bad{color:var(--no)}.sub:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:8px;box-shadow:0 0 #2c8a6a99;animation:pulse 2.4s infinite}.hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:210px 1fr;gap:34px;align-items:center;border-radius:28px;padding:30px;margin:6px 0 16px;color:#f4eaf8;background:radial-gradient(120% 140% at 0% 0%,#4a2a63,#2a1740 55%,#1d1030);box-shadow:0 28px 60px -26px #2a1740cc,inset 0 1px #ffffff24}.hero>*{position:relative;z-index:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.8;animation:twinkle 4s ease-in-out infinite alternate;background:radial-gradient(1.6px 1.6px at 12% 22%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 34% 78%,#fff 50%,transparent 52%),radial-gradient(1.8px 1.8px at 58% 14%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 78% 66%,#fff 50%,transparent 52%),radial-gradient(1.6px 1.6px at 92% 24%,#fff 50%,transparent 52%),radial-gradient(1.2px 1.2px at 46% 46%,#fff 50%,transparent 52%)}.hero:after{content:"";position:absolute;width:380px;height:380px;left:-90px;top:-70px;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(217,154,159,.42),transparent 65%);animation:glow 9s ease-in-out infinite alternate}.donut{width:100%;filter:drop-shadow(0 0 18px rgba(217,154,159,.35))}.trk{stroke:#ffffff1f}.arc{transition:stroke-dasharray 1.5s cubic-bezier(.2,.8,.2,1),stroke-dashoffset 1.5s cubic-bezier(.2,.8,.2,1)}.dn{font:600 32px var(--disp);fill:#fff}.dl{font-size:6.5px;fill:#fff9}.big{font:500 26px/1.15 var(--disp);margin-bottom:18px;color:#f1e4f6}.big b{font-size:56px;font-weight:600;background:var(--gold);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen2 6s linear infinite;margin-right:4px}.bars{display:grid;gap:12px}.bl{display:flex;justify-content:space-between;font-size:13px;color:#ffffffad;margin-bottom:4px}.track{height:7px;background:#ffffff1f;border-radius:9px;overflow:hidden}.track i{display:block;height:100%;border-radius:9px;transition:width 1.4s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 12px currentColor}.tot{margin-top:14px;font-size:13px;color:#ffffff8c}.stat,.lista li{position:relative;overflow:hidden;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--edge);box-shadow:0 6px 20px -14px #46236459;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.stat:before,.lista li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(240px circle at var(--x,50%) var(--y,0%),rgba(201,138,143,.22),transparent 65%)}.stat:hover:before,.lista li:hover:before{opacity:1}.stat:hover,.lista li:hover{transform:translateY(-3px);box-shadow:var(--lift)}.stat>*,.lista li>*{position:relative}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}.stat{border-radius:18px;padding:12px 14px 14px;text-align:left;display:flex;flex-direction:column}.stat:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--c);opacity:.75}.stat b{font:600 34px/1 var(--disp)}.stat span{font-size:12px;color:var(--mute);margin-top:2px}.stat.on{box-shadow:0 0 0 2px var(--c),var(--lift)}.tabs{display:flex;gap:6px;margin-bottom:16px}.tabs button{background:none;border:0;padding:8px 6px;margin-right:12px;color:var(--mute);font-weight:600;position:relative}.tabs button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.tabs button.on{color:var(--ink)}.tabs button.on:after{transform:scaleX(1)}.tabs em{font-style:normal;background:var(--rose);color:#fff;border-radius:9px;font-size:11px;padding:1px 7px;margin-left:6px}.tools{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.tools input{flex:1;min-width:180px}input,select,textarea{background:#fffc;border:1px solid var(--line);border-radius:12px;padding:11px 14px;width:100%;transition:border-color .25s,box-shadow .25s}input:focus,select:focus{outline:0;border-color:#c98a8f;box-shadow:0 0 0 4px #c98a8f38}.main{position:relative;overflow:hidden;border:0;border-radius:12px;padding:11px 18px;font-weight:600;color:#fff;background:linear-gradient(120deg,#7f3556,#b05a74 50%,#7f3556);background-size:200% 100%;box-shadow:0 10px 22px -12px #7f3556cc;transition:background-position .6s,transform .25s}.main:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .7s}.main:hover{background-position:100% 0;transform:translateY(-1px)}.main:hover:after{left:130%}.main:disabled{opacity:.5;cursor:default}.ghost{background:#ffffff80;border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .25s}.ghost:hover{border-color:#c98a8f;background:#fff;transform:translateY(-1px)}.lista{list-style:none;padding:0;display:grid;gap:10px}.lista li{display:flex;justify-content:space-between;gap:14px;border-radius:20px;padding:16px 18px 16px 24px;animation:rise .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*45ms)}.lista li:after{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--c);box-shadow:0 0 14px var(--c)}.who{display:flex;flex-direction:column;min-width:0}.who b{font:600 22px/1.15 var(--disp)}.who span{font-size:13px;color:var(--mute)}.who q{margin-top:8px;font:italic 500 16px/1.3 var(--disp);padding-left:12px;border-left:2px solid #d9b9a8;quotes:none}.side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0}.side small{font-size:12px;color:var(--wait);font-weight:600}.row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge{font-size:12px;font-weight:600;padding:3px 11px;border-radius:99px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,white);border:1px solid color-mix(in srgb,var(--c) 30%,white)}.lista .vacio,.vacio{color:var(--mute);text-align:center;display:block;padding:34px;font:italic 500 18px var(--disp)}.veil{position:fixed;top:0;right:0;bottom:0;left:0;background:#20123080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:16px;z-index:5;animation:fade .3s both}.modal{background:#fffffff0;border:1px solid #fff;border-radius:26px;padding:26px;width:min(430px,100%);display:grid;gap:16px;box-shadow:0 40px 80px -30px #201230b3;animation:pop .45s cubic-bezier(.2,1.1,.3,1) both}.modal h3{font:600 26px/1.1 var(--disp)}.modal label{display:grid;gap:5px;font-size:13px;color:var(--mute)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nota{font-size:12px;color:var(--mute)}.acts{display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 20px;border-radius:99px;font-size:14px;z-index:6;box-shadow:var(--lift);animation:toast .5s cubic-bezier(.2,1.1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sheen{0%{background-position:100% 0}to{background-position:0 0}}@keyframes sheen2{0%{background-position:0 0}to{background-position:-220% 0}}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}@keyframes glow{0%{transform:translate(0)}to{transform:translate(120px,90px)}}@keyframes twinkle{0%{opacity:.35}to{opacity:.95}}@keyframes pulse{70%{box-shadow:0 0 0 8px #2c8a6a00}to{box-shadow:0 0 #2c8a6a00}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(10px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px)}}@media (max-width:640px){.hero{grid-template-columns:1fr;justify-items:center;padding:24px 20px}.donut{max-width:190px}.resumen{width:100%}.big b{font-size:46px}.stats{grid-template-columns:1fr 1fr}.stat:first-child{grid-column:1/-1}.lista li{flex-direction:column}.side{align-items:flex-start}.row{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}h1,.big b{color:var(--ink);-webkit-text-fill-color:currentColor}.big b{color:#f0cdb4}}