/* V72 — make remaining light sections dark so whole homepage matches one theme */

:root{
  --vv-bg:#060818;
  --vv-bg-2:#09101f;
  --vv-bg-3:#0d1527;
  --vv-line:rgba(146,165,255,.16);
  --vv-line-strong:rgba(146,165,255,.24);
  --vv-text:#f5f7ff;
  --vv-muted:#9aa7c2;
  --vv-soft:#6e7c9e;
  --vv-accent:#4b6cff;
}

.v60-home .light-section,
.v60-home .contact-section{
  position:relative;
  color:var(--vv-text);
  background:
    radial-gradient(circle at 80% 24%, rgba(71,108,255,.11), transparent 26%),
    radial-gradient(circle at 16% 76%, rgba(71,108,255,.06), transparent 24%),
    linear-gradient(180deg, var(--vv-bg) 0%, #070b1a 100%);
}

.v60-home .light-section::before,
.v60-home .contact-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.4;
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to right, transparent 0, #000 10%, #000 90%, transparent 100%);
}

.v60-home .light-section .container,
.v60-home .contact-section .container{
  position:relative;
  z-index:1;
}

.v60-home .light-section .section-label,
.v60-home .contact-section .section-label{
  color:#7d96ff;
}

.v60-home .light-section .section-heading h2,
.v60-home .contact-section h2,
.v60-home .light-section h3,
.v60-home .contact-section h3{
  color:var(--vv-text) !important;
}

.v60-home .light-section .section-heading p,
.v60-home .contact-section p,
.v60-home .light-section p{
  color:var(--vv-muted) !important;
}

/* Portfolio section dark conversion */
.v60-home #tood{
  background:
    radial-gradient(circle at 80% 24%, rgba(71,108,255,.13), transparent 26%),
    radial-gradient(circle at 15% 74%, rgba(71,108,255,.05), transparent 20%),
    linear-gradient(180deg, #081020 0%, #060818 100%);
}

.v60-home #tood::before{
  opacity:.28;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
}

.v60-home #tood .container::before{
  border-color:rgba(90,118,255,.13);
  box-shadow:0 0 0 76px rgba(90,118,255,.03), 0 0 0 154px rgba(90,118,255,.015);
}

.v60-home #tood .container::after,
.v60-home #tood .project-layout::before,
.v60-home #tood .project-copy dl::before{
  color:rgba(140,154,201,.28);
}

.v60-home #tood .section-heading::before{
  background:linear-gradient(90deg, rgba(120,144,255,.55) 0 12%, rgba(120,144,255,.12) 12% 82%, transparent 82%);
}

.v60-home #tood .section-heading::after{
  background:var(--vv-bg);
  border-color:#5978ff;
}

.v60-home #tood .section-heading h2,
.v60-home #tood .project-copy h3,
.v60-home #tood .project-copy dd,
.v60-home #tood .project-meta-bar,
.v60-home #tood .project-meta-bar span{
  color:var(--vv-text) !important;
}

.v60-home #tood .project-layout::after{
  border-color:rgba(89,120,255,.10);
  background:linear-gradient(135deg, rgba(89,120,255,.05), transparent 30%);
}

.v60-home #tood .project-visual{
  background:linear-gradient(180deg, #0d1527 0%, #0a1221 100%);
  border-color:rgba(124,146,255,.18);
  box-shadow:0 36px 80px rgba(0,0,0,.38), 0 8px 25px rgba(0,0,0,.22);
}

.v60-home #tood .project-screen{
  background:#08101d;
}

.v60-home #tood .project-meta-bar{
  border-top-color:rgba(124,146,255,.12);
  background:linear-gradient(90deg, #0c1324 0%, #0d1528 82%, rgba(75,108,255,.10) 100%);
}

.v60-home #tood .project-meta-bar::before{
  background:#5a79ff;
}

.v60-home #tood .project-copy::before{
  background:linear-gradient(to bottom, #5d7bff, rgba(93,123,255,.08));
}

.v60-home #tood .project-copy::after{
  background:radial-gradient(circle, rgba(79,109,255,.10), rgba(79,109,255,0) 68%);
}

.v60-home #tood .project-tag,
.v60-home #tood .project-copy dt{
  color:#93a7df;
}

.v60-home #tood .project-copy > p{
  color:var(--vv-muted) !important;
}

.v60-home #tood .project-copy dl{
  border-top-color:rgba(124,146,255,.14);
}

.v60-home #tood .project-copy dl > div{
  border-bottom-color:rgba(124,146,255,.12);
}

.v60-home #tood .project-copy dl > div:hover{
  border-color:rgba(93,123,255,.26);
  background:linear-gradient(90deg, rgba(93,123,255,.08), transparent 68%);
}

.v60-home #tood .project-layout + .project-layout{
  border-top-color:rgba(124,146,255,.10);
}

/* Contact section dark conversion */
.v60-home #kontakt{
  background:
    radial-gradient(circle at 86% 84%, rgba(71,108,255,.10), transparent 22%),
    radial-gradient(circle at 8% 15%, rgba(71,108,255,.05), transparent 18%),
    linear-gradient(180deg, #060818 0%, #070b1a 100%);
}

.v60-home #kontakt .contact-copy .login-link{
  color:#86a0ff;
}

.v60-home #kontakt #contactForm{
  background:linear-gradient(180deg, rgba(12,18,34,.96) 0%, rgba(9,14,27,.96) 100%);
  border:1px solid rgba(124,146,255,.14);
  box-shadow:0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(10px);
}

.v60-home #kontakt #contactForm [style*="color:#355fff"]{
  color:#7c95ff !important;
}

.v60-home #kontakt #contactForm [style*="color:#0a1020"]{
  color:var(--vv-text) !important;
}

.v60-home #kontakt #contactForm [style*="color:#687386"]{
  color:var(--vv-muted) !important;
}

.v60-home #kontakt #contactForm [style*="color:#1c2638"]{
  color:var(--vv-text) !important;
}

.v60-home #kontakt #contactForm [style*="border-top:1px solid #d8dee8"],
.v60-home #kontakt #contactForm [style*="border-bottom:1px solid #d8dee8"]{
  border-color:rgba(124,146,255,.12) !important;
}

.v60-home #kontakt #contactForm [style*="border:1px solid #cfd6e1"]{
  border-color:rgba(124,146,255,.22) !important;
  color:var(--vv-text) !important;
  background:rgba(255,255,255,.02);
}

.v60-home #kontakt #contactForm a[href="register.html"]{
  box-shadow:0 10px 24px rgba(53,95,255,.28);
}

.v60-home #kontakt #contactForm a[href="login.html"]:hover{
  border-color:#6e88ff !important;
  color:#fff !important;
  background:rgba(53,95,255,.10);
}

/* small divider harmony */
.v60-home .section{
  border-top:1px solid rgba(124,146,255,.08);
}

@media (max-width: 720px){
  .v60-home .light-section::before,
  .v60-home .contact-section::before{
    background-size:40px 40px;
  }
  .v60-home #kontakt #contactForm{
    box-shadow:0 18px 48px rgba(0,0,0,.28);
  }
}