.construction-pattern{ background-image:url("https://static.photos/blurred/640x360/113"); background-size:cover; background-position:center; background-blend-mode:overlay;}
    .gradient-bg{ background:linear-gradient(135deg,#fff 0%,#fff 50%,#fff 100%);}
    .btn-glow{ transition:all .3s ease; box-shadow:0 4px 6px rgba(0,0,0,.12);}
    .btn-glow:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.2);}
    @keyframes fadeIn{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)}}
    .input-highlight{ transition:all .3s cubic-bezier(.4,0,.2,1);}
    .input-highlight:focus{ box-shadow:0 0 0 3px rgba(220,38,38,.35); transform:translateY(-2px);}
    .text-primary{ color:#111827 !important;}
    .text-secondary{ color:#374151 !important;}
    .card-tile{
      display:flex; gap:16px; align-items:center;
      background:#d10000ff; border:1px solid #371f1fff; border-radius:16px;
      padding:20px; color:#e5e7eb; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
    }
    .card-tile:hover{ transform:translateY(-3px); box-shadow:0 10px 18px rgba(0,0,0,.28); border-color:#374151; }
    .tile-icon i{ width:28px; height:28px; color:#cbd5e1; }
    .tile-title{ font-weight:700; font-size:1.1rem; line-height:1.2; }
    .tile-sub{ font-size:.92rem; color:#94a3b8; margin-top:2px; }
    .animate-fadeIn{ animation:fadeIn .45s ease-out forwards; }
    .fld-label{ display:block; color:#94a3b8; font-size:.9rem; margin-bottom:6px; }
    .fld-input{
      width:100%; padding:14px 16px; border-radius:12px;
      background:#0b1020; border:1px solid #232b3a; color:#e5e7eb;
      transition: all .2s ease;
    }
    .fld-input:focus{ outline:none; box-shadow:0 0 0 3px rgba(220,38,38,.35); border-color:#384862; transform:translateY(-1px); }
    .btn-primary{
      padding:12px 20px; border-radius:12px; background:#dc2626; color:#fff; font-weight:600;
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
    }
    .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 10px 18px rgba(0,0,0,.28); background:#ff0000; color:#fff; font-weight:600;}

    .construction-pattern{ background-image:url("https://static.photos/blurred/640x360/113"); background-size:cover; background-position:center; background-blend-mode:overlay;}
    .btn-back{
      padding:12px 20px; border-radius:12px; background:#444444; color:#fff; font-weight:600;
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
    }
    .btn-back:hover{
      padding:12px 20px; border-radius:12px; background:#2c2c2c; color:#fff; font-weight:600;
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
      transform:translateY(-2px); box-shadow:0 10px 18px rgba(0,0,0,.28); 
    }
    .btn-unbind{
      padding:12px 20px; border-radius:12px; background:#c51616; color:#fff; font-weight:600;
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
    }
     .btn-unbind:hover{
      padding:12px 20px; border-radius:12px; background:#811515; color:#fff; font-weight:600;
      transition: transform .2s ease, box-shadow .2s ease;
      box-shadow:0 6px 14px rgba(0,0,0,.18);
      transform:translateY(-2px); box-shadow:0 10px 18px rgba(0,0,0,.28); 
    }