
<!---
                                                                                                                                                             
                                                                                                                                                             
                  congrats nigga u are Hacker who hacked website here is reward:                                                                                                                                            
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @            +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%-                      %@@@@@@@@@@@@@@#                          
          @          *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#                 %@@@@@@@@@@@@@@@@@@%                        
          @        %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-        @@@@@@@@@@@@@@@@@@@@@@@@                      
          @      %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@@@=    @@@@@@@@@@@@@@@@@@@@@@@@@@@@.                   
          @    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                 
          @  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-               
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-             
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=           
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @ #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @   *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @     *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @       =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @         +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @           -@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @             :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%#%#+*#@@@@%#*#@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @               .@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%#*###*=--:      : .:--=+*#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @                @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%*-.      .                .         .:=++**%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @               *@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%+=-.                                  .....::--==*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@          
          @               @@@@@@@@@@@@@@@@@@%###*++=--:.  .                                        .....:---=#@@@@@@@@@@@.  .@@@@@@@@@@@@@@@@@@@@@@          
          @               %@@@@@@@@@@@@@%+=----:.                                                      ..::..-*@@@@@@@@@#     .@@@@@@@@@@@@@@@@@@@@          
          @                @@@@@@@@@@@@#-:::::.   .-=-.                                                 .....-+@@@@@@@@@#       .@@@@@@@@@@@@@@@@@@          
          @                :@@@@@@@@@@@=:....:=*%@%@@@@@@@@@@@%*-                         .::=**##%@@%+:  ...:-#@@@@@@@@+         .@@@@@@@@@@@@@@@@          
          @                 @@@@@@@@@@%-...:+@@@%%%@@@@@@@@@@@@@@@#-..               .=*@@@@@@@@@@@@@@@@@@%+:.-*@@@@@@@@             @@@@@@@@@@@@@@          
          @                 @@@@@@@@@@#. .:=*+-...       .:-=**++***=::...       ..-=+#@@@@@@@@@#*+=----=+#@+:-*@@@@@@@-               %@@@@@@@@@@@          
          @                 .@@@@@@@@@#. ..::...              .::----:..          .:::-::::.              .-=::+@@@@@@.                  *@@@@@@@@@          
          @                   #@@@@@@@%. ..:::::-+#@@@@@@@@@@@@*====-:.            .::::...:-----::..       ...+@@@@%                      *@@@@@@@          
          @                    .%@@@@@@.  .:-=+#@@@@#: #@@@@@  +@#=-=-.           ..-=-=+##@@@@@@*@@@@%+-::..  =@@@@-                        =@@@@@          
          @                     -=#@@@@:  ..:-+**####+==#@#*---:--::-:.::        ..-==.+%=-#@@@@- .#@@@@#=-:.  -@@@@*=                         =@@@          
          @                     :@*#@@%. .....:::---::........    .......       ...:-::. .::..:---=++**+*+-..  :@@@###                           -@          
          @                      #=-#@*   ....                         ..       .....  ..       ....::::.:...  :%%##%#                                       
          @@.                    *-.+@+    .                            .       ...                      ...   :*+-+%=                                       
          @@@@.                  =..+#-   ..                                                                   .+=:+#                                        
          @@@@@@-                -..:.    .                          ..           . .                           --:==                                        
          @@@@@@@@=              -.     ...                          ..           ::.                            ..=-                                        
          @@@@@@@@@@=           .=::-.  ..                         :-:            .-=.                          ...=:                                        
          @@@@@@@@@@@@*         .=:  :: ..                        .-                :+                          ..-+.                                        
          @@@@@@@@@@@@@@*        .  .--....                       .   ..             -:                    ...    .:                                         
          @@@@@@@@@@@@@@@@#          ......                       =:.+@@#=:.. .+@@%. ::                    ... ..   =@=                                      
          @@@@@@@@@@@@@@@@@@*             ..                      .=*+:  :--:=-.  .-*=                    ...       =@@@=                                    
          @@@@@@@@@@@@@@@@@@@@%*@@@%#@@*   ..                      :%@@@@@@@@@@@@@@=                      ... .:. .*@@@@@@=                                  
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:  ..                     %@@@@@@@@@@@@@@@@@#                         #@@@@@@@@@@@@@#                                
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*   .                     @@@@@@@@@@@@@@@@@@@                   ..   -@@@@@@@@@@@@@@@@*                              
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=                        :@@@@@@@@@@@@@@@@@                   ...   +@@@@@@@@@@@@@@@@@@#                            
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:              . .. .:::-==+++=+**++==++-       ....       ...    :@@@@@@@@@@@@@@@@@@@@@#                          
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*      ..    ... .=#@@@@@%%@@%#*%%#++**#**##+---::.. .   .::.    .*@@@@@@@@@@@@@@@@@@@@@@@%                        
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-    ...     ....:=#%@#*##*%@@%%@@@@@@@@@@@@@@@*=::..   .:..    -@@@@@@@@@@@@@@@@@@@@@@@@@@%                      
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.   ....           .-=++=-::::::::...:=++*%#+==--:..  .....   -@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                   
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:  ....     .       .:-------:::-----=++-:::...::.........  =@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.                 
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=  .......    .    ..........-==:....   .......::::....... :@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=               
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*. .......            ..:-==+++++=-:.........:::.........  +@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=             
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*.:.......         ......:-===++==-:.......................*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=           
          @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#::--:....                            .....    ........:-:.#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.            
          @ %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#:.:-=-:...                                     .....:==-::%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@.              
          @   #@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:.::-===-:...                                 ..::-===--:-%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%                 
          @     *@@@@@@@@@@@@@@@@@@@@@@@@@@@@*:::::-==+=-:..                              ..:--=+=---=--#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%                   
          @       =@@@@@@@@@@@@@@@@@@@@@@@@@@. -::::-===++=-.. ..                      ...:-+++=----===. %@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*                     
          @         -@@@@@@@@@@@@@@@@@@@@@@@-  ==-::::---=+*+-::....       ::..  .. ..:--=++=-----===+-  *@@@@@@@@@@@@@@@@@@@@@@@@@@@+                       
          @           .@@@@@@@@@@@@@@@@*+@@@   :+--::.:-:-==+*#*+=-:--:::::-:--:----=+***=-------===+=   =@@@@@@@@@@@@@@@@@@@@@@@@@=                         
          @             .@@@@@@@@@@@@==@@@@*    .=-::..::::-----=**#########*####%##*+------:--===++-    :@@@@@@@@@@@@@@@@@@@@@@@=                           
          @                @@@@@@@@++@@@@@@:      ==-::::::::::::::::::---====---::::::---::-====+=       @@@@@@@@@@@@@@@@@@@@@=                             
          @                  %@@@@@@@@@@@@@        :==---::::-:.:::..................::--::--===-        .@@@@@@@@@@@@@@@@@@@-                               
          @                 =@@@@@@@@@@@@@@          -++=--:::...........     .......:::-::===.          -@@@@@@@@@@@@@@@@@@+                                
          @            +@@@@@@@@@@@@@@@@@@@             -+=-:::.::..................::---==-             %@@@@@@@@@@@@@@@@@@@@@@@*.                          
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
                                                                                                                                                             
