
<!---
                                                                                                                                                             
                                                                                                                                                             
                  congrats nigga u are Hacker who hacked website here is reward:                                                                                                                                            
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @            +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%-                      %@@@@@@@@@@@@@@#                          
          @          *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#                 %@@@@@@@@@@@@@@@@@@%                        
          @        %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-        @@@@@@@@@@@@@@@@@@@@@@@@                      
          @      %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@@@=    @@@@@@@@@@@@@@@@@@@@@@@@@@@@.                   
          @    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                 
          @  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-               
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-             
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=           
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @ #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @   *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @     *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @       =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @         +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @           -@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @             :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%#%#+*#@@@@%#*#@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @               .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%#*###*=--:      : .:--=+*#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @                @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%*-.      .                .         .:=++**%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @               *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%+=-.                                  .....::--==*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @               @@@@@@@@@@@@@@@@@@%###*++=--:.  .                                        .....:---=#@@@@@@@@@@@.  .@@@@@@@@@@@@@@@@@@@@@@          
          @               %@@@@@@@@@@@@@%+=----:.                                                      ..::..-*@@@@@@@@@#     .@@@@@@@@@@@@@@@@@@@@          
          @                @@@@@@@@@@@@#-:::::.   .-=-.                                                 .....-+@@@@@@@@@#       .@@@@@@@@@@@@@@@@@@          
          @                :@@@@@@@@@@@=:....:=*%@%@@@@@@@@@@@%*-                         .::=**##%@@%+:  ...:-#@@@@@@@@+         .@@@@@@@@@@@@@@@@          
          @                 @@@@@@@@@@%-...:+@@@%%%@@@@@@@@@@@@@@@#-..               .=*@@@@@@@@@@@@@@@@@@%+:.-*@@@@@@@@             @@@@@@@@@@@@@@          
          @                 @@@@@@@@@@#. .:=*+-...       .:-=**++***=::...       ..-=+#@@@@@@@@@#*+=----=+#@+:-*@@@@@@@-               %@@@@@@@@@@@          
          @                 .@@@@@@@@@#. ..::...              .::----:..          .:::-::::.              .-=::+@@@@@@.                  *@@@@@@@@@          
          @                   #@@@@@@@%. ..:::::-+#@@@@@@@@@@@@*====-:.            .::::...:-----::..       ...+@@@@%                      *@@@@@@@          
          @                    .%@@@@@@.  .:-=+#@@@@#: #@@@@@  +@#=-=-.           ..-=-=+##@@@@@@*@@@@%+-::..  =@@@@-                        =@@@@@          
          @                     -=#@@@@:  ..:-+**####+==#@#*---:--::-:.::        ..-==.+%=-#@@@@- .#@@@@#=-:.  -@@@@*=                         =@@@          
          @                     :@*#@@%. .....:::---::........    .......       ...:-::. .::..:---=++**+*+-..  :@@@###                           -@          
          @                      #=-#@*   ....                         ..       .....  ..       ....::::.:...  :%%##%#                                       
          @@.                    *-.+@+    .                            .       ...                      ...   :*+-+%=                                       
          @@@@.                  =..+#-   ..                                                                   .+=:+#                                        
          @@@@@@-                -..:.    .                          ..           . .                           --:==                                        
          @@@@@@@@=              -.     ...                          ..           ::.                            ..=-                                        
          @@@@@@@@@@=           .=::-.  ..                         :-:            .-=.                          ...=:                                        
          @@@@@@@@@@@@*         .=:  :: ..                        .-                :+                          ..-+.                                        
          @@@@@@@@@@@@@@*        .  .--....                       .   ..             -:                    ...    .:                                         
          @@@@@@@@@@@@@@@@#          ......                       =:.+@@#=:.. .+@@%. ::                    ... ..   =@=                                      
          @@@@@@@@@@@@@@@@@@*             ..                      .=*+:  :--:=-.  .-*=                    ...       =@@@=                                    
          @@@@@@@@@@@@@@@@@@@@%*@@@%#@@*   ..                      :%@@@@@@@@@@@@@@=                      ... .:. .*@@@@@@=                                  
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:  ..                     %@@@@@@@@@@@@@@@@@#                         #@@@@@@@@@@@@@#                                
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*   .                     @@@@@@@@@@@@@@@@@@@                   ..   -@@@@@@@@@@@@@@@@*                              
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=                        :@@@@@@@@@@@@@@@@@                   ...   +@@@@@@@@@@@@@@@@@@#                            
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:              . .. .:::-==+++=+**++==++-       ....       ...    :@@@@@@@@@@@@@@@@@@@@@#                          
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*      ..    ... .=#@@@@@%%@@%#*%%#++**#**##+---::.. .   .::.    .*@@@@@@@@@@@@@@@@@@@@@@@%                        
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-    ...     ....:=#%@#*##*%@@%%@@@@@@@@@@@@@@@*=::..   .:..    -@@@@@@@@@@@@@@@@@@@@@@@@@@%                      
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.   ....           .-=++=-::::::::...:=++*%#+==--:..  .....   -@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                   
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:  ....     .       .:-------:::-----=++-:::...::.........  =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                 
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=  .......    .    ..........-==:....   .......::::....... :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=               
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*. .......            ..:-==+++++=-:.........:::.........  +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=             
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*.:.......         ......:-===++==-:.......................*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=           
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#::--:....                            .....    ........:-:.#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.            
          @ %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#:.:-=-:...                                     .....:==-::%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.              
          @   #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:.::-===-:...                                 ..::-===--:-%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%                 
          @     *@@@@@@@@@@@@@@@@@@@@@@@@@@@@*:::::-==+=-:..                              ..:--=+=---=--#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%                   
          @       =@@@@@@@@@@@@@@@@@@@@@@@@@@. -::::-===++=-.. ..                      ...:-+++=----===. %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*                     
          @         -@@@@@@@@@@@@@@@@@@@@@@@-  ==-::::---=+*+-::....       ::..  .. ..:--=++=-----===+-  *@@@@@@@@@@@@@@@@@@@@@@@@@@@+                       
          @           .@@@@@@@@@@@@@@@@*+@@@   :+--::.:-:-==+*#*+=-:--:::::-:--:----=+***=-------===+=   =@@@@@@@@@@@@@@@@@@@@@@@@@=                         
          @             .@@@@@@@@@@@@==@@@@*    .=-::..::::-----=**#########*####%##*+------:--===++-    :@@@@@@@@@@@@@@@@@@@@@@@=                           
          @                @@@@@@@@++@@@@@@:      ==-::::::::::::::::::---====---::::::---::-====+=       @@@@@@@@@@@@@@@@@@@@@=                             
          @                  %@@@@@@@@@@@@@        :==---::::-:.:::..................::--::--===-        .@@@@@@@@@@@@@@@@@@@-                               
          @                 =@@@@@@@@@@@@@@          -++=--:::...........     .......:::-::===.          -@@@@@@@@@@@@@@@@@@+                                
          @            +@@@@@@@@@@@@@@@@@@@             -+=-:::.::..................::---==-             %@@@@@@@@@@@@@@@@@@@@@@@*.                          
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
--->

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Adolfjon - O&#039;zbekistonda Birinchisi</title>
<meta name="csrf-token" content="d58d0a8548663fa3ca9b4bfd0a1ffb12">
<link rel="icon" href="https://adolfjon.uz/uploads/favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap" rel="stylesheet">
<style>
body{margin:0;background:#070e1d;color:#eaf1ff;font-family:'Montserrat',sans-serif}
.aj-navbar{
  background:rgba(10,15,28,.7);
  backdrop-filter:blur(1px); 
  border-bottom:1px solid rgba(255,255,255,.08);
}
.aj-navbar-brand{font-size:22px;letter-spacing:.6px;color:#fff!important;display:flex;align-items:center;gap:6px;text-decoration:none;font-weight:700}
.aj-navbar-brand img{height:28px}
.aj-navbar-brand .r{color:#ff4040}
.aj-nav-list .nav-link{color:#dfe9ff!important;font-weight:600;transition:.25s;text-decoration:none;padding:.35rem .7rem;border-radius:.35rem}
.aj-nav-list .nav-link:hover{color:#69ffe6!important;background:rgba(255,255,255,.06)}
.aj-plan-badge{font-size:.75rem;font-weight:700;padding:.35rem .6rem;background:linear-gradient(90deg,#2ea6ff,#69ffe6);color:#05130f}
.aj-nav-avatar{border:2px solid #69ffe6}
.dropdown-menu{background:rgba(7,14,29,.96);border:1px solid rgba(255,255,255,.15);border-radius:10px}
.dropdown-menu .dropdown-item{color:#eaf1ff;font-weight:500}
.dropdown-menu .dropdown-item:hover{background:rgba(255,255,255,.08);color:#69ffe6}
</style><div class="spring-strip"></div>
<canvas id="ajSpringCanvas"></canvas>

<style>
.spring-strip {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, #ffb7c5, #f0f8ff, #90ee90, #f0f8ff, #ffb7c5);
  background-size: 350% 100%;
  animation: softSlide 10s linear infinite;
  opacity: .85;
  z-index: 9999;
}

@keyframes softSlide {
  0% { background-position: 0 0 }
  100% { background-position: 350% 0 }
}

#ajSpringCanvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  background: #05070a;
}

.aj-plan-badge-vip {
  font-size: .75rem;
  font-weight: 800;
  padding: .35rem .65rem;
  color: #2b1a00;
  background: linear-gradient(90deg, #ffd700, #ffb700, #ffe27a);
  box-shadow: 0 0 8px rgba(255,215,0,.6), inset 0 0 6px rgba(255,255,255,.5);
}
</style>

<script>
const canvas = document.getElementById('ajSpringCanvas');
const ctx = canvas.getContext('2d');
const springTheme = Math.floor(Math.random() * 3); 

let width, height, particles = [];
const mouse = { x: -100, y: -100, radiusSq: 10000 }; 

function init() {
    width = canvas.width = window.innerWidth;
    height = canvas.height = window.innerHeight;
    particles = [];
    for (let i = 0; i < 45; i++) {
        particles.push(new Particle(true));
    }
}

class Particle {
    constructor(isInit = false) {
        this.reset(isInit);
    }

    reset(isInit) {
        this.x = Math.random() * width;
        this.size = Math.random() * 2 + 1.5;
        this.life = Math.random() * 100;
        this.rotation = Math.random() * Math.PI * 2;
        
        if (springTheme === 0) {
            this.y = isInit ? Math.random() * height : -20;
            this.speedY = Math.random() * 1 + 0.5;
            this.speedX = Math.random() * 1 - 0.5;
            this.spin = (Math.random() - 0.5) * 0.04;
            this.color = `rgba(255, 183, 197, ${Math.random() * 0.5 + 0.4})`;
            this.shape = 'petal';
        } else if (springTheme === 1) {
            this.y = isInit ? Math.random() * height : height + 20;
            this.speedY = -(Math.random() * 0.6 + 0.3);
            this.speedX = Math.random() * 1.5 - 0.75;
            this.spin = (Math.random() - 0.5) * 0.02;
            this.color = `rgba(240, 248, 255, ${Math.random() * 0.5 + 0.3})`;
            this.size = Math.random() * 1.2 + 0.8;
            this.shape = 'fluff';
        } else {
            this.y = isInit ? Math.random() * height : -20;
            this.speedY = Math.random() * 1.5 + 0.8;
            this.speedX = Math.random() * 1.2 - 0.6;
            this.spin = (Math.random() - 0.5) * 0.08;
            this.color = `rgba(144, 238, 144, ${Math.random() * 0.5 + 0.4})`;
            this.shape = 'leaf';
        }
    }

    draw() {
        ctx.save();
        ctx.translate(this.x, this.y);
        ctx.rotate(this.rotation);
        ctx.fillStyle = this.color;
        ctx.beginPath();
        
        if (this.shape === 'petal' || this.shape === 'leaf') {
            let stretch = this.shape === 'leaf' ? 3 : 2;
            ctx.moveTo(0, 0);
            ctx.bezierCurveTo(this.size * stretch, -this.size * stretch, this.size * (stretch*2), this.size, 0, this.size * (stretch*2));
            ctx.bezierCurveTo(-this.size * (stretch*2), this.size, -this.size * stretch, -this.size * stretch, 0, 0);
            ctx.fill();
        } else {
            ctx.arc(0, 0, this.size, 0, Math.PI * 2);
            ctx.fill();
            ctx.strokeStyle = this.color;
            ctx.lineWidth = 0.5;
            ctx.moveTo(0, 0);
            ctx.lineTo(0, this.size * 3);
            ctx.stroke();
        }
        
        ctx.restore();
    }

    update() {
        this.life += 0.02;
        let sway = Math.sin(this.life) * (this.shape === 'fluff' ? 1.5 : 1);
        let dx = this.x - mouse.x;
        let dy = this.y - mouse.y;
        let distSq = dx * dx + dy * dy;
        
        if (distSq < mouse.radiusSq) {
            let distance = Math.sqrt(distSq);
            let force = (100 - distance) / 100;
            this.x += (dx / distance) * force * 3;
            this.y += (dy / distance) * force * 3;
        }

        this.x += this.speedX + sway * 0.5;
        this.y += this.speedY;
        this.rotation += this.spin;
        if (this.shape === 'fluff') {
            if (this.y < -30) this.reset(false);
        } else {
            if (this.y > height + 30) this.reset(false);
        }
        
        if (this.x > width + 30) this.x = -30;
        if (this.x < -30) this.x = width + 30;
    }
}

function animate() {
    ctx.clearRect(0, 0, width, height);
    particles.forEach(p => {
        p.update();
        p.draw();
    });
    requestAnimationFrame(animate);
}

window.addEventListener('mousemove', (e) => {
    mouse.x = e.clientX;
    mouse.y = e.clientY;
});

window.addEventListener('resize', init);
init();
animate();
</script>

  <div id="aj-preloader-site">
  <canvas id="aj-preloader-particles"></canvas>
  
  <div class="aj-site-center">
    <div class="aj-site-core">
      <div class="aj-site-avatar">
        <img src="/uploads/logo-white.png" class="aj-img-fit" alt="">
      </div>
      
      <div class="aj-site-ring-1"></div>
      <div class="aj-site-ring-2"></div>
    </div>
  </div>
</div>

<style>
/* 1. Exact Website Background Color */
#aj-preloader-site {
  position: fixed;
  inset: 0;
  background: #05070a; /* Matches the deep dark background of your site */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
#aj-preloader-site.hide { opacity: 0; pointer-events: none; }

/* 2. Particle Layer */
#aj-preloader-particles {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.4;
}

.aj-site-center { position: relative; z-index: 2; }

/* 3. Core Container */
.aj-site-core {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: ajQuickFade 0.3s ease-out forwards;
}

/* 4. Avatar Styling */
.aj-site-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #000;
  z-index: 5;
  padding: 5px; /* Slight padding to let logo breathe */
  box-shadow: 0 0 30px rgba(0, 255, 163, 0.15); /* Subtle Mint Glow */
  border: 1px solid rgba(255,255,255,0.05);
}

.aj-img-fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}

/* 5. Rings (Neon Mint & White) */
.aj-site-ring-1 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #00ffa3; /* The Neon Mint from your "Features" list */
  border-right-color: #00ffa3;
  animation: ajFastSpin 0.8s linear infinite;
  box-shadow: 0 0 15px rgba(0, 255, 163, 0.4);
}

.aj-site-ring-2 {
  position: absolute;
  inset: 15px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  opacity: 0.3;
  animation: ajFastSpin 1.2s linear infinite reverse;
}

@keyframes ajFastSpin {
  to { transform: rotate(360deg); }
}

@keyframes ajQuickFade {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}
</style>

<script>
(function() {
  const pre = document.getElementById("aj-preloader-site");
  const canvas = document.getElementById("aj-preloader-particles");
  const ctx = canvas.getContext("2d");
  let running = true, particles = [];

  function resize() {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
  }
  window.addEventListener("resize", resize);
  resize();

  function init() {
    particles = [];
    const count = window.innerWidth < 768 ? 30 : 60;
    for(let i=0; i<count; i++) {
      particles.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        s: Math.random() * 2,
        v: Math.random() * 3 + 1
      });
    }
  }

  function loop() {
    if(!running) return;
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    ctx.fillStyle = "#00ffa3"; // Neon Mint Particles
    
    particles.forEach(p => {
      p.y -= p.v;
      if(p.y < 0) {
        p.y = canvas.height;
        p.x = Math.random() * canvas.width;
      }
      ctx.beginPath();
      ctx.arc(p.x, p.y, p.s, 0, Math.PI*2);
      ctx.fill();
    });
    requestAnimationFrame(loop);
  }

  init();
  loop();

  function vanish() {
    if(!pre) return;
    pre.classList.add("hide");
    setTimeout(() => {
      running = false;
      if(pre.parentNode) pre.parentNode.removeChild(pre);
    }, 350); 
  }

  window.addEventListener('load', vanish);
  
  setTimeout(() => {
    if(document.body.contains(pre)) vanish();
  }, 2000); 
})();
</script><nav class="aj-navbar navbar navbar-expand-lg sticky-top shadow-sm">
  <div class="container">
    <a class="aj-navbar-brand" href="https://adolfjon.uz/index">
      <img src="https://adolfjon.uz/uploads/logo-white.png" alt="Logo">
      ADOLFJON<span class="r">.UZ</span>
    </a>
    
    <button class="aj-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#ajMainNav" aria-controls="ajMainNav" aria-expanded="false" aria-label="Menyuni ochish">
  <span class="aj-toggler-bar"></span>
  <span class="aj-toggler-bar"></span>
  <span class="aj-toggler-bar"></span>
</button>
<style> .aj-toggler { background: none; border: none; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 6px 10px; cursor: pointer; } .aj-toggler:focus { outline: none; } .aj-toggler-bar { width: 24px; height: 2px; background: #69ffe6; border-radius: 2px; transition: all 0.3s ease; position: relative; } .aj-toggler.active .aj-toggler-bar:nth-child(1) { transform: translateY(8px) rotate(45deg); } .aj-toggler.active .aj-toggler-bar:nth-child(2) { opacity: 0; } .aj-toggler.active .aj-toggler-bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); } </style>

    <div class="collapse navbar-collapse" id="ajMainNav">
  <ul class="aj-nav-list navbar-nav ms-auto mb-2 mb-lg-0 align-items-lg-center fw-semibold">
          <li class="nav-item"><a class="nav-link" href="https://adolfjon.uz/index"><i class="fa-solid fa-house me-1"></i> Asosiy sahifa</a></li>
      <li class="nav-item"><a class="nav-link" href="https://adolfjon.uz/index#plans"><i class="fa-solid fa-tags me-1"></i> Narxlar</a></li>
      <li class="nav-item"><a class="nav-link" href="https://adolfjon.uz/intro"><i class="fa-solid fa-screwdriver-wrench me-1"></i>Cs2 Intro</a></li>
      <li class="nav-item"><a class="nav-link" href="https://adolfjon.uz/auth/signin"><i class="fa-solid fa-right-to-bracket me-1"></i> Kirish</a></li>
      <li class="nav-item"><a class="nav-link" href="https://adolfjon.uz/auth/signup"><i class="fa-solid fa-user-plus me-1"></i> Ro‘yxatdan o‘tish</a></li>
      </ul>
</div>

  </div>
</nav>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<div class="aj-reset-bg d-flex justify-content-center align-items-center">
  <canvas id="ajResetParticles"></canvas>
  
  <div class="aj-reset-card p-4 shadow-lg aj-fadein">
    <div class="text-center mb-4">
      <div class="aj-icon-circle mx-auto mb-3">
        <i class="fa-solid fa-lock text-neon fa-2x"></i>
      </div>
      <h2 class="aj-title">Parolni tiklash</h2>
      <p class="aj-subtitle">Hisobingizga kirishni tiklash uchun emailingizni kiriting.</p>
    </div>

    
    <form id="resetRequest" method="post" action="check-mail.php" class="text-start" autocomplete="off">
      <input type="hidden" name="csrf" value="d58d0a8548663fa3ca9b4bfd0a1ffb12">
      
      <div class="mb-4">
        <label class="form-label aj-label">Email manzil</label>
        <div class="input-group">
          <span class="input-group-text aj-input-icon"><i class="fa-solid fa-envelope"></i></span>
          <input name="email" type="email" required class="form-control aj-input" placeholder="email@example.com">
        </div>
      </div>

      <div class="mb-4">
        <label class="form-label aj-label">Misolni yeching</label>
        <div class="d-flex gap-3 align-items-stretch">
          <div class="aj-captcha-box d-flex align-items-center justify-content-center">
            <span>3 + 9 = ?</span>
          </div>
          <input name="math" type="number" required class="form-control aj-input text-center fw-bold" placeholder="Javob">
        </div>
      </div>

      <div class="d-grid">
        <button id="reqBtn" class="btn btn-neon py-3" type="submit">
          <span>Yuborish</span> <i class="fa-solid fa-arrow-right ms-2"></i>
        </button>
      </div>
    </form>
    
    <div class="text-center mt-4">
      <a href="/auth/signin" class="aj-link-back"><i class="fa-solid fa-arrow-left me-1"></i> Ortga qaytish</a>
    </div>
  </div>
</div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap');

.aj-reset-bg {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #09090b;
  font-family: 'Outfit', sans-serif;
  overflow: hidden;
}

#ajResetParticles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.aj-reset-card {
  background: rgba(20, 20, 25, 0.6);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  max-width: 460px;
  width: 90%;
  z-index: 2;
  color: #fff;
}

.aj-icon-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(105, 255, 230, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(105, 255, 230, 0.2);
}

.text-neon { color: #69ffe6; }

.aj-title {
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
}

.aj-subtitle {
  color: #a1a1aa;
  font-size: 0.9rem;
}

.aj-alert-success {
  background: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 16px;
}

.aj-label {
  color: #d4d4d8;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 8px;
}

.aj-input-icon {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-right: none;
  color: #71717a;
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

.aj-input {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 12px;
  border-radius: 14px;
  transition: all 0.3s ease;
}

.input-group .aj-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}

.aj-input:focus {
  background: rgba(0, 0, 0, 0.5);
  border-color: #69ffe6;
  box-shadow: 0 0 0 4px rgba(105, 255, 230, 0.1);
  outline: none;
  color: #fff;
}

.aj-input:focus + .aj-input-icon, 
.aj-input:focus ~ .input-group-text {
  border-color: #69ffe6;
}

.aj-captcha-box {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 0 20px;
  font-weight: 700;
  font-size: 1.1rem;
  color: #e4e4e7;
  user-select: none;
  min-width: 120px;
}

.btn-neon {
  background: #69ffe6;
  color: #051a17;
  font-weight: 700;
  border: none;
  border-radius: 14px;
  font-size: 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-neon:hover:not(:disabled) {
  background: #4ae8cc;
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(105, 255, 230, 0.4);
}

.btn-neon:disabled {
  background: #2a5a52;
  color: #4a6b66;
  opacity: 0.8;
}

.aj-link-back {
  color: #71717a;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.2s;
}

.aj-link-back:hover {
  color: #fff;
}

.aj-fadein {
  animation: ajFadeUp 0.6s ease-out forwards;
}

@keyframes ajFadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
</style>

<script>
(function(){
  const canvas = document.getElementById("ajResetParticles");
  if(canvas){
    const ctx = canvas.getContext("2d");
    let particles = [];
    
    function resizeCanvas(){
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    }
    resizeCanvas();
    window.addEventListener("resize", resizeCanvas);

    function createParticles(){
      particles = [];
      const count = window.innerWidth < 768 ? 30 : 60;
      for(let i=0; i<count; i++){
        particles.push({
          x: Math.random() * canvas.width,
          y: Math.random() * canvas.height,
          radius: Math.random() * 2 + 1,
          dx: (Math.random() - 0.5) * 0.5,
          dy: (Math.random() - 0.5) * 0.5,
          alpha: Math.random() * 0.5 + 0.1
        });
      }
    }
    createParticles();

    function animateParticles(){
      ctx.clearRect(0,0,canvas.width,canvas.height);
      ctx.fillStyle = "rgba(105, 255, 230, 0.6)";
      
      particles.forEach(p => {
        ctx.beginPath();
        ctx.globalAlpha = p.alpha;
        ctx.arc(p.x, p.y, p.radius, 0, Math.PI*2);
        ctx.fill();
        ctx.globalAlpha = 1;
        
        p.x += p.dx;
        p.y += p.dy;
        
        if(p.x < 0 || p.x > canvas.width) p.dx *= -1;
        if(p.y < 0 || p.y > canvas.height) p.dy *= -1;
        
        p.alpha += (Math.random() - 0.5) * 0.02;
        if(p.alpha < 0.1) p.alpha = 0.1;
        if(p.alpha > 0.6) p.alpha = 0.6;
      });
      requestAnimationFrame(animateParticles);
    }
    animateParticles();
  }

  const form = document.getElementById('resetRequest');
  const btn = document.getElementById('reqBtn');
  if(form && btn){
    form.addEventListener('submit', function(){
      btn.disabled = true;
      btn.innerHTML = '<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span> Yuborilmoqda...';
    });
  }
})();
</script>