:root{--bg:#080b12;--panel:#111621;--text:#f4f6f8;--muted:#8d96a6;--cyan:#00e7d1;--cyan-dark:#00a99a;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:"Archivo",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.site-header{height:86px;padding:0 clamp(24px,6vw,104px);display:flex;align-items:center;position:absolute;z-index:20;width:100%;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(5,8,13,.86),transparent)}
.brand{display:flex;align-items:center;gap:12px;font-family:"Outfit",sans-serif;font-size:19px;font-weight:800;letter-spacing:3px;line-height:.85}.brand small{display:block;color:var(--cyan);font-size:8px;letter-spacing:5px;margin-top:6px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--cyan);color:#06100f;font-size:25px;font-style:italic;letter-spacing:-3px;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}
nav{display:flex;align-items:stretch;gap:32px;margin-left:auto;height:100%}nav a{display:grid;place-items:center;position:relative;color:#b6bdc9;font-size:11px;font-weight:600;letter-spacing:1.25px;text-transform:uppercase}nav a.active{color:#fff}nav a.active:after{content:"";position:absolute;bottom:-1px;width:100%;height:2px;background:var(--cyan)}nav .store-link{color:var(--cyan)}nav .discord-login{align-self:center;display:flex;height:40px;padding:0 16px;gap:8px;color:#fff;background:#5865f2;border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}nav .discord-login:hover{background:#6d78f5}.menu-button{display:none;margin-left:auto;background:none;border:0}.menu-button span{display:block;background:white;width:24px;height:2px;margin:6px}
.hero{min-height:790px;height:100vh;position:relative;display:flex;align-items:center;padding:120px clamp(24px,8vw,142px) 60px;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 70% 48%,#152330 0,transparent 34%),linear-gradient(110deg,#080b12 22%,#0c121d 60%,#070a10)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,#000,transparent 60%)}
.hero-content{width:min(660px,54vw);position:relative;z-index:3}.server-card{display:inline-flex;align-items:stretch;margin-bottom:43px;background:rgba(15,21,31,.8);border:1px solid rgba(0,231,209,.26);box-shadow:0 14px 50px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.server-state{display:flex;align-items:center;gap:12px;padding:13px 19px;border-right:1px solid var(--line)}.server-state b,.server-state small{display:block}.server-state b{font-size:10px;letter-spacing:1.4px;color:var(--cyan)}.server-state small{font-size:9px;color:var(--muted);margin-top:4px}.pulse{width:21px;height:21px;border:1px solid rgba(0,231,209,.35);display:grid;place-items:center;border-radius:50%}.pulse i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.6s infinite}.offline .pulse i{background:#ff9b5c}.server-address{min-width:225px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 17px;background:transparent;border:0;color:white;text-align:left;cursor:pointer}.server-address small{display:block;color:#717b8c;font-size:8px;letter-spacing:1.5px;margin-bottom:4px}.server-address strong{font-family:"Outfit";font-size:16px;letter-spacing:1px}.copy-icon{color:var(--cyan);font-size:20px}.copy-feedback{display:none;position:absolute;inset:0;background:var(--cyan);color:#06100f;font-weight:800;place-items:center}.server-address.copied .copy-feedback{display:grid}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:3.5px;color:#a7afbd;display:flex;align-items:center;gap:12px;margin-bottom:18px}.eyebrow span{display:block;width:30px;height:2px;background:var(--cyan)}h1,h2{font-family:"Outfit",sans-serif;font-weight:800;line-height:.91;letter-spacing:-3px}h1{font-size:clamp(54px,6.2vw,94px)}h1 em,h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan);filter:drop-shadow(0 0 15px rgba(0,231,209,.13))}.hero-copy{max-width:520px;color:#9ba4b4;font-size:15px;line-height:1.8;margin:26px 0 31px}.hero-actions{display:flex;align-items:center;gap:33px}.primary-button{height:54px;padding:0 25px;background:var(--cyan);border:0;color:#071311;font-size:11px;letter-spacing:1.7px;font-weight:800;cursor:pointer;box-shadow:0 0 32px rgba(0,231,209,.16);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px))}.primary-button:hover{background:#5cfff0}.text-link{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#b9c0cb}.text-link span{color:var(--cyan);margin-left:7px}
.hero-art{position:absolute;z-index:1;right:-2%;top:13%;width:51%;height:72%;filter:drop-shadow(0 35px 50px #000)}.moon{position:absolute;width:420px;height:420px;right:15%;top:2%;border-radius:50%;background:radial-gradient(circle at 36% 32%,#3a5665,#172731 45%,#0d151e 72%);box-shadow:0 0 80px rgba(46,164,172,.13);opacity:.72}.moon:after{content:"";position:absolute;inset:12%;border:1px solid rgba(0,231,209,.1);border-radius:50%}.island{position:absolute;transform:rotate(-8deg);background:linear-gradient(145deg,#52616d 0 7%,#24313b 8% 31%,#111820 32%);clip-path:polygon(12% 10%,80% 0,100% 29%,78% 59%,57% 100%,29% 69%,0 40%)}.island-main{width:72%;height:52%;right:10%;top:26%;box-shadow:inset 0 20px 0 #61766f}.island-back{width:38%;height:27%;right:59%;top:17%;opacity:.36}.crystal{position:absolute;background:linear-gradient(90deg,#00a89c,#69fff2 52%,#087b79);clip-path:polygon(50% 0,100% 78%,67% 100%,25% 92%,0 70%);filter:drop-shadow(0 0 20px rgba(0,231,209,.65))}.crystal-one{width:72px;height:155px;left:45%;top:-33%}.crystal-two{width:48px;height:98px;left:31%;top:-13%;transform:rotate(-13deg)}.crystal-three{width:39px;height:82px;left:60%;top:-6%;transform:rotate(18deg)}.floating-cube{position:absolute;width:20px;height:20px;background:#2c3c44;border:1px solid #536870;transform:rotate(25deg);box-shadow:8px 8px 20px #000}.cube-one{left:12%;top:26%}.cube-two{right:8%;top:19%;width:12px;height:12px}.cube-three{right:20%;bottom:3%;width:31px;height:31px}.spark{position:absolute;color:var(--cyan);text-shadow:0 0 16px var(--cyan)}.spark-one{right:5%;top:36%}.spark-two{left:26%;bottom:7%;font-size:10px}.ambient{position:absolute;border-radius:50%;filter:blur(90px);z-index:-1}.ambient-one{background:#00a99a;width:250px;height:250px;right:15%;top:34%;opacity:.1}.ambient-two{background:#1a6d89;width:300px;height:180px;left:14%;bottom:-10%;opacity:.12}.scroll-hint{position:absolute;right:5%;bottom:38px;font-size:8px;letter-spacing:2px;color:#657080;writing-mode:vertical-rl}.scroll-hint span{display:inline-block;width:1px;height:38px;background:var(--cyan);margin-bottom:10px}
.features{padding:110px clamp(24px,8vw,142px);background:#0b0f17}.section-heading h2{font-size:clamp(39px,4.5vw,66px)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:60px;border:1px solid var(--line)}.feature-grid article{position:relative;background:#0d121b;padding:38px;min-height:285px}.feature-grid article>span{position:absolute;right:24px;top:22px;color:#303947;font-family:"Outfit";font-size:28px}.feature-icon{color:var(--cyan);font-size:25px;margin-bottom:30px}.feature-grid h3{font-family:"Outfit";font-size:24px;margin-bottom:14px}.feature-grid p{color:var(--muted);font-size:13px;line-height:1.75}.feature-grid a{display:inline-block;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:1.5px;margin-top:28px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:45px clamp(24px,8vw,142px);color:#6d7786;font-size:10px}
.account-page{min-height:100vh;padding:150px clamp(20px,8vw,142px) 80px;background:radial-gradient(circle at 75% 25%,rgba(88,101,242,.13),transparent 32%),#080b12}.account-shell{max-width:900px;margin:auto}.profile-card{border:1px solid var(--line);background:rgba(17,22,33,.88);box-shadow:0 30px 80px rgba(0,0,0,.3)}.discord-profile{display:flex;align-items:center;gap:22px;padding:34px;border-bottom:1px solid var(--line)}.discord-profile img,.avatar-placeholder{width:72px;height:72px;border-radius:18px}.discord-profile img{object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:#5865f2;font:800 30px "Outfit"}.discord-profile small,.link-status small{color:#778194;font-size:9px;font-weight:700;letter-spacing:1.8px}.discord-profile h1{font-size:34px;letter-spacing:-1px;margin-top:7px}.link-status{display:flex;align-items:flex-start;gap:22px;margin:34px;padding:28px;border:1px solid rgba(255,174,66,.2);background:rgba(255,174,66,.04)}.link-status>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#ffae42;color:#15100a;font-weight:800}.link-status h2{font-size:28px;letter-spacing:-.5px;margin:8px 0}.link-status p{color:var(--muted);font-size:12px;line-height:1.7}.link-status.linked{border-color:rgba(0,231,209,.24);background:rgba(0,231,209,.04)}.link-status.linked>span{background:var(--cyan)}.account-actions{display:flex;align-items:center;gap:25px;padding:0 34px 34px}.account-actions .primary-button{display:grid;place-items:center}.logout-button{color:#8d96a6;background:none;border:0;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;cursor:pointer}.logout-button:hover{color:#fff}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(0,231,209,0)}}
@media(max-width:1050px){.site-header nav{gap:20px}.site-header nav>a:not(.discord-login){display:none}}
@media(max-width:850px){.site-header{height:72px}.site-header nav{display:none;position:absolute;top:72px;left:0;width:100%;height:auto;padding:25px;background:#0b1018;flex-direction:column;gap:25px}.site-header nav>a:not(.discord-login){display:grid}.site-header nav .discord-login{display:flex}.menu-open nav{display:flex}.menu-button{display:block}.hero{min-height:860px;height:auto;padding-top:120px;align-items:flex-start}.hero-content{width:100%}.hero-art{opacity:.42;width:95%;right:-35%;top:30%}.server-card{width:100%;max-width:465px}.hero-copy{color:#c0c6d0}h1{font-size:clamp(49px,14vw,72px)}.feature-grid{grid-template-columns:1fr}.scroll-hint{display:none}}
@media(max-width:520px){.hero{padding-inline:20px}.server-card{display:flex;flex-direction:column}.server-state{border-right:0;border-bottom:1px solid var(--line)}.server-address{min-width:0}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-art{right:-58%;top:35%;width:130%}.features{padding-inline:20px}footer{align-items:flex-start;flex-direction:column;gap:28px}.discord-profile{padding:24px}.discord-profile h1{font-size:26px}.link-status{margin:20px;padding:20px}.account-actions{padding:0 20px 24px;align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse i{animation:none}}
/* Tienda */
.product-page{min-height:360px;padding:145px clamp(24px,8vw,142px) 70px;background:radial-gradient(circle at 84% 30%,rgba(0,231,209,.14),transparent 25%),linear-gradient(130deg,#080b12,#101c27)}
.product-detail h1{font-size:clamp(48px,5.7vw,82px)}
.currency-selector{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid rgba(0,231,209,.3);background:rgba(8,11,18,.72);box-shadow:0 15px 35px rgba(0,0,0,.18)}.currency-selector label{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.5px}.currency-selector select{max-width:220px;padding:6px 24px 6px 0;border:0;color:var(--text);background:transparent;font:600 11px "Archivo",sans-serif;letter-spacing:.5px;cursor:pointer}.currency-selector select:focus{outline:1px solid var(--cyan)}.currency-selector option{background:#111621;color:#fff}
.store-catalogue{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:55px;padding:145px clamp(24px,8vw,142px) 85px;background:#0b0f17}.store-sidebar{position:sticky;top:30px;padding:22px 0;border-block:1px solid var(--line)}.store-sidebar__title{margin-bottom:16px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.7px}.store-sidebar a{display:block;padding:9px 12px;color:#9ba5b3;font-size:12px;transition:color .2s,background .2s}.store-sidebar a:hover,.store-sidebar a.is-active{color:#071311;background:var(--cyan);font-weight:800}.category-group{padding-top:17px;margin-top:16px;border-top:1px solid var(--line)}.category-group h2{margin:0 0 7px;color:#fff;font:700 16px "Outfit";letter-spacing:.2px}.category-group ul{list-style:none}.category-group p{padding:7px 12px;color:#667180;font-size:11px}.store-section__heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:21px}.store-section__heading .eyebrow{margin-bottom:0}.store-section__heading h2{font-size:clamp(34px,4vw,52px)}.product-count{color:var(--muted);font-size:10px;letter-spacing:1px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid var(--line);background:#101621;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);border-color:rgba(0,231,209,.45);box-shadow:0 22px 45px rgba(0,0,0,.28)}.product-card__image{display:grid;height:205px;place-items:center;background:#17212c;overflow:hidden}.product-card__image img,.product-detail__image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .35s}.product-card:hover img{transform:scale(1.04)}.product-card__body{padding:23px}.product-card__body>p{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.product-card h3{margin:10px 0 21px;font:700 23px "Outfit"}.product-card__body>div{display:flex;align-items:center;justify-content:space-between}.product-card strong,.product-price strong{font:800 22px "Outfit";color:#fff}.card-link{display:grid;place-items:center;width:33px;height:33px;color:#06100f;background:var(--cyan);font-size:19px}.empty-products{padding:35px;border:1px dashed var(--line);color:var(--muted);font-size:13px}
.product-page{min-height:100vh}.back-link{display:inline-block;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:34px}.product-detail{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);max-width:1120px;margin:auto;border:1px solid var(--line);background:#101621;box-shadow:0 30px 70px rgba(0,0,0,.25)}.product-detail__image{min-height:490px;background:#17212c}.product-detail__content{padding:52px}.product-description{color:#b0b8c5;line-height:1.85;margin:24px 0}.product-price{padding:20px 0;margin-bottom:24px;border-block:1px solid var(--line)}.product-price small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}.product-note{margin-top:22px;color:#7f8999;font-size:11px;line-height:1.65}
@media(max-width:850px){.store-catalogue{grid-template-columns:1fr;gap:32px;padding-top:120px}.store-sidebar{position:static;display:flex;flex-wrap:wrap;gap:7px;padding:16px 0}.store-sidebar__title{width:100%;margin-bottom:3px}.store-sidebar__all{align-self:center}.category-group{display:contents}.category-group h2{display:none}.category-group ul{display:contents}.category-group li{display:contents}.category-group a{display:inline-block}.category-group p{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.product-detail__image{min-height:360px}.product-detail__content{padding:35px}}
@media(max-width:520px){.store-hero,.product-page{padding-inline:20px}.currency-selector{width:100%;justify-content:space-between}.currency-selector select{max-width:72%}.store-catalogue{padding-inline:20px}.store-section__heading{align-items:flex-start;flex-direction:column;gap:14px}.product-grid{grid-template-columns:1fr}.product-card__image{height:220px}.product-detail__image{min-height:260px}.product-detail__content{padding:25px}}

/* Autenticacion */
.auth-page{position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:145px clamp(20px,8vw,142px) 90px;background:radial-gradient(circle at 76% 45%,rgba(88,101,242,.17),transparent 30%),linear-gradient(135deg,#080b12 15%,#0d1420 100%)}.auth-page:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 75%,transparent)}.auth-layout{width:min(1050px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:clamp(50px,9vw,140px)}.auth-intro h1{font-size:clamp(52px,6vw,88px)}.auth-intro__copy{max-width:430px;margin:27px 0;color:#9ba4b4;font-size:14px;line-height:1.8}.auth-signal{display:flex;align-items:center;gap:9px;color:#748093;font-size:9px;font-weight:700;letter-spacing:1.3px}.auth-signal i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.auth-signal b{color:#b9c1ce;font-weight:700}.auth-card{position:relative;padding:36px;background:rgba(17,22,33,.92);border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(14px)}.auth-card:before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:2px;background:var(--cyan);box-shadow:0 0 22px rgba(0,231,209,.55)}.auth-card__top{display:flex;align-items:center;gap:15px}.auth-card__top small{display:block;color:#778194;font-size:9px;font-weight:700;letter-spacing:1.8px}.auth-card h1,.auth-card h2{margin-top:7px;font-size:30px;letter-spacing:-1px}.auth-discord-mark{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:15px;color:#fff;background:#5865f2;font-size:22px;box-shadow:0 10px 25px rgba(88,101,242,.28)}.auth-card__description{margin:27px 0;color:#a4adbb;font-size:13px;line-height:1.7}.discord-auth-button{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:0 17px;border:1px solid rgba(255,255,255,.14);color:#fff;background:#5865f2;font:700 11px "Archivo",sans-serif;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.discord-auth-button:hover{background:#6d78f5;transform:translateY(-2px);box-shadow:0 12px 28px rgba(88,101,242,.25)}.discord-auth-button__icon{font-size:19px}.discord-auth-button__arrow{margin-left:auto;font-size:18px}.auth-card__note{margin:18px 0 27px;color:#687385;font-size:10px;line-height:1.6}.auth-back-link{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.auth-card--centered{width:min(430px,100%);margin:auto}.auth-page--compact{padding-top:140px}.auth-orbit{position:absolute;border:1px solid rgba(88,101,242,.2);border-radius:50%;pointer-events:none}.auth-orbit--one{width:520px;height:520px;right:-180px;top:17%;box-shadow:0 0 80px rgba(88,101,242,.08)}.auth-orbit--two{width:280px;height:280px;left:-120px;bottom:8%;border-color:rgba(0,231,209,.13)}
@media(max-width:850px){.auth-page{padding-top:120px}.auth-layout{grid-template-columns:1fr;gap:42px;max-width:570px}.auth-intro h1{font-size:clamp(48px,12vw,72px)}.auth-intro__copy{margin:20px 0}.auth-card{padding:30px}}
@media(max-width:520px){.auth-page{align-items:start;padding:115px 20px 60px}.auth-layout{gap:34px}.auth-card{padding:27px 22px}.auth-card h1,.auth-card h2{font-size:26px}.auth-page--compact{align-items:center;padding-top:100px}.auth-orbit--one{right:-300px}}