/* Sleek depth polish: tighter soft edges with layered 3D highlights. */
:root {
  --stit-radius-sleek: 10px;
  --stit-depth-control: inset 0 1px 0 rgba(255, 255, 255, 0.9),
    inset 0 -1px 0 rgba(6, 17, 47, 0.05),
    0 1px 2px rgba(6, 17, 47, 0.07),
    0 10px 24px -20px rgba(6, 17, 47, 0.42);
  --stit-depth-control-focus: 0 0 0 3px rgba(76, 194, 255, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(6, 17, 47, 0.05),
    0 10px 24px -18px rgba(35, 72, 255, 0.42);
  --stit-depth-button: 0 12px 26px -18px rgba(35, 72, 255, 0.56),
    0 3px 8px rgba(6, 17, 47, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    inset 0 -1px 0 rgba(6, 17, 47, 0.16);
  --stit-depth-surface: 0 22px 48px -34px rgba(6, 17, 47, 0.45),
    0 3px 10px -7px rgba(6, 17, 47, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

#header a.stit-cta-button,
#header a.stit-portal-button,
.overlay-menu .navigation a.stit-cta-button,
.overlay-menu a.stit-portal-button,
.stit-btn,
.stit-register-card .form-actions button,
.stit-register-card input[type="submit"],
.stit-register-card button[type="submit"] {
  border-radius: var(--stit-radius-sleek) !important;
  box-shadow: var(--stit-depth-button) !important;
}

#header a.stit-cta-button:hover,
#header a.stit-portal-button:hover,
.overlay-menu .navigation a.stit-cta-button:hover,
.overlay-menu a.stit-portal-button:hover,
.stit-btn:hover,
.stit-register-card .form-actions button:hover,
.stit-register-card input[type="submit"]:hover,
.stit-register-card button[type="submit"]:hover {
  box-shadow: 0 16px 34px -18px rgba(124, 92, 255, 0.62),
    0 5px 12px rgba(6, 17, 47, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    inset 0 -1px 0 rgba(6, 17, 47, 0.14) !important;
}

#header a.stit-cta-button:active,
#header a.stit-portal-button:active,
.overlay-menu .navigation a.stit-cta-button:active,
.overlay-menu a.stit-portal-button:active,
.stit-btn:active,
.stit-register-card .form-actions button:active,
.stit-register-card input[type="submit"]:active,
.stit-register-card button[type="submit"]:active {
  transform: translateY(0);
  box-shadow: inset 0 2px 8px rgba(6, 17, 47, 0.22),
    inset 0 1px 1px rgba(0, 0, 0, 0.08),
    0 1px 2px rgba(6, 17, 47, 0.08) !important;
}

.stit-register-card input[type="text"],
.stit-register-card input[type="email"],
.stit-register-card input[type="password"],
.stit-register-card input[type="tel"],
.stit-register-card input[type="url"],
.stit-register-card textarea,
.stit-register-card select {
  border-radius: var(--stit-radius-sleek) !important;
  box-shadow: var(--stit-depth-control);
}

.stit-register-card input[type="text"]:hover,
.stit-register-card input[type="email"]:hover,
.stit-register-card input[type="password"]:hover,
.stit-register-card input[type="tel"]:hover,
.stit-register-card input[type="url"]:hover,
.stit-register-card textarea:hover,
.stit-register-card select:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(6, 17, 47, 0.05),
    0 2px 5px rgba(6, 17, 47, 0.09),
    0 12px 26px -20px rgba(6, 17, 47, 0.46);
}

.stit-register-card input[type="text"]:focus,
.stit-register-card input[type="email"]:focus,
.stit-register-card input[type="password"]:focus,
.stit-register-card input[type="tel"]:focus,
.stit-register-card input[type="url"]:focus,
.stit-register-card textarea:focus,
.stit-register-card select:focus {
  box-shadow: var(--stit-depth-control-focus) !important;
}

.stit-svc-card,
.stit-register-card,
.stit-workshop-banner {
  border-radius: 12px !important;
  box-shadow: var(--stit-depth-surface) !important;
}

.stit-svc-card:hover,
.stit-workshop-banner:hover {
  box-shadow: 0 26px 54px -34px rgba(35, 72, 255, 0.48),
    0 5px 14px -8px rgba(6, 17, 47, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.stit-back-to-top {
  border-radius: var(--stit-radius-sleek);
  box-shadow: var(--stit-depth-button);
}