@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/b0ae3e89a7d3ef2b.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/376427b5322148d8.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/b79a2ea7a38f33fd.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/2a8e7f713ee79fbc.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/3e699ead1876244f.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/6c0346b8d297ebdc.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/3e756954468ff1cb.ttf) format('truetype');
}

/* --- VARIABILE TEMA (DARK / LIGHT) --- */
:root {
  color-scheme: dark;
  --bg: #0a0b0e;
  --panel: #14161b;
  --panel2: #1b1e24;
  --text: #f5f4f1;
  --muted: #9b9da5;
  --line: #ffffff12;
  --orange: #ff6b00;
  --orange2: #ff9d32;
  --green: #56d69b;
  --red: #ff7474;
  --shadow: 0 24px 70px #0008;
  --blur: rgba(20, 22, 27, 0.76);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f5f4f1;
  --panel: #fff;
  --panel2: #f0eeea;
  --text: #18191b;
  --muted: #6d6f75;
  --line: #16191f18;
  --shadow: 0 24px 70px #48351b18;
  --blur: #fffffff0;
}
/* --- ELEMENTE GENERALE --- */
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: radial-gradient(ellipse at 80% -20%, #ff6b0020, transparent 40%), var(--bg);
  color: var(--text);
  font: 15px 'DM Sans', sans-serif;
  min-height: 100vh;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
.container {
  max-width: 1160px;
  margin: auto;
  padding: 28px 24px 80px;
}
/* --- NAVIGARE / HEADER --- */
.nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px max(24px, calc((100vw - 1160px) / 2));
  border-bottom: 1px solid var(--line);
  background: var(--blur);
  backdrop-filter: blur(18px);
}
.brand {
  display: flex;
  gap: 11px;
  align-items: center;
  font: 700 16px 'Space Grotesk';
}
.brand small {
  display: block;
  color: var(--muted);
  font: 600 9px 'DM Sans';
  letter-spacing: 1.5px;
  margin-top: 2px;
}
.brand-logo {
  width: 38px;
  height: 38px;
  object-fit: contain;
  border-radius: 10px;
}
.brand-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(140deg, var(--orange2), #e24700);
  box-shadow: 0 6px 22px #ff6b0045;
  color: #fff;
  font: 700 23px 'Space Grotesk';
}
.nav nav {
  display: flex;
  gap: 22px;
  align-items: center;
  color: var(--muted);
  font-weight: 600;
  font-size: 13px;
}
.nav nav a:hover {
  color: var(--text);
}
.nav-logout {
  border: 1px solid var(--line);
  background: var(--panel2);
  color: var(--text);
  border-radius: 10px;
  padding: 9px 12px;
  cursor: pointer;
}
/* --- BUTOANE --- */
.nav-cta,
.btn {
  border: 0 !important;
  background: linear-gradient(135deg, var(--orange2), var(--orange)) !important;
  color: #fff !important;
  border-radius: 12px;
  padding: 11px 17px !important;
  box-shadow: 0 8px 24px #ff6b0030;
  cursor: pointer;
  transition: 0.2s transform, 0.2s box-shadow;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.btn:hover,
.nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px #ff6b0050;
}
.btn.secondary {
  background: var(--panel2) !important;
  color: var(--text) !important;
  box-shadow: none;
}
.btn.danger {
  background: #712d2d !important;
}
.theme-toggle,
.nav-toggle {
  border: 1px solid var(--line);
  background: var(--panel2);
  color: var(--text);
  border-radius: 10px;
  padding: 9px;
  cursor: pointer;
}
.nav-toggle {
  display: none;
}
/* --- SECȚIUNEA HERO & CARDUL HERO-ART --- */
.hero {
  padding: 74px 0 54px;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 40px;
  align-items: center;
}
.eyebrow {
  color: var(--orange2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.hero h1 {
  font: 700 clamp(40px, 6vw, 72px) / 0.99 'Space Grotesk';
  letter-spacing: -3px;
  margin: 18px 0;
}
.hero h1 em {
  font-style: normal;
  color: var(--orange2);
}
.hero p,
.muted {
  color: var(--muted);
  line-height: 1.7;
}
.hero-art {
  min-height: 290px;
  border-radius: 30px;
  background: linear-gradient(135deg, #371c14, #171619 56%, #34200d);
  border: 1px solid #ffffff18;
  box-shadow: var(--shadow);
  padding: 28px;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}
/* Modifică textul din fundal (content: 'SHOP') sau lasă content: '' dacă nu vrei text deloc */
.hero-art::before {
  content: '';
  font: 700 120px 'Space Grotesk';
  position: absolute;
  right: 18px;
  top: 0;
  color: #ff8c0026;
  letter-spacing: -8px;
}
.hero-art::after {
  content: '';
  position: absolute;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: #ff6b0030;
  filter: blur(48px);
  right: 10%;
  top: 18%;
}
.hero-badge {
  position: relative;
  z-index: 1;
  padding: 18px 20px;
  background: #111a;
  border: 1px solid #ffffff20;
  border-radius: 18px;
  backdrop-filter: blur(12px);
}
/* --- SECȚIUNEA PRODUSE ȘI FILTRE --- */
.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 30px 0 18px;
}
.section-head h2 {
  font: 600 26px 'Space Grotesk';
  margin: 0;
}
.filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.chip {
  padding: 9px 13px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 12px;
}
.chip.active,
.chip:hover {
  background: #ff6b0018;
  color: var(--orange2);
  border-color: #ff6b0050;
}
/* --- GRID PRODUSE & CARDURI --- */
.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}
.card {
  background: linear-gradient(150deg, var(--panel), color-mix(in srgb, var(--panel) 85%, var(--orange) 15%));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 21px;
  box-shadow: 0 12px 36px #00000012;
  transition: 0.22s transform, 0.22s border;
}
.card:hover {
  transform: translateY(-4px);
  border-color: #ff6b0055;
}
.card h3 {
  font: 600 20px 'Space Grotesk';
  margin: 10px 0;
}
.card p {
  color: var(--muted);
  line-height: 1.6;
  min-height: 52px;
}
.tag {
  color: var(--orange2);
  font-size: 11px;
  font-weight: 700;
}
.price {
  font: 700 25px 'Space Grotesk';
}
.card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
}
.badge {
  padding: 6px 9px;
  border-radius: 999px;
  background: #ff6b001a;
  color: var(--orange2);
  font-size: 11px;
}
/* --- PANOURI, FORMULARE ȘI TABELE --- */
.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 24px;
  margin: 14px 0;
}
.page-title {
  font: 700 36px 'Space Grotesk';
  letter-spacing: -1.3px;
  margin: 20px 0;
}
.form {
  max-width: 530px;
}
.field {
  margin: 14px 0;
}
.field label {
  display: block;
  font-size: 12px;
  color: var(--muted);
  font-weight: 700;
  margin-bottom: 7px;
}
.input,
select,
textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--panel2);
  color: var(--text);
  outline: none;
}
.input:focus,
select:focus,
textarea:focus {
  border-color: #ff6b0088;
  box-shadow: 0 0 0 3px #ff6b0017;
}
textarea {
  min-height: 130px;
  resize: vertical;
}
.inline {
  display: flex;
  gap: 12px;
  align-items: center;
}
.inline > * {
  flex: 1;
}
.table-wrap {
  overflow: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}
