/* Final red-first color layer: crimson is the brand signal, while dark
   neutral surfaces keep the interface readable and technical. */
:root{
  --ink:#0b0507;
  --panel:#190b10;
  --panel-2:#260e16;
  --line:rgba(255,111,126,.24);
  --text:#fff7f8;
  --muted:#c1a9ae;
  --blue:#ff6675;
  --red:#e6212f;
  --red-deep:#810b16;
}

body{background:var(--ink)}
.page-noise{background:radial-gradient(780px circle at 84% 8%,#e6212f4d,transparent 57%),radial-gradient(620px circle at 8% 76%,#aa0e2035,transparent 52%),linear-gradient(120deg,#0b0507,#17080d 52%,#080405)}
.page-noise::before{background:linear-gradient(90deg,transparent,#e6212f0b 48%,#ff7a8509 56%,transparent)}
.site-header{background:#0b0507eb;border-bottom-color:#ff737e3d}
.brand em,.nav-shell nav a:hover,.account-link:hover,.mail-hint,.footer-inner a{color:#ff8792}
.account-link{border-color:#ff7a8648}
.kicker i,.tag::before{background:linear-gradient(90deg,#e6212f,#ff9ca5)}
.skip-link{background:#ff5a68;color:#21060a}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#ff7480}

.hero::before{background:radial-gradient(circle,#e6212f22 0 1%,#e6212f0d 35%,transparent 70%)}
.hero-panel{background:linear-gradient(145deg,#290d15,#10070a);border-color:#ff6d785e}
.hero-panel::before{background:linear-gradient(120deg,transparent 42%,#ff5b6818 50%,transparent 58%)}
.hero-panel::after{background:linear-gradient(180deg,#ffffff08,transparent 18%,transparent 78%,#e6212f0d)}
.ring{border-color:#ff64705c}
.ring::after{background:#ff7a86;box-shadow:0 0 12px #ff6572}
.panel-grid{background-image:linear-gradient(#ff55611e 1px,transparent 1px),linear-gradient(90deg,#ff55611e 1px,transparent 1px)!important}
.hero-panel dl div::after{background:linear-gradient(90deg,#ff6773,transparent);box-shadow:0 0 8px #ff6170b0}
.site-header::after{background:linear-gradient(90deg,transparent 10%,#ff6c7770 44%,#e6212f78 56%,transparent 90%)}
.ambient-leds::before{background:linear-gradient(90deg,transparent,#e6212f0a 42%,#ff7a850c 58%,transparent)}
.ambient-leds span{background:linear-gradient(180deg,transparent 0%,#ff7380 18%,#ff738000 30%,#e6212f 55%,#e6212f00 72%,transparent 100%);box-shadow:0 0 12px #ff65707a,0 0 24px #e6212f38}

.service-card::before{background:linear-gradient(90deg,transparent,#e6212f12,transparent)}
.service-card:hover{border-color:#ff788480}
.card-mark::after{border-color:#ff7b8630}
.service-card:hover .card-mark{box-shadow:inset 0 0 24px #e6212f20,0 0 20px #e6212f17}
.card-line{background:linear-gradient(90deg,#e6212f,transparent)}
.process{background:linear-gradient(100deg,#100608,#280d14,#090405)}
.process::before{background:linear-gradient(transparent,#ff697575 30%,#e6212f75 69%,transparent)}
.steps::before{background:linear-gradient(#ff6a76,#e6212f5d,transparent)}
.steps li:hover{background:linear-gradient(90deg,#e6212f0c,transparent 70%)}
.steps li:hover span{color:#ffdce0;text-shadow:0 0 14px #ff5968}
.assurance-list article::before{background:linear-gradient(#ff6b77,#e6212f)}
.faq{background:linear-gradient(110deg,#100608,#260d14,#090405)}
.faq-list details[open]{background:linear-gradient(90deg,#e6212f0d,transparent 62%);border-color:#ff78845a}
.faq-list details[open] summary::after{background:linear-gradient(90deg,#ff6875,#e6212f,transparent);box-shadow:0 0 8px #ff6571}

input,textarea,select{border-color:#ff7a8540;background:#0b0608}
input:focus,textarea:focus,select:focus{border-color:#ff6c78;box-shadow:0 0 0 3px #e6212f1d}
.contact form{background:linear-gradient(145deg,#210c12,#0e0709);border-color:#ff7a8545}
#contact-form::before{background:linear-gradient(90deg,transparent,#ff6a76,#e6212f,transparent)}
.scroll-signal i{background:linear-gradient(180deg,#ffb0b8,#ff5867 38%,#a70d1c);box-shadow:0 0 12px #ff5968,0 0 20px #e6212f66}
.nav-shell nav a::after{background:linear-gradient(90deg,#e6212f,#ff8993);box-shadow:0 0 8px #ff6270}
.account-link::before{background:linear-gradient(110deg,transparent 32%,#e6212f1c 49%,transparent 64%)}
.strip-viewport::before,.strip-viewport::after{background:linear-gradient(90deg,transparent,#ff6d79,#e6212f,#ff6d79,transparent)}
.strip-inner span::after{background:#ff6875}
.service-grid::before,.service-grid::after{background:linear-gradient(90deg,transparent 0%,#ff677575 35%,#e6212f78 53%,transparent 82%)}
.card-line::after{background:#fff1f2;box-shadow:0 0 10px #fff1f2,0 0 16px #ff5867}
.steps li span::before{border-color:#ff6a7659}

.account-avatar{border-color:#ff657066;background:#1c0b11}
.account-card{background:linear-gradient(145deg,#1c0b11,#0d0608);border-color:#ff7a8537}
.account-card::before{background:linear-gradient(90deg,transparent,#ff687578,#e6212f50,transparent)}
.account-notice{border-left-color:#ff6570;background:#e6212f0d;color:#ffd4d8}
.account-card input,.account-card textarea,.account-card select{border-color:#ff7a853d}
.security-card{background:linear-gradient(145deg,#240c12,#0d0608)}
.security-card::before{background:linear-gradient(90deg,transparent,#e6212f62,#ff74805b,transparent)}

.tracking-signal,.tracking-card,.operation-card{border-color:#ff717c46}
.tracking-metric{background:linear-gradient(145deg,#1c0b11,#0d0608)}
.tracking-update{border-left-color:#ff6570;background:#e6212f0d}
.status-ready{border-color:#ff866c58;color:#ffd7cb}.status-ready i{background:#ff755b;box-shadow:0 0 10px #ff755b}
.status-waiting{border-color:#ffb45b58;color:#ffe0ad}.status-waiting i{background:#ffb14b;box-shadow:0 0 10px #ffb14b}

.box{background:linear-gradient(145deg,#260c13,#0d0608)!important;border-color:#ff73804a!important}
body:has(.box){background:radial-gradient(700px circle at 85% 10%,#e6212f33,transparent 55%),radial-gradient(600px circle at 6% 80%,#8f0b1d2c,transparent 50%),#0b0507}
.box input{border-color:#ff7a8540!important;background:#0b0608!important}.box input:focus{outline-color:#e6212f2b!important;border-color:#ff6976!important}.box .brand em,.box .sub a,.box .back:hover{color:#ff7d88!important}
