@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700;800;900&display=swap");

:root {
  --aq-navy-0: #070f22;
  --aq-navy-1: #0b1730;
  --aq-navy-2: #11214a;
  --aq-line: rgba(120, 170, 255, .18);
  --aq-blue: #3b9dff;
  --aq-blue-2: #1f6fe0;
  --aq-gold: #facc15;
  --aq-text: #eaf2ff;
  --aq-muted: #9fb3d9;
}

body, .ui, .ui.header, .ui.button, .ui.input > input, .ui.form input, .ui.form textarea, .ui.menu, .ui.popup, .ui.modal {
  font-family: "Lexend", "Segoe UI", sans-serif !important;
}

::selection { background: rgba(59, 157, 255, .35); }

* { scrollbar-width: thin; scrollbar-color: rgba(59, 157, 255, .55) transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: rgba(59, 157, 255, .5); border-radius: 9px; }
::-webkit-scrollbar-track { background: transparent; }

.ui.primary.button, .ui.primary.buttons .button, .ui.positive.button {
  background: linear-gradient(135deg, var(--aq-blue) 0%, var(--aq-blue-2) 100%) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 18px rgba(31, 111, 224, .35) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.ui.primary.button:hover, .ui.positive.button:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(31, 111, 224, .45) !important;
}

[class*="_wrapper_45te1_"], [class*="_grid_45te1_"] { background: var(--aq-navy-0) !important; }
[class*="_login_45te1_"] { background: transparent !important; }
[class*="_gridItem_45te1_"]:not([class*="_cover_45te1_"]) {
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(59, 157, 255, .22) 0%, transparent 60%),
    radial-gradient(90% 50% at 100% 100%, rgba(167, 139, 250, .18) 0%, transparent 60%),
    linear-gradient(180deg, var(--aq-navy-1) 0%, var(--aq-navy-0) 100%);
  border-right: 1px solid var(--aq-line);
}
[class*="_logo_45te1_"] { filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .55)); max-height: 150px !important; }
[class*="_formTitle_45te1_"] {
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: 6px !important;
  text-shadow: 0 4px 18px rgba(59, 157, 255, .45);
}
[class*="_formSubtitle_45te1_"] { color: var(--aq-muted) !important; font-weight: 500 !important; }
[class*="_formSubtitle_45te1_"]::after {
  content: "Accesso riservato agli sviluppatori";
  display: block;
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--aq-blue);
  font-weight: 700;
}
[class*="_inputLabel_45te1_"] { color: var(--aq-muted) !important; font-weight: 600; letter-spacing: .3px; }
[class*="_login_45te1_"] .ui.input > input {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid var(--aq-line) !important;
  border-radius: 10px !important;
  color: var(--aq-text) !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
[class*="_login_45te1_"] .ui.input > input:focus {
  border-color: var(--aq-blue) !important;
  box-shadow: 0 0 0 3px rgba(59, 157, 255, .22) !important;
}
[class*="_login_45te1_"] .ui.icon.input > i.icon { color: var(--aq-muted) !important; }
[class*="_poweredBy_45te1_"], [class*="_poweredByText_45te1_"] { color: rgba(159, 179, 217, .55) !important; font-size: 11px !important; }
[class*="_poweredByText_45te1_"] a { color: rgba(159, 179, 217, .75) !important; }
[class*="_coverOverlay_45te1_"] { background: linear-gradient(90deg, rgba(7, 15, 34, .55) 0%, rgba(7, 15, 34, 0) 35%) !important; }

[class*="_wrapper_jdrq3_"] {
  background: linear-gradient(90deg, rgba(7, 15, 34, .92) 0%, rgba(17, 33, 74, .88) 100%) !important;
  border-bottom: 1px solid var(--aq-line);
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
[class*="_logo_jdrq3_"], [class*="_title_jdrq3_"] {
  font-weight: 900 !important;
  letter-spacing: 4px !important;
  color: #fff !important;
}
[class*="_logo_jdrq3_"]::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  vertical-align: -6px;
  background: url("/logo192.png") center / contain no-repeat;
  border-radius: 7px;
}
[class*="_item_jdrq3_"] { color: var(--aq-text) !important; }
[class*="_itemHoverable_jdrq3_"]:hover { background: rgba(59, 157, 255, .16) !important; }

[class*="_wrapper_vr1u9_"] {
  border-radius: 16px !important;
  overflow: hidden;
  border: 1px solid var(--aq-line);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
[class*="_wrapper_vr1u9_"]:hover {
  transform: translateY(-3px);
  border-color: rgba(59, 157, 255, .55);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 0 1px rgba(59, 157, 255, .25);
}
[class*="_title_vr1u9_"] { font-weight: 800 !important; letter-spacing: .3px; }

[class*="_tab_cjxaz_"] { border-radius: 10px 10px 0 0 !important; }
[class*="_tabActive_cjxaz_"] { box-shadow: inset 0 -3px 0 var(--aq-blue) !important; }
[class*="_name_cjxaz_"] { font-weight: 600 !important; }

[class*="_innerWrapper_hsqrn_"] {
  background: rgba(9, 18, 40, .78) !important;
  border: 1px solid var(--aq-line) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
}
[class*="_header_hsqrn_"] { border-radius: 14px 14px 0 0; }
[class*="_headerName_hsqrn_"] {
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: .4px;
}
[class*="_headerIcon_hsqrn_"], [class*="_headerButton_hsqrn_"] { color: var(--aq-muted) !important; }
[class*="_addCardButton_hsqrn_"], [class*="_addCardButton_1utaf_"], [class*="_addCardButton_1bbow_"] {
  color: var(--aq-muted) !important;
  border-radius: 10px !important;
  transition: background .15s ease, color .15s ease;
}
[class*="_addCardButton_hsqrn_"]:hover, [class*="_addCardButton_1utaf_"]:hover, [class*="_addCardButton_1bbow_"]:hover {
  background: rgba(59, 157, 255, .16) !important;
  color: #fff !important;
}
[class*="_addListButton_11uup_"] {
  background: rgba(9, 18, 40, .55) !important;
  border: 1px dashed rgba(120, 170, 255, .35) !important;
  border-radius: 14px !important;
  color: var(--aq-text) !important;
  backdrop-filter: blur(6px);
}
[class*="_addListButton_11uup_"]:hover { background: rgba(59, 157, 255, .2) !important; }

[class*="_wrapper_i28lr_"], [class*="_wrapper_fiqad_"], [class*="_wrapper_12vz3_"] {
  border-radius: 12px !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .28) !important;
  transition: transform .12s ease, box-shadow .12s ease;
}
[class*="_card_18h1r_"]:hover [class*="_wrapper_i28lr_"],
[class*="_card_18h1r_"]:hover [class*="_wrapper_fiqad_"],
[class*="_card_18h1r_"]:hover [class*="_wrapper_12vz3_"] {
  box-shadow: 0 0 0 2px var(--aq-blue), 0 8px 18px rgba(0, 0, 0, .35) !important;
}
[class*="_name_i28lr_"], [class*="_name_fiqad_"], [class*="_name_12vz3_"] { font-weight: 600 !important; }

[class*="_wrapper_1q90a_"] {
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .4px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .18);
}

[class*="_wrapper_rbde9_"] { box-shadow: 0 0 0 2px rgba(255, 255, 255, .85); }

.ui.modal { border-radius: 16px !important; overflow: hidden; }
.ui.popup { border-radius: 12px !important; }