th,
td {
  text-align: left;
  padding: 13px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
th {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.key {
  font: 600 12px monospace;
  letter-spacing: 0.4px;
  word-break: break-all;
}
/* --- ELEMENTE DIVERSE / TOAST / TIMER --- */
.toast {
  position: fixed;
  z-index: 60;
  top: 82px;
  right: 20px;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel);
  box-shadow: var(--shadow);
  animation: rise 0.3s ease;
}
.toast-error {
  border-color: #ff747466;
  color: var(--red);
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.empty {
  text-align: center;
  padding: 54px 20px;
}
.timer {
  font: 600 13px monospace;
  color: var(--green);
}
.admin-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pill {
  display: inline-block;
  padding: 5px 9px;
  border-radius: 99px;
  background: var(--panel2);
  font-size: 11px;
}
.discount {
  color: var(--green);
  font-size: 12px;
}
.hr {
  border: 0;
  border-top: 1px solid var(--line);
  margin: 22px 0;
}
/* --- RESPONSIVE (MEDIA QUERIES) --- */
@media (max-width: 820px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero {
    grid-template-columns: 1fr;
    padding-top: 48px;
  }
  .hero-art {
    min-height: 210px;
  }
  .nav-toggle {
    display: block;
  }
  .nav nav {
    display: none;
    position: absolute;
    top: 64px;
    left: 0;
    right: 0;
    padding: 20px;
    background: var(--panel);
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    align-items: stretch;
  }
  .nav nav.open {
    display: flex;
  }
  .nav nav a,
  .nav-user {
    text-align: center;
    padding: 8px;
  }
  .footer {
    gap: 12px;
    flex-direction: column;
  }
}
@media (max-width: 560px) {
  .container {
    padding: 20px 16px 55px;
  }
  .grid {
    grid-template-columns: 1fr;
  }
  .hero h1 {
    letter-spacing: -1.8px;
  }
  .panel {
    padding: 17px;
  }
  .section-head {
    align-items: flex-start;
    gap: 14px;
    flex-direction: column;
  }
  .inline {
    flex-direction: column;
    align-items: stretch;
  }
}body{padding-bottom:58px}.container{width:100%}.footer{position:fixed;bottom:0;left:0;right:0;z-index:18;padding:12px 24px;background:var(--bg);border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;gap:5px;justify-content:flex-start;align-items:center;flex-wrap:wrap}.footer a{color:var(--orange2)}
.grid>.card{display:flex;flex-direction:column}.card>p{flex:1}.card-foot{margin-top:auto;padding-top:18px;gap:12px}.card-foot .btn{white-space:nowrap}.product-label{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;line-height:1.45;padding:6px 10px;border-radius:9px;margin:0 0 12px;border:1px solid}.recommended{color:#74dfac;background:#24a86c17;border-color:#34b47a40}.bestseller{color:#ffb74e;background:#e79b2617;border-color:#e79b2640}.development{color:#96baff;background:#5b82e51c;border-color:#7397ef40}.coming-price{color:var(--orange2);font-size:19px;font-weight:700}.btn.download-btn{background:linear-gradient(135deg,#159b78,#126e64)!important;padding:13px 19px!important;font-weight:700;box-shadow:0 5px 20px #159b7828;min-width:180px}
.cart-nav{position:relative;display:flex;align-items:center}.cart-dot{position:absolute;right:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#f34e5d;box-shadow:0 0 0 3px var(--panel)}
.notif-wrapper,.user-dropdown-wrapper{position:relative}.notif-bell,.user-menu-btn{color:var(--text);border:1px solid var(--line);background:var(--panel2);padding:9px 12px;border-radius:10px;cursor:pointer;position:relative}.notif-bell{font-size:21px;line-height:1}.notif-badge{position:absolute;right:-7px;top:-7px;border-radius:50px;background:#dc4454;color:white;padding:3px 5px;font-size:10px}.has-unread{color:var(--orange2)}.notif-dropdown{display:none;position:absolute;top:45px;right:0;width:min(360px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);z-index:90;overflow:hidden}.notif-dropdown.show{display:block}.notif-header,.notif-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.notif-header a{font-size:11px;color:var(--orange2)}.notif-list{max-height:360px;overflow:auto}.notif-item{display:block!important;padding:13px 15px;border-bottom:1px solid var(--line);text-align:left!important}.notif-title,.notif-msg{display:block}.notif-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:5px}.notif-msg{font-size:12px;color:var(--muted);line-height:1.5}.notif-item small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.notif-item.is-unread{background:#ff9d320b;border-left:3px solid var(--orange2)}.notif-item.is-read{border-left:3px solid transparent;opacity:.77}.notif-actions button{border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;padding:0;text-align:left}.notif-actions button:last-child{color:var(--red)}.notif-retention,.notif-empty,#notifError{display:block;padding:12px 15px;font-size:11px;color:var(--muted)}#notifError:empty{display:none}.user-dropdown-menu{display:none;position:absolute;right:0;top:44px;width:195px;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:80}.user-dropdown-wrapper.open .user-dropdown-menu{display:block}.user-dropdown-menu a,.user-dropdown-menu button{display:block;width:100%;padding:11px 12px;text-align:left;font-size:12px;color:var(--text);background:transparent;border:0;cursor:pointer;border-radius:7px}.user-dropdown-menu a:hover,.user-dropdown-menu button:hover{background:var(--panel2)}.checkout-consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0;line-height:1.6;font-size:13px}.checkout-consent input{margin-top:5px;flex:none}.checkout-consent a{color:var(--orange2);text-decoration:underline}.payment-options{display:flex;gap:12px;flex-wrap:wrap}.paypal-btn{background:#1769aa!important}.terms-content{max-width:850px;line-height:1.8;white-space:pre-line}.order-position{max-width:90px}.payment-summary{border-left:3px solid var(--orange2)}
@media(max-width:820px){.notif-dropdown{left:0;right:auto}.footer{padding:10px 16px;flex-direction:row}.nav nav .cart-nav{justify-content:center}.cart-dot{right:calc(50% - 19px)}.card-foot{flex-wrap:wrap}}
.order-status{display:inline-flex;align-items:center;gap:7px;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid;transition:transform .18s,box-shadow .18s}.order-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pending{background:#ff9d3217;border-color:#ff9d3245;color:#ffab4a}.status-paid{background:#2bbe8515;border-color:#2bbe8545;color:#56d69b}.status-cancelled{background:#e5636812;border-color:#e5636840;color:#ee8b91}.order-status:hover{transform:translateY(-1px);box-shadow:0 3px 15px #0002}.status-pending i{animation:orderGlow 2.2s ease-in-out infinite}@keyframes orderGlow{50%{box-shadow:0 0 0 4px #ff9d3215;opacity:.6}}.payment-provider{display:block;font-size:9px;color:var(--muted);letter-spacing:1px;margin:8px 0 0 3px}.order-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:350px}.order-actions .input{flex-basis:100%;font-size:11px}.order-actions .btn{font-size:11px;padding:9px 11px!important}.admin-section-nav{display:flex;gap:5px;flex-wrap:wrap;padding:7px;border-radius:13px;background:var(--panel);border:1px solid var(--line);margin:0 0 25px}.admin-section-nav a{padding:9px 12px;border-radius:8px;font-size:12px;color:var(--muted)}.admin-section-nav a.active,.admin-section-nav a:hover{background:var(--panel2);color:var(--orange2)}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-metric{border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:17px}.admin-metric small{font-size:11px;color:var(--muted)}.admin-metric strong{display:block;font:700 28px 'Space Grotesk';margin-top:12px}.admin-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-shortcut{background:var(--panel2);border:1px solid var(--line);padding:18px;border-radius:13px;transition:border-color .2s,transform .2s}.admin-shortcut:hover{border-color:#ff9d3260;transform:translateY(-2px)}.admin-shortcut strong,.admin-shortcut small{display:block}.admin-shortcut strong{font-size:13px;color:var(--text)}.admin-shortcut small{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}@media(max-width:800px){.admin-dashboard-grid,.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.admin-shortcuts{grid-template-columns:1fr}.admin-metric{padding:15px}.admin-section-nav a{padding:8px;font-size:11px}}@media(prefers-reduced-motion:reduce){.status-pending i{animation:none}.order-status,.admin-shortcut{transition:none}}

.video-consent{margin-top:25px;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16/9;background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.video-consent p{font-size:11px;margin-bottom:0}.video-consent iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-loaded{padding:0}

:root[data-theme="light"] .status-pending{color:#8c4b00}:root[data-theme="light"] .status-paid{color:#176749}:root[data-theme="light"] .status-cancelled{color:#a13342}

/* Job packages, tutorials and account identities · 2026-10-27 */
.asset-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}.asset-sidebar{position:sticky;top:100px}.asset-sidebar h2{font-size:18px}.asset-job{display:block;padding:12px 14px;border:1px solid transparent;border-radius:10px;margin:6px 0;color:var(--text)}.asset-job small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.asset-job:hover,.asset-job.selected{background:var(--panel2);border-color:var(--orange2)}.asset-sidebar details{margin-top:22px}.asset-sidebar summary{cursor:pointer;color:var(--orange2);font-size:13px}.asset-sidebar label,.asset-section label{display:block;margin:15px 0 7px}.asset-section{border-top:1px solid var(--line);padding-top:22px;margin:24px 0}.asset-section h3{font-size:17px;margin-bottom:8px}.asset-section .muted{font-size:13px;line-height:1.7}.asset-video-row{display:flex!important;justify-content:space-between;gap:14px;padding:12px;background:var(--panel2);border-radius:10px;font-size:13px}.asset-toggle{display:flex;gap:13px;align-items:flex-start;margin:18px 0;cursor:pointer}.asset-toggle input{margin-top:4px;width:17px;height:17px;accent-color:var(--orange2)}.asset-toggle small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}.tutorial-open{display:inline-block;margin:6px 0;font-size:11px}.installation-dialog{width:min(930px,calc(100vw - 30px));height:min(820px,calc(100dvh - 50px));padding:0;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 35px 100px #0008;overflow:hidden}.installation-dialog::backdrop{background:#08090cbb;backdrop-filter:blur(5px)}.installation-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px;background:var(--panel2);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.8px;color:var(--orange2)}.installation-toolbar button{border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:24px;width:34px;height:34px;cursor:pointer}.installation-dialog iframe{display:block;width:100%;height:calc(100% - 62px);border:0}.tutorial-body{min-height:100vh;margin:0;background:var(--panel);color:var(--text)}.tutorial-content{max-width:850px;margin:0 auto;padding:30px}.tutorial-content h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:12px 0 15px}.tutorial-instructions{white-space:normal;line-height:1.85;padding:21px;background:var(--panel2);border:1px solid var(--line);border-radius:13px;margin:22px 0;font-size:14px}.tutorial-video{margin:26px 0}.tutorial-video h2{font-size:16px}.tutorial-video video,.tutorial-video iframe{display:block;width:100%;aspect-ratio:16/9;background:#08090b;border:1px solid var(--line);border-radius:12px}.tutorial-video video{max-height:70vh;object-fit:contain}.tutorial-content .eyebrow{font-size:11px;letter-spacing:1px}.identity-name{display:inline-flex;align-items:center;gap:.3em;font-family:inherit;font-size:inherit;line-height:inherit;vertical-align:baseline;white-space:nowrap}.identity-label{position:relative}.identity-jade{color:#43d5ac}.identity-admin{color:#ffba43}.identity-crown{width:1em;height:1em;flex:none;filter:drop-shadow(0 0 5px #ffb63855)}.identity-jade .identity-label,.identity-admin .identity-label{color:transparent;background:linear-gradient(110deg,#39bd96 10%,#b7ffe9 36%,#36ba96 46%,#65edc5 55%,#39bd96 80%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;animation:nameSheen 6s ease-in-out infinite;filter:drop-shadow(0 0 5px #45d5ae25)}.identity-admin .identity-label{background-image:linear-gradient(110deg,#ff9c27 10%,#fff1b0 36%,#ffba3e 46%,#ffe18c 55%,#ff9c27 80%);filter:drop-shadow(0 0 5px #ffb23433)}.identity-jade .identity-label::after,.identity-admin .identity-label::after{content:'✧';position:absolute;right:-.5em;top:-.6em;font-size:.6em;color:#d2fff2;animation:nameSparkle 4s ease-in-out infinite;pointer-events:none}.identity-admin .identity-label::after{color:#fff0b0}.user-menu-btn>.identity-name{margin-right:4px}.nav .notif-bell{width:36px;height:36px;min-width:36px;padding:7px;display:grid;place-items:center;box-sizing:border-box}.nav .notif-bell svg{width:18px;height:18px}.notif-badge{font-size:9px;min-width:15px;height:15px;line-height:15px;padding:0 3px;right:-4px;top:-4px}.discord-widget{position:fixed;bottom:24px;right:24px;z-index:70}.discord-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#211307;padding:12px 18px;border-radius:50px;font-size:13px;font-weight:600;box-shadow:0 7px 24px #ff8a0038;transition:transform .2s,background .2s}.discord-btn:hover{background:linear-gradient(135deg,#ffb85d,#ff8319);color:#211307;transform:translateY(-2px)}.discord-cloud{position:absolute;right:0;bottom:calc(100% + 18px);width:252px;padding:19px 33px 18px 21px;border-radius:20px;background:var(--panel);border:1px solid var(--line);box-shadow:0 15px 45px #0005;animation:cloudEnter .45s ease both}.discord-cloud::after{content:'';position:absolute;bottom:-7px;right:34px;width:13px;height:13px;background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.discord-cloud span,.discord-cloud strong{display:block}.discord-cloud span{font-size:12px;color:var(--muted);margin-bottom:6px}.discord-cloud strong{font-size:16px;color:var(--text)}.discord-cloud button{position:absolute;top:8px;right:10px;color:var(--muted);border:0;background:none;font-size:20px;cursor:pointer}.discord-cloud.leaving{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}.discord-cloud[hidden]{display:none}@keyframes cloudEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes nameSheen{0%,25%{background-position:100% 0}65%,100%{background-position:-100% 0}}@keyframes nameSparkle{0%,50%,100%{opacity:.15;transform:scale(.65)}65%,80%{opacity:1;transform:scale(1)}}@media(max-width:760px){.asset-layout{grid-template-columns:1fr}.asset-sidebar{position:static}.asset-job{display:inline-block;min-width:130px}.tutorial-content{padding:22px 18px}.installation-toolbar{padding:0 15px;font-size:10px}.discord-widget{bottom:16px;right:16px}.discord-text{display:none}.discord-btn{padding:13px}.discord-cloud{width:230px}.asset-video-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){.identity-label,.identity-label::after,.discord-cloud{animation:none!important}.discord-btn{transition:none}}