@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{font-family:'DM Sans',Arial,sans-serif;color:#e9eaf5;background:#08090f;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.22rem}.muted{color:#a3a6ba;line-height:1.65}.eyebrow{color:#b09bfa;font-size:.78rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase;margin-bottom:15px}.container{max-width:1360px;padding:0 32px;margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#0b0c14ed;backdrop-filter:blur(18px);border-bottom:1px solid #292a3c}.header-inner{height:76px;display:flex;align-items:center;gap:30px}.logo{font-size:1rem;letter-spacing:.16em;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:11px}.logo-mark{width:35px;height:35px;border-radius:10px;background:linear-gradient(140deg,#7956db,#38a8f7);display:grid;place-items:center;font-size:1.4rem;letter-spacing:0}.header-nav{display:flex;align-items:center;gap:22px;margin:auto}.header-nav a,.header-right>a{font-size:.83rem;font-weight:700;color:#b9bad0;white-space:nowrap}.header-nav a:hover,.header-nav a.active,.header-right>a:hover{color:white}.header-right{display:flex;align-items:center;gap:13px}.icon-btn{background:#191a28;border:1px solid #303147;color:#e9eaf5;border-radius:10px;width:38px;height:38px;display:grid;place-items:center}.icon-btn:hover{border-color:#916aff}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 19px;font-size:.79rem;letter-spacing:.03em;font-weight:700;text-transform:uppercase;border:1px solid #a17bfa;background:#7956db;color:white;min-height:43px}.primary:hover{background:#916aff;transform:translateY(-1px)}.secondary{background:#202136;border-color:#36374c;color:#e9eaf5}.secondary:hover{background:#2a2940}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.small{padding:9px 12px;min-height:36px;font-size:.7rem}.avatar{background:linear-gradient(145deg,#5642a4,#337ac0);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.72rem}.account{position:relative}.account-toggle{background:none;border:0;color:#f0edfa;display:flex;gap:9px;align-items:center;font-size:.79rem;font-weight:700}.dropdown{position:absolute;top:calc(100% + 14px);right:0;background:#191a28;border:1px solid #37384e;border-radius:12px;min-width:222px;padding:8px;box-shadow:0 20px 50px #0008;z-index:60}.dropdown a,.dropdown button{display:block;width:100%;background:none;border:0;text-align:left;color:#e1dfef;padding:10px 12px;border-radius:7px;font-size:.83rem}.dropdown a:hover,.dropdown button:hover{background:#31294b}.dropdown small{display:block;color:#a6a4bb;padding:9px 12px}.mobile-toggle{display:none}.hero{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:center;background:radial-gradient(ellipse at 76% 46%,#29205e80,transparent 36%),radial-gradient(ellipse at 100% 100%,#13508435,transparent 42%),#0a0b11;border-bottom:1px solid #27283a}.hero::after{content:'';position:absolute;right:-11%;top:8%;width:55vw;height:55vw;max-width:750px;max-height:750px;border:1px solid #7653cf38;border-radius:50%;box-shadow:0 0 0 80px #5d4ba409,0 0 0 170px #387bb009;pointer-events:none}.hero-inner{width:100%;position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;padding-top:95px;padding-bottom:85px}.hero h1 span{display:block}.hero h1 span:nth-child(2){color:#aa8bff}.hero-text{font-size:1.18rem;color:#e2e1f0;max-width:570px;line-height:1.5}.hero-sub{color:#9b9db3;max-width:530px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{height:400px;display:grid;place-items:center;position:relative}.hero-art span{font-family:'Space Grotesk';font-size:clamp(13rem,28vw,25rem);font-weight:700;line-height:1;letter-spacing:-.15em;color:#9c7cf4;text-shadow:0 0 100px #7956db70;filter:drop-shadow(0 0 22px #7956db30)}.hero-art::before{content:'';position:absolute;inset:5% 10%;border:1px solid #9871f361;transform:rotate(-20deg) skew(8deg);border-radius:40% 10% 40% 10%;background:linear-gradient(155deg,#4a36851e,transparent 60%)}.hero-art::after{content:'';position:absolute;bottom:8%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#38a8f7,#916aff,transparent);box-shadow:0 0 28px #5a91ee}.server-indicator,.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid #3b4b46;color:#77dfb9;background:#16312869;border-radius:30px;padding:7px 11px;font-size:.75rem;font-weight:700}.server-indicator .dot{background:#77dfb9;border-radius:50%;height:7px;width:7px}.demo-flag{color:#f1c77c;background:#332a1f;border:1px solid #5c4627}.badge.violet{color:#c8b8ff;background:#29213f;border-color:#453463}.badge.red{color:#ed8b9c;background:#3a202e;border-color:#5d3443}.section{padding:92px 0}.section-alt{background:#0e0f17;border-top:1px solid #222335;border-bottom:1px solid #222335}.section-heading{max-width:790px;margin-bottom:32px}.section-heading p{max-width:640px}.grid{display:grid;gap:17px}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#151620;border:1px solid #292a3c;border-radius:16px;padding:24px;min-width:0}.card.hover{transition:transform .2s,border-color .2s,box-shadow .2s}.card.hover:hover{transform:translateY(-3px);border-color:#625181;box-shadow:0 20px 40px #0003}.card p:last-child{margin-bottom:0}.card-icon{width:42px;height:42px;border-radius:11px;background:#2b2343;color:#b79bff;display:grid;place-items:center;font-size:1.3rem;margin-bottom:25px}.card h3{margin-bottom:9px}.card .muted{font-size:.9rem}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:20px}.text-link{color:#c3afff;font-size:.85rem;font-weight:700}.text-link:hover{text-decoration:underline}.wide-cta{border-radius:20px;background:radial-gradient(circle at 80%,#553b924c,transparent 38%),#191725;border:1px solid #43375d;padding:50px;display:grid;grid-template-columns:1.3fr .7fr;gap:35px;align-items:center}.mini-list{display:grid;gap:12px}.mini-item{border:1px solid #3b3655;border-radius:11px;background:#211c31;padding:16px}.mini-item span{display:block;font-size:.74rem;color:#b29fe5;margin-bottom:5px}.page-top{padding:75px 0 35px;background:radial-gradient(ellipse at 85% 0,#31205b48,transparent 40%),#0b0c14;border-bottom:1px solid #222435}.page-top h1{font-size:clamp(2.5rem,5vw,4.3rem);margin-bottom:15px}.page-top p{max-width:700px}.page-content{padding-top:35px;padding-bottom:100px;min-height:55vh}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:21px}.field{background:#1b1c2b;color:#e9eaf5;border:1px solid #39394e;border-radius:9px;outline:0;padding:12px 13px;min-height:45px;max-width:100%}.field:focus{border-color:#9674ee}.field::placeholder{color:#80849f}.toolbar .search-field{min-width:260px;flex:1}.chip{border:1px solid #3a3a4e;background:#1b1c2b;color:#c0c1d0;border-radius:8px;padding:10px 12px;font-size:.8rem;font-weight:700}.chip.active,.chip:hover{border-color:#8864e6;color:white;background:#34264f}.product-art,.article-art{height:200px;background:radial-gradient(circle at 65% 40%,#6044ad70,transparent 40%),linear-gradient(140deg,#25223b,#141725);border:1px solid #36324b;border-radius:13px;display:grid;place-items:center;margin-bottom:19px;overflow:hidden}.product-art span,.article-art span{font-family:'Space Grotesk';font-size:5rem;font-weight:700;color:#b698ff;filter:drop-shadow(0 0 25px #7d59d566)}.article-art{background:linear-gradient(135deg,#222038,#182434);height:185px}.article-art span{font-size:3rem}.product-card{display:flex;flex-direction:column}.product-card .card-foot{margin-top:auto}.price{font-family:'Space Grotesk';font-size:1.45rem;font-weight:700;color:#f3f1fa}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px}.product-detail .product-art{height:440px;margin:0}.product-detail .product-art span{font-size:11rem}.list{padding-left:20px;color:#c7c8d9;line-height:1.9}.notice{background:#292239;border:1px solid #594771;color:#dfd4fd;padding:15px 18px;border-radius:11px;margin-bottom:22px;font-size:.85rem;line-height:1.55}.notice.warn{background:#322a1e;border-color:#755934;color:#f1d59f}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px;align-items:start}.cart-row{display:grid;grid-template-columns:70px 1fr auto auto;gap:15px;align-items:center;border-bottom:1px solid #2b2c3e;padding:15px 0}.cart-row:first-child{padding-top:0}.cart-row:last-child{border:0}.cart-mini{height:63px;border-radius:9px;background:#2b2344;color:#b49cff;display:grid;place-items:center;font-size:1.6rem}.totals{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #333449;gap:10px}.totals:last-child{border:0}.totals.big{font-size:1.2rem;font-weight:700}.quantity{width:68px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;text-align:left;font-size:.84rem}.table th{color:#aaaac0;text-transform:uppercase;letter-spacing:.07em;font-size:.7rem;border-bottom:1px solid #39394d;padding:14px 10px;white-space:nowrap}.table td{padding:16px 10px;border-bottom:1px solid #2c2d3d}.table tr:last-child td{border-bottom:0}.details{border-bottom:1px solid #343548;padding:4px 0}.details:last-child{border:0}.details summary{list-style:none;cursor:pointer;padding:17px 0;font-weight:700;display:flex;justify-content:space-between}.details summary::-webkit-details-marker{display:none}.details summary::after{content:'+';color:#ab8bff}.details[open] summary::after{content:'−'}.details p{color:#aeb1c4;line-height:1.65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;color:#c7c5db;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:125px;resize:vertical}.empty{text-align:center;color:#a8a9bf;padding:45px 20px}.status-line{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #303044}.status-line:last-child{border:0}.status-line strong{display:block}.status-line small{color:#a1a4b9}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.profile-field span{display:block;color:#9296af;font-size:.79rem;margin-bottom:5px}.profile-field strong{font-size:.95rem}.footer{background:#0e0f17;border-top:1px solid #292a3b;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.footer h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 20px}.footer a{display:block;color:#a0a3b9;font-size:.84rem;margin:0 0 12px}.footer a:hover{color:#d7cbff}.footer-bottom{border-top:1px solid #2b2c3b;padding-top:22px;margin-top:40px;display:flex;justify-content:space-between;gap:15px;color:#9295ab;font-size:.76rem;flex-wrap:wrap}.toast{position:fixed;right:24px;bottom:24px;z-index:100;background:#29213f;border:1px solid #9b7ce4;color:#fff;padding:14px 18px;border-radius:10px;box-shadow:0 16px 45px #0008;max-width:350px}.search-panel{position:absolute;right:30px;top:72px;width:min(480px,calc(100vw - 40px));background:#171824;border:1px solid #37394f;border-radius:12px;padding:18px;box-shadow:0 30px 70px #000a}.search-result{display:block;padding:11px;border-radius:7px;color:#cccadd;font-size:.85rem}.search-result:hover{background:#302842}.legal-layout{display:grid;grid-template-columns:220px 1fr;gap:25px}.legal-nav{position:sticky;top:110px;align-self:start;display:grid;gap:6px}.legal-nav a{font-size:.83rem;color:#aaaac0;padding:8px;border-radius:8px}.legal-nav a:hover{background:#29233e;color:white}.legal-section{scroll-margin-top:95px;border-bottom:1px solid #333447;padding:20px 0}.legal-section:first-child{padding-top:0}.legal-section:last-child{border:0}@media(max-width:1160px){.header-nav{gap:12px}.header-inner{gap:15px}.header-right{gap:7px}.header-nav a{font-size:.77rem}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.mobile-toggle{display:grid}.header-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#11121d;border-bottom:1px solid #343548;padding:20px 28px;flex-direction:column;align-items:stretch;box-shadow:0 20px 35px #0009}.header-nav.open{display:flex}.header-nav a{padding:9px 0}.header-right>a.discord-link{display:none}.hero-inner{grid-template-columns:1fr .5fr}.hero-art{height:270px}.grid3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.container{padding-left:18px;padding-right:18px}.header-inner{height:66px;gap:10px}.header-nav{top:66px}.logo{font-size:.78rem;letter-spacing:.11em}.logo-mark{width:31px;height:31px}.header-right{margin-left:auto}.header-right .pro-button,.header-right .account-name,.header-right .search-hide{display:none}.account-toggle{padding:0}.hero{min-height:0}.hero-inner{display:block;padding-top:75px;padding-bottom:75px}.hero-art{display:none}.hero h1{font-size:clamp(3rem,11vw,4.5rem)}.hero-text{font-size:1.05rem}.section{padding:65px 0}.grid3,.grid4,.grid2,.wide-cta,.split,.product-detail,.footer-grid,.legal-layout{grid-template-columns:1fr}.wide-cta{padding:27px}.product-detail .product-art{height:260px}.product-detail .product-art span{font-size:7rem}.page-top{padding:55px 0 25px}.page-content{padding-top:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cart-row{grid-template-columns:55px 1fr auto}.cart-row .cart-remove{grid-column:2/-1;justify-self:end}.cart-mini{height:55px}.legal-nav{position:static;display:flex;overflow:auto}.legal-nav a{white-space:nowrap}.footer-bottom{display:block}.actions .primary,.actions .secondary{width:100%}.search-panel{right:10px;top:63px}.header-right .primary.small{padding:8px}.header-right .icon-btn{width:34px;height:34px}}
.professional-card{display:flex;flex-direction:column;min-height:245px;background:linear-gradient(145deg,#1c1c28,#151620 70%)}.professional-card-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.professional-card-head h3{margin:3px 0 0}.professional-card-head .eyebrow{font-size:.68rem;margin:0}.professional-card .muted{margin-bottom:10px}.professional-card .card-foot{margin-top:auto}.professional-logo{height:55px;width:55px;flex:none;border-radius:12px;object-fit:cover;border:1px solid #514359}.crossline-logo{display:grid;place-items:center;background:linear-gradient(140deg,#7956db,#38a8f7);font-family:'Space Grotesk';font-weight:700;font-size:2rem;color:#fff}.professional-note{font-size:.76rem!important}
.official-shop-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 31px;margin-bottom:23px;border:1px solid #64508f;border-radius:17px;background:radial-gradient(circle at 84% 35%,#51377b75,transparent 42%),linear-gradient(120deg,#201a31,#171923)}.official-shop-cta h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:0 0 8px}.official-shop-cta h3{font-size:1.4rem;margin:0 0 8px}.official-shop-cta p{margin:0;max-width:630px}.official-shop-cta .eyebrow{display:block;margin-bottom:9px}.official-shop-cta .primary{flex:none;text-align:center}@media(max-width:650px){.official-shop-cta{padding:22px;align-items:stretch;flex-direction:column}.official-shop-cta .primary{width:100%}}

/* CrosslineRP integrations conservées sur le site réel */
.logo-mark{
  width:35px;
  height:35px;
  display:block;
  object-fit:contain;
  border-radius:0;
  background:none;
  filter:drop-shadow(0 8px 18px #7956db55);
}
.hero-art img{
  width:min(75%,360px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 55px #7956db88) drop-shadow(0 16px 28px #0008);
  position:relative;
  z-index:2;
}
.server-indicator.loading{
  color:#c9cbd8;
  border-color:#3b3d4c;
  background:#181a2369;
}
.server-indicator.loading .dot{
  background:#8d92a6;
  box-shadow:0 0 0 0 rgba(141,146,166,.45);
  animation:serverPulse 1.4s infinite;
}
.server-indicator.online{
  color:#77dfb9;
  border-color:#3b4b46;
  background:#16312869;
}
.server-indicator.online .dot{
  background:#4ef0b5;
  box-shadow:0 0 10px rgba(78,240,181,.65);
}
.server-indicator.offline{
  color:#f29aa8;
  border-color:#633845;
  background:#351c2769;
}
.server-indicator.offline .dot{
  background:#ef6f86;
  box-shadow:0 0 10px rgba(239,111,134,.48);
}
@keyframes serverPulse{
  0%,100%{opacity:.45;transform:scale(.82)}
  50%{opacity:1;transform:scale(1)}
}

/* ============================================================
   CROSSLINERP — MAIN PROFILE RECOVERY SECURITY
   ============================================================ */
.profile-security-card{
  margin-top:22px;
}
.profile-security-card>h2{
  margin:6px 0 8px;
}
.recovery-loading{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  color:var(--muted,#9ea6c8);
  font-size:.82rem;
}
.recovery-overview{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:22px;
}
.recovery-overview-item{
  min-height:108px;
  padding:16px;
  border:1px solid rgba(126,104,255,.22);
  border-radius:14px;
  background:rgba(16,20,45,.54);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:13px;
}
.recovery-overview-item>div{
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:9px;
}
.recovery-overview-item strong{
  display:block;
  font-size:.9rem;
}
.recovery-overview-item small{
  grid-column:2;
  display:block;
  color:var(--muted,#9ea6c8);
  font-size:.7rem;
  line-height:1.35;
}
.recovery-method-icon{
  grid-row:1 / span 2;
  width:32px;
  height:32px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:rgba(112,75,255,.15);
  font-size:1rem;
}
.recovery-state{
  width:max-content;
  padding:5px 8px;
  border-radius:999px;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.06em;
}
.recovery-state.ready{
  color:#63e6b2;
  background:rgba(30,186,124,.12);
  border:1px solid rgba(54,214,150,.25);
}
.recovery-state.off{
  color:#9299ba;
  background:rgba(121,127,159,.08);
  border:1px solid rgba(121,127,159,.18);
}
.recovery-state.warn{
  color:#ffd06c;
  background:rgba(210,151,39,.10);
  border:1px solid rgba(235,176,63,.22);
}
.recovery-backup-main{
  border-color:rgba(132,83,255,.38);
  box-shadow:inset 0 0 28px rgba(91,49,209,.06);
}
.recovery-backup-manager{
  margin-top:14px;
  padding:18px;
  border:1px solid rgba(126,104,255,.22);
  border-radius:14px;
  background:rgba(11,14,34,.42);
}
.recovery-backup-copy h3{
  margin:0 0 6px;
}
.recovery-backup-copy p{
  margin:0;
  line-height:1.55;
}
.recovery-password-row{
  margin-top:16px;
  display:flex;
  gap:9px;
  align-items:center;
  flex-wrap:wrap;
}
.recovery-password-row .field{
  flex:1 1 240px;
  min-width:220px;
}
.recovery-security-help{
  margin:10px 0 0;
  color:#737c9f;
  font-size:.69rem;
}
.recovery-codes-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(3,5,16,.86);
  backdrop-filter:blur(12px);
}
.recovery-codes-modal{
  width:min(680px,100%);
  max-height:calc(100vh - 44px);
  overflow:auto;
  padding:28px;
  border:1px solid #754cff;
  border-radius:20px;
  background:linear-gradient(145deg,#171936,#0d1027);
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 50px rgba(93,50,255,.13);
}
.recovery-codes-modal h2{
  margin:7px 0 8px;
}
.recovery-modal-grid{
  margin:20px 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.recovery-modal-grid>div{
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border:1px solid rgba(125,91,255,.28);
  border-radius:11px;
  background:#0b0f25;
}
.recovery-modal-grid span{
  color:#6f789c;
  font-size:.7rem;
}
.recovery-modal-grid code{
  color:#fff;
  font-size:.94rem;
  font-weight:800;
  letter-spacing:.08em;
}
.recovery-modal-warning{
  margin-bottom:18px;
}
@media(max-width:850px){
  .recovery-overview{
    grid-template-columns:1fr;
  }
}
@media(max-width:600px){
  .recovery-modal-grid{
    grid-template-columns:1fr;
  }
  .recovery-password-row{
    align-items:stretch;
  }
  .recovery-password-row .primary,
  .recovery-password-row .secondary{
    width:100%;
  }
}

.profile-subscription-card{
  margin-top:20px;
  position:relative;
  overflow:hidden;
  border-color:rgba(163,97,237,.34);
  background:
    radial-gradient(circle at 90% 0%,rgba(163,97,237,.14),transparent 34%),
    var(--panel,#11131d);
}
.profile-subscription-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(#c77dff,#7a4dff);
}
.profile-subscription-card h2{margin:8px 0 6px}
.profile-subscription-live,.profile-subscription-empty{margin-top:20px}
.subscription-live-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.subscription-live-head h3{
  margin:8px 0 0;
  font-size:1.55rem;
}
.subscription-crown{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(193,126,255,.35);
  border-radius:14px;
  background:rgba(155,82,238,.12);
  color:#d6a7ff;
  font-size:1.25rem;
}
.subscription-state{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.08em;
}
.subscription-state span{
  width:7px;
  height:7px;
  border-radius:50%;
}
.subscription-state.on{
  color:#72e6ad;
  background:rgba(35,184,122,.10);
  border:1px solid rgba(70,221,157,.22);
}
.subscription-state.on span{
  background:#64e3a7;
  box-shadow:0 0 12px rgba(100,227,167,.65);
}
.subscription-state.off{
  color:#a4a9bf;
  background:rgba(118,124,151,.08);
  border:1px solid rgba(118,124,151,.18);
}
.subscription-state.off span{background:#7f859e}
.subscription-meta-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.subscription-meta-grid>div{
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:12px;
  background:rgba(8,10,24,.35);
}
.subscription-meta-grid span{
  display:block;
  margin-bottom:5px;
  color:#7d85a3;
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.subscription-meta-grid strong{font-size:.88rem}
.subscription-cancel-note{margin-top:14px}
@media(max-width:650px){
  .subscription-meta-grid{grid-template-columns:1fr}
  .profile-subscription-card .actions{align-items:stretch}
  .profile-subscription-card .actions .primary,
  .profile-subscription-card .actions .secondary{width:100%}
}

.profile-shop-benefits{
  margin-top:22px;
}
.profile-shop-heading{
  margin-bottom:16px;
}
.profile-shop-heading h2{
  margin:7px 0 6px;
}
.profile-shop-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.profile-shop-grid>.card{
  margin:0;
}
.profile-subscription-card{
  grid-column:1 / -1;
}
.profile-promo-card,
.profile-creator-card{
  min-height:100%;
}
.shop-benefit-empty{
  margin-top:18px;
}
.shop-rules{
  margin:16px 0 0;
  padding-left:18px;
  color:#8f96b4;
  font-size:.78rem;
  line-height:1.7;
}

.promo-wallet{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.promo-ticket{
  padding:16px;
  border:1px solid rgba(147,109,255,.22);
  border-radius:14px;
  background:rgba(9,12,30,.48);
}
.promo-ticket.available{
  border-color:rgba(89,220,154,.27);
}
.promo-ticket.expired,
.promo-ticket.used,
.promo-ticket.revoked{
  opacity:.68;
}
.promo-ticket-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.promo-ticket-top small{
  display:block;
  color:#7f86a5;
  font-size:.67rem;
}
.promo-ticket-top strong{
  display:block;
  margin-top:3px;
}

.promo-status{
  padding:5px 8px;
  border-radius:999px;
  background:rgba(138,93,255,.12);
  color:#c9adff;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.06em;
}
.promo-ticket code{
  display:block;
  margin:16px 0;
  padding:12px 14px;
  border:1px dashed rgba(188,147,255,.32);
  border-radius:10px;
  background:#090c20;
  color:#fff;
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:.09em;
}
.promo-ticket-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  font-size:.72rem;
}
.promo-ticket-meta span{
  color:#777f9d;
}
.promo-ticket p{
  margin:12px 0 0;
  color:#8d94af;
  font-size:.72rem;
  line-height:1.55;
}

.creator-conditions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin:18px 0;
}
.creator-conditions>div{
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(8,10,24,.35);
}
.creator-conditions>div.ready{
  border-color:rgba(81,211,151,.20);
}
.creator-conditions>div.missing{
  border-color:rgba(255,107,130,.20);
}
.creator-conditions>div>span{
  font-size:1rem;
}
.creator-conditions strong,
.creator-conditions small{
  display:block;
}
.creator-conditions strong{
  font-size:.77rem;
}
.creator-conditions small{
  margin-top:2px;
  color:#7c839f;
  font-size:.64rem;
}

.creator-form{
  margin-top:18px;
}
.creator-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.creator-form-grid .full{
  grid-column:1 / -1;
}
.creator-form-grid label>span{
  display:block;
  margin-bottom:7px;
  font-size:.7rem;
  font-weight:700;
  color:#c9cde0;
}
.creator-form-grid label>span small{
  color:#737b99;
  font-weight:500;
}
.creator-textarea{
  min-height:100px;
  resize:vertical;
}
.creator-accept{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin:14px 0;
  color:#8f96b0;
  font-size:.72rem;
  line-height:1.5;
}
.creator-accept input{
  margin-top:2px;
}

.creator-form-message{
  min-height:18px;
  margin:0 0 10px;
  font-size:.72rem;
}
.creator-form-message[data-kind="error"]{
  color:#ff93a3;
}
.creator-review-note{
  margin-top:14px;
}
.creator-code-live{
  margin:18px 0;
  padding:16px;
  border:1px solid rgba(171,111,255,.26);
  border-radius:13px;
  background:rgba(11,13,31,.45);
}
.creator-code-live span{
  display:block;
  color:#7f86a2;
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.creator-code-live code{
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:1.35rem;
  font-weight:900;
  letter-spacing:.08em;
}
.creator-request-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#7f86a2;
  font-size:.72rem;
}
.creator-request-meta strong{
  color:#fff;
}

.subscription-state.scheduled{
  color:#ffd17b;
  background:rgba(225,168,61,.10);
  border:1px solid rgba(225,168,61,.22);
}
.subscription-state.scheduled span{
  background:#e4b052;
  box-shadow:0 0 12px rgba(228,176,82,.55);
}
@media(max-width:900px){
  .profile-shop-grid{
    grid-template-columns:1fr;
  }
  .profile-subscription-card{
    grid-column:auto;
  }
}
@media(max-width:620px){
  .creator-conditions,
  .creator-form-grid{
    grid-template-columns:1fr;
  }
  .creator-form-grid .full{
    grid-column:auto;
  }
}

.promo-opportunities{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.promo-opportunities-title{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:end;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
}
.promo-opportunities-title strong{
  color:#c9b5ef;
  font-size:.7rem;
  letter-spacing:.08em;
}
.promo-opportunities-title span{
  color:#737b99;
  font-size:.65rem;
}
.promo-opportunity{
  padding:14px;
  border:1px solid rgba(139,96,235,.18);
  border-radius:12px;
  background:rgba(10,12,29,.34);
}

.promo-opportunity-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.promo-opportunity-head small,
.promo-opportunity-head strong{
  display:block;
}
.promo-opportunity-head small{
  color:#7b829f;
  font-size:.65rem;
}
.promo-opportunity-head strong{
  margin-top:3px;
}
.promo-condition-progress{
  display:grid;
  gap:7px;
  margin-top:13px;
}
.promo-condition-progress>div{
  display:flex;
  gap:8px;
  align-items:center;
  color:#8f96b0;
  font-size:.7rem;
}
.promo-condition-progress>div.done{
  color:#82ddb0;
}
.promo-condition-progress>div>span{
  width:18px;
  text-align:center;
  font-weight:900;
}
.promo-opportunity>p{
  margin:12px 0 0;
  color:#777f9a;
  font-size:.69rem;
  line-height:1.5;
}

.creator-stat-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:14px 0;
}
.creator-stat-grid>div{
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:11px;
  background:rgba(8,10,24,.35);
}
.creator-stat-grid span,
.creator-stat-grid strong{
  display:block;
}
.creator-stat-grid span{
  color:#7c839f;
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.creator-stat-grid strong{
  margin-top:4px;
  font-size:.86rem;
}
.creator-wallet-note{
  margin-top:10px!important;
  font-size:.72rem;
}
@media(max-width:620px){
  .creator-stat-grid{grid-template-columns:1fr}
}