--->
<!doctype html>
<html lang="uz">
<head>
<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="52a81e4c0971802afb8ec5d4d309ca05">
<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); /* semi-transparent */
  backdrop-filter:blur(1px);   /* glass effect */
  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>
</head>
<body>
 <div class="neon-strip"></div>
<style>
.neon-strip{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:3px;
  pointer-events:none;
  background:linear-gradient(90deg,#0ff,#4da3ff,#b36bff,#ff4da6,#0ff);
  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}
}
</style>

<style>
.aj-stars-bg{position:relative}
#ajStarsCanvas{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;
  background:#000;
}
</style>

<canvas id="ajStarsCanvas"></canvas>



  <div id="aj-preloader-isolated">
  <canvas id="aj-preloader-isolated-canvas"></canvas>
  <div class="aj-preloader-isolated-center">
    <div class="aj-preloader-isolated-glass">
      <img src="/uploads/logo-white.png" class="aj-preloader-isolated-logo">
      <div class="aj-preloader-isolated-ring"></div>
    </div>
  </div>
</div>

<style>
#aj-preloader-isolated{
  position:fixed;
  inset:0;
  background:radial-gradient(circle at center,#05050a,#000);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:99999;
  opacity:1;
  transition:opacity 1.2s ease;
  overflow:hidden
}
#aj-preloader-isolated.hide{opacity:0;pointer-events:none}
#aj-preloader-isolated-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1
}
.aj-preloader-isolated-center{position:relative;z-index:2}
.aj-preloader-isolated-glass{
  position:relative;
  width:160px;
  height:160px;
  border-radius:50%;
  backdrop-filter:blur(0px) saturate(200%);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 0 25px rgba(0,255,200,.25),0 0 60px rgba(125,95,255,.2);
  transform:scale(0.8);
  opacity:0;
  animation:ajIntroPulse 1s ease forwards;
}
.aj-preloader-isolated-logo{width:72px;height:72px;z-index:3}
.aj-preloader-isolated-ring{
  position:absolute;
  width:160px;
  height:160px;
  border:6px solid rgba(255,255,255,.1);
  border-top:6px solid #7d5fff;
  border-right:6px solid #00d4ff;
  border-radius:50%;
}
@keyframes ajIntroPulse{
  0%{transform:scale(0.8);opacity:0;box-shadow:0 0 0 rgba(0,0,0,0)}
  50%{transform:scale(1.15);opacity:1;box-shadow:0 0 40px rgba(0,255,200,.6),0 0 80px rgba(125,95,255,.5)}
  100%{transform:scale(1);opacity:1;box-shadow:0 0 25px rgba(0,255,200,.25),0 0 60px rgba(125,95,255,.2)}
}
</style>

