*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#f8f7ff;background:#070714;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.hub-page{isolation:isolate;background:radial-gradient(circle at 50% -20%,#8b5cf640,#0000 42%),linear-gradient(145deg,#080815 0%,#0d0b1b 48%,#07121a 100%);min-height:100vh;position:relative;overflow:hidden}.hub-grid{z-index:-2;opacity:.24;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.hub-aurora{z-index:-1;filter:blur(100px);opacity:.22;border-radius:50%;width:48vw;height:48vw;animation:14s ease-in-out infinite alternate hub-drift;position:fixed}.hub-aurora-one{background:#9333ea;top:-24vw;left:-12vw}.hub-aurora-two{background:#06b6d4;animation-delay:-6s;bottom:-28vw;right:-16vw}.hub-notes{z-index:-1;pointer-events:none;position:fixed;inset:0}.hub-notes span{color:#c4b5fd21;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,4.6rem);animation:9s ease-in-out infinite hub-note;position:absolute}.hub-notes span:first-child{top:14%;left:5%}.hub-notes span:nth-child(2){animation-delay:-2s;top:73%;left:18%}.hub-notes span:nth-child(3){animation-delay:-4s;top:7%;left:38%}.hub-notes span:nth-child(4){animation-delay:-6s;top:19%;right:8%}.hub-notes span:nth-child(5){animation-delay:-3s;bottom:7%;right:17%}.hub-notes span:nth-child(6){animation-delay:-7s;bottom:8%;left:2%}.hub-notes span:nth-child(7){animation-delay:-1s;top:61%;right:3%}.hub-notes span:nth-child(8){animation-delay:-5s;bottom:3%;left:57%}.hub-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:clamp(42px,7vh,82px) 0 38px}.hub-heading{text-align:center;max-width:720px;margin:0 auto clamp(30px,5vh,52px);animation:.7s ease-out both hub-rise}.hub-eyebrow{color:#d8ccff;letter-spacing:.15em;text-transform:uppercase;background:#8b5cf614;border:1px solid #c4b5fd42;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:.76rem;font-weight:800;display:inline-flex}.hub-heading h1{letter-spacing:-.055em;color:#0000;background:linear-gradient(110deg,#fff 10%,#d8b4fe 52%,#a5f3fc 94%);-webkit-background-clip:text;background-clip:text;margin:20px 0 10px;font-size:clamp(2.2rem,5.4vw,4.7rem);line-height:.98}.hub-heading p{color:#a7a4ba;margin:0;font-size:clamp(1rem,1.7vw,1.16rem)}.hub-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.hub-card-cifra{grid-column:span 2}.hub-card{--accent:#a855f7;--accent-soft:#a855f72e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(160deg,#ffffff17,#ffffff09);border:1px solid #ffffff1c;border-radius:26px;flex-direction:column;min-width:0;transition:transform .28s,border-color .28s,box-shadow .28s;animation:.8s ease-out .12s both hub-rise;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000052}.hub-card-sj{--accent:#06b6d4;--accent-soft:#06b6d42b;animation-delay:.22s}.hub-card-nereu{--accent:#38bdf8;--accent-soft:#38bdf82b;animation-delay:.28s}.hub-card-hair{--accent:#fbbf24;--accent-soft:#fbbf2429;animation-delay:.34s}.hub-card-waleria{--accent:#f472b6;--accent-soft:#f472b62b;animation-delay:.4s}.hub-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 34px 100px color-mix(in srgb, var(--accent) 18%, #00000073);transform:translateY(-8px)}.hub-card-glow{z-index:-1;opacity:0;background:radial-gradient(circle at 50% 0%, var(--accent-soft), transparent 58%);transition:opacity .28s;position:absolute;inset:-1px}.hub-card:hover .hub-card-glow{opacity:1}.hub-preview{background:#11101f;border-bottom:1px solid #ffffff14;height:clamp(220px,22vw,310px);position:relative;overflow:hidden}.hub-preview iframe{pointer-events:none;transform-origin:0 0;filter:saturate(.88)contrast(1.02);border:0;width:200%;height:200%;transition:filter .3s,transform .5s;transform:scale(.5)}.hub-card:hover .hub-preview iframe{filter:saturate(1.06)contrast(1.04);transform:scale(.515)}.hub-preview-shade{pointer-events:none;background:linear-gradient(#0000 54%,#070714e6 100%);position:absolute;inset:0}.hub-live-badge{z-index:2;color:#eee7ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0a1bbf;border:1px solid #d8b4fe47;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:15px;right:15px}.hub-live-badge i{background:#c084fc;border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite hub-pulse;box-shadow:0 0 0 5px #c084fc21}.hub-live-badge-cyan i{background:#22d3ee;box-shadow:0 0 0 5px #22d3ee21}.hub-live-badge-blue i{background:#38bdf8;box-shadow:0 0 0 5px #38bdf821}.hub-live-badge-gold i{background:#fbbf24;box-shadow:0 0 0 5px #fbbf2421}.hub-live-badge-pink i{background:#f472b6;box-shadow:0 0 0 5px #f472b621}.hub-card-content{grid-template-columns:auto 1fr;align-items:center;gap:17px;padding:24px 24px 18px;display:grid}.hub-product-mark{background:#ffffff14;border:1px solid #ffffff1f;border-radius:19px;flex:none;place-items:center;width:66px;height:66px;display:grid;box-shadow:inset 0 1px #ffffff17,0 13px 32px #0003}.hub-product-mark img{object-fit:contain;border-radius:13px;width:48px;height:48px}.hub-product-mark-sj{color:#67e8f9;letter-spacing:-.06em;background:linear-gradient(145deg,#0891b233,#2563eb24);font-size:1.35rem;font-weight:950}.hub-product-mark-nereu{color:#7dd3fc;background:linear-gradient(145deg,#0e74903d,#2563eb29);font-size:1.6rem;font-weight:950}.hub-product-mark-hair{color:#fde68a;letter-spacing:-.04em;background:linear-gradient(145deg,#d977063b,#78350f29);font-size:1.1rem;font-weight:950}.hub-product-mark-waleria{color:#f9a8d4;letter-spacing:-.04em;background:linear-gradient(145deg,#be185d38,#7e22ce29);font-size:1.1rem;font-weight:950}.hub-card-type{color:color-mix(in srgb, var(--accent) 75%, white);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:.74rem;font-weight:850;display:inline-flex}.hub-card-copy h2{letter-spacing:-.035em;margin:7px 0 6px;font-size:clamp(1.5rem,2.7vw,2.1rem)}.hub-card-copy p{color:#aaa7bb;min-height:44px;margin:0;font-size:.94rem;line-height:1.52}.hub-action{color:#fff;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;margin:0;font-weight:850;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s;display:flex}.hub-card-actions{gap:10px;margin:auto 24px 24px;display:grid}.hub-admin-action{color:#d8ccff;background:#8b5cf612;border:1px solid #d8b4fe33;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:.86rem;font-weight:780;text-decoration:none;transition:transform .22s,border-color .22s,background .22s;display:flex}.hub-admin-action:hover{background:#8b5cf624;border-color:#d8b4fe61;transform:translateY(-2px)}.hub-action:hover{transform:translateY(-2px)}.hub-action-primary{background:linear-gradient(120deg,#7c3aed,#db2777);box-shadow:0 13px 34px #9333ea40}.hub-action-primary:hover{box-shadow:0 17px 42px #9333ea61}.hub-action-secondary{background:linear-gradient(120deg,#0891b247,#2563eb40);border-color:#22d3ee3d;box-shadow:0 13px 34px #06b6d421}.hub-action-secondary:hover{background:linear-gradient(120deg,#0891b26b,#2563eb5c)}.hub-action-nereu{background:linear-gradient(120deg,#0284c761,#2563eb4f);border-color:#38bdf840;box-shadow:0 13px 34px #0ea5e924}.hub-action-nereu:hover{background:linear-gradient(120deg,#0284c78a,#2563eb70)}.hub-action-hair{background:linear-gradient(120deg,#b453096b,#d9770652);border-color:#fbbf2440;box-shadow:0 13px 34px #f59e0b21}.hub-action-hair:hover{background:linear-gradient(120deg,#b4530994,#d9770675)}.hub-action-waleria{background:linear-gradient(120deg,#be185d66,#7e22ce52);border-color:#f472b640;box-shadow:0 13px 34px #ec489921}.hub-action-waleria:hover{background:linear-gradient(120deg,#be185d8f,#7e22ce75)}.hub-footer{color:#716e82;letter-spacing:.08em;text-align:center;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;max-width:620px;margin:34px auto 0;font-size:.76rem;display:grid}.hub-footer span{background:linear-gradient(90deg,#0000,#ffffff1f);height:1px}.hub-footer span:last-child{background:linear-gradient(90deg,#ffffff1f,#0000)}@keyframes hub-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hub-drift{0%{transform:translate(-3%,-2%)scale(.95)}to{transform:translate(5%,4%)scale(1.08)}}@keyframes hub-note{0%,to{opacity:.25;transform:translateY(0)rotate(-7deg)}50%{opacity:.65;transform:translateY(-22px)rotate(7deg)}}@keyframes hub-pulse{0%{box-shadow:0 0 #c084fc52}70%,to{box-shadow:0 0 0 8px #c084fc00}}@media (max-width:1080px){.hub-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.hub-shell{width:min(100% - 22px,620px);padding-top:34px}.hub-options{grid-template-columns:1fr}.hub-card-cifra{grid-column:span 1}.hub-preview{height:250px}.hub-card-content{padding:21px 19px 16px}.hub-action{margin:0}.hub-card-actions{margin:auto 19px 20px}.hub-footer{grid-template-columns:28px auto 28px;justify-content:center}}@media (max-width:430px){.hub-heading h1{font-size:2.45rem}.hub-preview{height:210px}.hub-card-content{grid-template-columns:54px 1fr;gap:13px}.hub-product-mark{border-radius:16px;width:54px;height:54px}.hub-product-mark img{width:40px;height:40px}.hub-card-copy p{min-height:0;font-size:.88rem}.hub-footer{font-size:.66rem}}@media (prefers-reduced-motion:reduce){.hub-page *,.hub-page :before,.hub-page :after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}