:root {
     --primary-color: #6366f1;
     --primary-hover: #4f46e5;
     --success-color: #10b981;
     /* رنگ سبز برای نشانگر فعالیت */
     --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
     --glass-bg: rgba(255, 255, 255, 0.03);
     --glass-border: rgba(255, 255, 255, 0.05);
     --text-main: #f8fafc;
     --text-muted: #94a3b8;
 }

 /* ------------------indexpage------------------ */
 .navbar {
     display: none;
 }

 .top-bar {
     display: none;
 }

 header {
     display: none;
 }

 /* المان‌های تزئینی پس‌زمینه */
 .all-style {
     min-height: 100vh;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
     position: relative;
     background: var(--bg-gradient);
     color: var(--text-main);
     width: 100%;
 }

 .blob {
     position: absolute;
     filter: blur(80px);
     z-index: -1;
     opacity: 0.5;
     animation: float 10s ease-in-out infinite;
 }

 .blob-1 {
     top: -10%;
     right: -10%;
     width: 400px;
     height: 400px;
     background: rgba(99, 102, 241, 0.4);
     border-radius: 50%;
 }

 .blob-2 {
     bottom: -10%;
     left: -10%;
     width: 500px;
     height: 500px;
     background: rgba(236, 72, 153, 0.3);
     border-radius: 50%;
     animation-delay: -5s;
 }

 /* کانتینر اصلی - استایل شیشه‌ای */
 .container {
     background: var(--glass-bg);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     border: 1px solid var(--glass-border);
     border-radius: 24px;
     padding: 4rem 3rem;
     width: 90%;
     max-width: 800px;
     text-align: center;
     box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
     animation: fadeInUp 1s ease-out;
 }

 /* هدر و لوگو */
 .logo {
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 2.5rem;
     letter-spacing: 1px;
     color: var(--text-muted);
 }

 .title {
     font-size: 3rem;
     font-weight: 900;
     margin-bottom: 1.5rem;
     background: linear-gradient(to right, #818cf8, #c084fc);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .subtitle {
     font-size: 1.1rem;
     color: var(--text-muted);
     margin-bottom: 2rem;
     line-height: 1.8;
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
 }

 /* نشانگر وضعیت (جایگزین تایمر) */
 .status-badge {
     display: inline-flex;
     align-items: center;
     gap: 0.8rem;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid var(--glass-border);
     padding: 0.6rem 1.2rem;
     border-radius: 50px;
     font-size: 0.95rem;
     color: var(--text-main);
     margin-bottom: 3.5rem;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
 }

 .pulse-dot {
     width: 10px;
     height: 10px;
     background-color: var(--success-color);
     border-radius: 50%;
     box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
     animation: pulse-animation 2s infinite;
 }

 /* فرم خبرنامه */
 .newsletter {
     display: flex;
     max-width: 500px;
     margin: 0 auto 3.5rem auto;
     position: relative;
 }

 .newsletter input {
     flex: 1;
     padding: 1.2rem 1.5rem;
     border: 1px solid var(--glass-border);
     background: rgba(255, 255, 255, 0.05);
     border-radius: 0 12px 12px 0;
     /* شعاع حاشیه برای راست‌چین */
     color: var(--text-main);
     font-size: 1rem;
     outline: none;
     transition: all 0.3s ease;
     direction: ltr;
     /* ایمیل چپ به راست است */
     text-align: left;
 }

 .newsletter input::placeholder {
     color: var(--text-muted);
     text-align: right;
 }

 .newsletter input:focus {
     background: rgba(255, 255, 255, 0.08);
     border-color: var(--primary-color);
 }

 .newsletter button {
     padding: 0 2rem;
     border: none;
     background: var(--primary-color);
     color: white;
     font-size: 1rem;
     font-weight: 600;
     border-radius: 12px 0 0 12px;
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .newsletter button:hover {
     background: var(--primary-hover);
 }

 /* شبکه‌های اجتماعی */
 .social-links {
     display: flex;
     justify-content: center;
     gap: 1.5rem;
 }

 .social-links a {
     color: var(--text-muted);
     font-size: 1.5rem;
     transition: all 0.3s ease;
     text-decoration: none;
     background: rgba(255, 255, 255, 0.03);
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     border: 1px solid transparent;
 }

 .social-links a:hover {
     color: var(--text-main);
     background: var(--primary-color);
     border-color: var(--primary-hover);
     transform: translateY(-3px);
     box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);
 }

 /* انیمیشن‌ها */
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes float {

     0%,
     100% {
         transform: translateY(0) scale(1);
     }

     50% {
         transform: translateY(-20px) scale(1.05);
     }
 }

 @keyframes pulse-animation {
     0% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
     }

     70% {
         transform: scale(1);
         box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
     }

     100% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
     }
 }

 /* واکنش‌گرایی (Mobile) */
 @media (max-width: 768px) {
     .container {
         padding: 3rem 1.5rem;
     }

     .title {
         font-size: 2.2rem;
     }

     .newsletter {
         flex-direction: column;
         gap: 1rem;
     }

     .newsletter input {
         border-radius: 12px;
         text-align: center;
     }

     .newsletter input::placeholder {
         text-align: center;
     }

     .newsletter button {
         border-radius: 12px;
         padding: 1.2rem;
     }
 }

 .main-footer {
     display: none;
 }

 /* ------------------/indexpage------------------ */