/* Anteprima locale: identità PRO continua, ispirata al ritmo scuro e ai bordi sottili di Rizzo AI Academy. */
:root {
  --ink: #f2f7ff;
  --muted: #b9cbe0;
  --line: #2a486d;
  --pale: #091b37;
}

body { background: #07162e; color: var(--ink); }
.site-header { background: #07142b; border-color: #213655; }
.site-footer { background: #07142b; border-top: 1px solid #213655; }

.hero {
  background: radial-gradient(ellipse 62% 85% at 75% 45%, #153f79 0%, transparent 72%),
              linear-gradient(125deg, #08172e 5%, #0b244a 58%, #08172e 100%);
}
.hero::before {
  background: radial-gradient(ellipse 30% 60% at 36% 92%, rgba(40, 130, 243, .2), transparent 78%);
}
.hero-photo { border: 1px solid #36577d; box-shadow: 0 30px 70px rgba(0, 5, 19, .38); }
.hero-location { color: #ccddf0; }
.hero .period { color: #7fc5ff; }
.hero-links a { border-color: #849fbe; }
.hero-links a:hover { color: #8bcbff; border-color: currentColor; }

.contact-section {
  position: relative;
  overflow: hidden;
  color: var(--ink);
  border-top: 1px solid #28466a;
  background: radial-gradient(ellipse 50% 55% at 100% 0%, rgba(19, 71, 133, .35), transparent 80%),
              #091b37;
}
.contact-section::before {
  content: "";
  position: absolute;
  top: 72px;
  left: max(40px, calc((100vw - 1240px) / 2));
  width: 42px;
  height: 4px;
  border-radius: 5px;
  background: #268dff;
}
.contact-inner { position: relative; }
.contact-section .period { color: #76beff; }
.contact-form-card {
  border-color: #345376;
  background: linear-gradient(145deg, #16365e 0%, #10294d 56%, #102440 100%);
  box-shadow: 0 24px 60px rgba(0, 6, 25, .22);
}
.form-field .input {
  color: #f5f9ff;
  border-color: #426182;
  background: #0a203e;
}
.form-field .input::placeholder { color: #b6c8dd; }
.form-field .input:focus { border-color: #76beff; box-shadow: 0 0 0 3px rgba(85, 166, 255, .23); }
.form-consent { color: #cedcf0; }
.form-consent a, .map-link { color: #94ceff; }
.form-status { color: #ffacac; }
.form-submit, .button {
  color: #fff;
  background: linear-gradient(105deg, #075ebd, #3152c2);
  box-shadow: 0 9px 24px rgba(6, 72, 162, .2);
}
.form-submit:hover, .button:hover { background: linear-gradient(105deg, #006dda, #345aca); }
.contact-method a:hover { color: #94ceff; }
.method-label { color: #a8c2dd; }

@media (max-width: 600px) {
  .contact-section::before { top: 46px; left: 20px; }
}