:root{
    --accent: #5bbf8b;
    --top: #071a33;
    --mid: #0b2142;
    --bottom: #0f3a2c; /* yeşile yaklaşan koyu ton */
    --grid: rgba(255,255,255,.06);
    --grid-strong: rgba(255,255,255,.10);
  }
  
  /* Keep WP from fighting layout */
  body.login{
    background: linear-gradient(180deg, var(--top) 0%, var(--mid) 45%, var(--bottom) 100%) !important;
    min-height: 100vh;
    overflow: hidden;
  }
  
  /* Fullscreen background wrapper */
  .methodda-login-bg{
    position: fixed;
    inset: 0;
    z-index: 0;
    background: linear-gradient(180deg, var(--top) 0%, var(--mid) 45%, var(--bottom) 100%);
  }
  
  /* Grid overlay */
  .methodda-login-bg::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
      linear-gradient(to right, var(--grid) 1px, transparent 1px),
      linear-gradient(to bottom, var(--grid) 1px, transparent 1px);
    background-size: 44px 44px;
    opacity:.55;
    pointer-events:none;
  }
  /* Canvas */
  #particles{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
  }
  
  /* Bring the login box above bg */
  body.login #login{
    position: relative;
    z-index: 2;
  }
  
  /* Glass card feel for the WP login form */
  body.login #loginform,
  body.login #lostpasswordform,
  body.login #registerform{
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    box-shadow: 0 18px 60px rgba(0,0,0,.35);
    backdrop-filter: blur(10px);
    padding: 22px 20px;
  }
  
  /* Input styling */
  body.login .input,
  body.login input[type="text"],
  body.login input[type="password"]{
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
  }
  body.login .input:focus,
  body.login input[type="text"]:focus,
  body.login input[type="password"]:focus{
    border-color: rgba(255,255,255,.32) !important;
    box-shadow: none !important;
  }
  
  /* Button accent */
  body.login .button-primary{
    background: rgba(91,191,139,.25) !important;
    border-color: rgba(91,191,139,.35) !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    height: 44px;
    transition: transform .08s ease, background .2s ease;
  }
  body.login .button-primary:hover{
    background: rgba(91,191,139,.32) !important;
  }
  body.login .button-primary:active{
    transform: translateY(1px);
  }
  
  /* Links */
  body.login #nav a,
  body.login #backtoblog a{
    color: rgba(255,255,255,.85) !important;
  }
  body.login #nav a:hover,
  body.login #backtoblog a:hover{
    color: #fff !important;
  }
  
  .login form .input,.login input[type=password],.login input[type=text] {
      font-size: 14px;
  }
  
  .dashicons-visibility:before {
      color: #5bbf8b;
  }
  
  .dashicons-hidden:before {
      color: #5bbf8b;
  }
  
  .wp-core-ui .button, .wp-core-ui .button-secondary {
      color: #5bbf8b;
  }
  
  input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
      border-color: none;
      box-shadow: none;
  }
  
  a:focus {
      box-shadow: none;
  }
  
  .login .button.wp-hide-pw:focus {
      border-color: transparent;
      outline: none;
      box-shadow: none;
  }
  
  .login label {
      color: white;
  }
  
  .login #nav {
      text-align: center;
  }
  
  .login #backtoblog {
      display: none;
  }
  
  .privacy-policy-page-link{
      display: none;
  }
  
  .login .message, .login .notice, .login .success {
      background: rgba(0, 0, 0, .22);
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 18px;
      box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
      backdrop-filter: blur(10px);
      padding: 22px 20px;
      color: white;
  }
  
  /* Reduce motion preference */
  @media (prefers-reduced-motion: reduce){
    #particles{ display:none; }
  }