<script>
(function(){
  const pre=document.getElementById("aj-preloader-isolated")
  const ring=pre.querySelector(".aj-preloader-isolated-ring")
  const canvas=document.getElementById("aj-preloader-isolated-canvas")
  const ctx=canvas.getContext("2d")
  let streaks=[],running=true,angle=0,spinSpeed=20

  function resize(){canvas.width=pre.offsetWidth;canvas.height=pre.offsetHeight}
  window.addEventListener("resize",resize);resize()

  function createStreaks(n=120){
    streaks=[]
    for(let i=0;i<n;i++){
      streaks.push({x:Math.random()*canvas.width,y:Math.random()*canvas.height,l:Math.random()*20+10,s:Math.random()*1.5+0.5,glow:Math.random()*2+1})
    }
  }

  function drawStreaks(){
    ctx.fillStyle="rgba(0,0,0,0.25)"
    ctx.fillRect(0,0,canvas.width,canvas.height)
    streaks.forEach(s=>{
      const g=ctx.createLinearGradient(s.x,s.y,s.x,s.y+s.l)
      g.addColorStop(0,"rgba(0,255,200,0.3)")
      g.addColorStop(1,"rgba(0,255,200,0)")
      ctx.strokeStyle=g
      ctx.shadowColor="rgba(0,255,200,0.6)"
      ctx.shadowBlur=s.glow
      ctx.beginPath()
      ctx.moveTo(s.x,s.y)
      ctx.lineTo(s.x,s.y+s.l)
      ctx.stroke()
    })
    ctx.shadowBlur=0
  }

  function updateStreaks(){
    streaks.forEach(s=>{
      s.y+=s.s
      if(s.y>canvas.height){s.y=0;s.x=Math.random()*canvas.width}
    })
  }

  function animate(){
    if(!running)return
    ctx.clearRect(0,0,canvas.width,canvas.height)
    drawStreaks()
    updateStreaks()
    // spin ring at 60fps
    angle+=spinSpeed
    spinSpeed*=0.985 // gradual slowdown
    ring.style.transform=`rotate(${angle}deg)`
    requestAnimationFrame(animate)
  }

  createStreaks()
  animate()

  setTimeout(()=>{
    pre.classList.add("hide")
    setTimeout(()=>{
      running=false
      pre.remove()
    },600)
  },900) // preload duration before fade
})();
</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>/* Custom animated hamburger */ .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; } /* Active state → cross */ .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/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>
document.addEventListener("DOMContentLoaded",()=>{
  const c=document.getElementById("ajStarsCanvas");
  const ctx=c.getContext("2d");
  let w,h,stars=[];
  function resize(){w=window.innerWidth;h=window.innerHeight;c.width=w;c.height=h}
  resize();window.addEventListener("resize",resize);
  for(let i=0;i<100;i++){
    stars.push({
      x:Math.random()*w,
      y:Math.random()*h,
      l:Math.random()*15+5,
      s:Math.random()*1.2+0.3,
      glow:Math.random()*2+1
    });
  }
  function draw(){
    ctx.fillStyle="rgba(0,0,0,0.25)";
    ctx.fillRect(0,0,w,h);
    stars.forEach(s=>{
      const g=ctx.createLinearGradient(s.x,s.y,s.x,s.y+s.l);
      g.addColorStop(0,"rgba(0,255,200,0.3)");
      g.addColorStop(1,"rgba(0,255,200,0)");
      ctx.strokeStyle=g;
      ctx.shadowColor="rgba(0,255,200,0.6)";
      ctx.shadowBlur=s.glow;
      ctx.beginPath();
      ctx.moveTo(s.x,s.y);
      ctx.lineTo(s.x,s.y+s.l);
      ctx.stroke();
    });
    ctx.shadowBlur=0;
    update();
  }
  function update(){
    stars.forEach(s=>{
      s.y+=s.s;
      if(s.y>h){s.y=0;s.x=Math.random()*w}
    });
  }
  function animate(){draw();requestAnimationFrame(animate)}
  animate();
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<div class="aj-login-bg d-flex justify-content-center align-items-center">
  <canvas id="ajSignupParticles"></canvas>
  <div class="aj-login-card text-center p-4">
    <h2 class="aj-login-title mb-4"><i class="fa-solid fa-user-plus me-2"></i> Ro‘yxatdan o‘tish</h2>

    
    <form method="post" autocomplete="off" class="aj-login-form">
      <input type="hidden" name="csrf" value="52a81e4c0971802afb8ec5d4d309ca05">

      <div class="mb-3 aj-fadein position-relative">
        <i class="fa-solid fa-user fa-sm position-absolute top-50 start-0 translate-middle-y ms-3 "></i>
        <input name="nickname" placeholder="Nickname yozing..." class="form-control ps-5" required>
      </div>

      <div class="mb-3 aj-fadein position-relative">
        <i class="fa-solid fa-envelope fa-sm position-absolute top-50 start-0 translate-middle-y ms-3 "></i>
        <input name="email" type="email" placeholder="Email yozing..." class="form-control ps-5" required>
      </div>

      <div class="mb-3 aj-fadein position-relative">
        <i class="fa-solid fa-lock fa-sm position-absolute top-50 start-0 translate-middle-y ms-3"></i>
        <input type="password" name="password" placeholder="Parol yozing..." class="form-control ps-5 pe-5" required id="password">
        <i class="fa-solid fa-eye position-absolute top-50 end-0 translate-middle-y me-3 "
           style="cursor:pointer" onclick="togglePass('password',this)"></i>
      </div>

      <div class="mb-3 aj-fadein position-relative">
        <input type="password" name="password2" placeholder="Parolni qayta yozing..." class="form-control ps-5" required id="password2">
        <div id="passMsg" class="small mt-1 text-start"></div>
      </div>

      <div class="mb-3 aj-fadein text-start">
        <label class="form-label fw-bold">Captcha</label>
        <div class="d-flex align-items-center gap-2 flex-wrap">
          <span class="fw-bold text-neon">11 - 2 = ?</span>
          <input type="number" name="captcha_answer" class="form-control" style="max-width:120px" placeholder="Javob" required>
        </div>
      </div>

      <button type="submit" id="submitBtn" class="btn btn-neon w-100 mt-2 aj-fadein" disabled>
        <i class="fa-solid fa-user-check me-1"></i> Davom etish
      </button>
      <div id="loadingBtn" class="btn btn-neon w-100 mt-2 d-none" disabled>
        <span class="spinner-border spinner-border-sm me-2"></span> Yuklanmoqda...
      </div>
    </form>

    <div class="text-center mt-4 aj-fadein">
      <small>Allaqachon hisobingiz bormi?
        <a href="https://adolfjon.uz/auth/signin" class="link-neon">Kirish</a>
      </small>
    </div>
  </div>
</div>

<style>
.aj-login-bg{position:relative;width:100%;height:100vh;overflow:hidden}
#ajSignupParticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.aj-login-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(5px) saturate(180%);border-radius:22px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 10px 35px rgba(0,0,0,0.5);max-width:420px;width:90%;z-index:2}
.aj-login-title{font-family:'Poppins',sans-serif;font-weight:700;color:#eaf1ff}
.form-control{border-radius:14px;border:1px solid rgba(255,255,255,0.2);padding:12px 14px;background:rgba(255,255,255,0.08);color:#fff!important}
.form-control::placeholder{color:#aab7d1}
.form-control:focus{border-color:#69ffe6;box-shadow:0 0 12px rgba(105,255,230,.5);background:rgba(255,255,255,0.12);color:#fff!important}
.btn-neon{background:linear-gradient(90deg,#2ea6ff,#69ffe6);color:#051a17;font-weight:700;border:none;border-radius:16px;padding:12px;font-size:16px;transition:.25s}
.btn-neon:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 18px rgba(105,255,230,.6)}
.link-neon{color:#69ffe6;font-weight:600}
.link-neon:hover{text-decoration:underline}
.text-neon{color:#69ffe6}
.aj-fadein{opacity:0;animation:fadeIn .9s forwards}
@keyframes fadeIn{to{opacity:1}}

</style>

<script>
function togglePass(id,el){
  const input=document.getElementById(id);
  if(input.type==="password"){input.type="text";el.classList.remove("fa-eye");el.classList.add("fa-eye-slash")}
  else{input.type="password";el.classList.remove("fa-eye-slash");el.classList.add("fa-eye")}
}
const p1=document.getElementById("password");
const p2=document.getElementById("password2");
const passMsg=document.getElementById("passMsg");
const submitBtn=document.getElementById("submitBtn");
const loadingBtn=document.getElementById("loadingBtn");
function checkPasswords(){
  if(!p1.value && !p2.value){passMsg.textContent="";passMsg.className="small mt-1";submitBtn.disabled=true;return}
  if(p1.value===p2.value){passMsg.textContent="✅ Parollar mos";passMsg.className="small mt-1 text-success";submitBtn.disabled=false}
  else{passMsg.textContent="❌ Parollar mos emas";passMsg.className="small mt-1 text-danger";submitBtn.disabled=true}
}
p1.addEventListener("input",checkPasswords);
p2.addEventListener("input",checkPasswords);
const form=document.querySelector(".aj-login-form");
form.addEventListener("submit",()=>{submitBtn.classList.add("d-none");loadingBtn.classList.remove("d-none")});
</script>