/* frontend/about.blade.php-dən köçürülüb */
/* Logo showcase */
.az-logo-showcase{background:#fff;border-radius:20px;padding:8px;box-shadow:0 8px 40px rgba(0,102,255,.12);overflow:hidden;}

/* Server cards */
.srv-card{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--gray-200);transition:all .3s;position:relative;overflow:hidden;}
.srv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;}
.srv-primary::before{background:linear-gradient(90deg,#00b0ff,#0066ff);}
.srv-success::before{background:linear-gradient(90deg,#00e676,#00b248);}
.srv-warning::before{background:linear-gradient(90deg,#ffb300,#ff6d00);}
.srv-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.1);}

.srv-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.srv-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.srv-primary .srv-icon-wrap{background:rgba(0,176,255,.12);color:#00b0ff;}
.srv-success .srv-icon-wrap{background:rgba(0,230,118,.12);color:#00c853;}
.srv-warning .srv-icon-wrap{background:rgba(255,179,0,.12);color:#ff8f00;}

.srv-badge{font-size:.68rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 8px;border-radius:999px;display:inline-block;margin-bottom:2px;}
.srv-primary .srv-badge{background:rgba(0,176,255,.12);color:#00b0ff;}
.srv-success .srv-badge{background:rgba(0,230,118,.12);color:#00c853;}
.srv-warning .srv-badge{background:rgba(255,179,0,.12);color:#ff8f00;}

.srv-domain{font-size:.9rem;font-weight:700;color:var(--gray-800);}
.srv-status{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.75rem;color:#00c853;font-weight:600;white-space:nowrap;}
.srv-dot{width:7px;height:7px;border-radius:50%;background:#00c853;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

.srv-divider{height:1px;background:var(--gray-100);margin:0 0 16px;}
.srv-specs{display:flex;flex-direction:column;gap:8px;}
.srv-spec-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:8px;background:var(--gray-50);}
.srv-spec-label{font-size:.78rem;color:var(--gray-400);display:flex;align-items:center;gap:6px;}
.srv-spec-label i{width:14px;text-align:center;}
.srv-spec-val{font-size:.8rem;font-weight:700;color:var(--gray-800);}

/* Stats — index ilə eyni */
.az-stats-section{background:linear-gradient(135deg,var(--blue-dark,#0d2244),var(--blue,#1565C0));position:relative;}
.az-stat-item h2{font-size:2.8rem;font-weight:800;color:#fff;}
.az-stat-item p{color:rgba(255,255,255,.65);font-size:.9rem;margin:4px 0 0;}

/* SEO block */
.az-seo-block{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;padding:40px;}
.az-seo-cta{background:#fff;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.06);}

/* Timeline */
.az-timeline{position:relative;max-width:820px;margin:0 auto;padding:10px 0;}
.az-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gray-200);transform:translateX(-50%);}
.az-timeline-item{padding:16px 44px;position:relative;width:50%;}
.az-timeline-item:nth-child(even){left:50%;}
.az-timeline-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 3px var(--gray-200);top:26px;right:-8px;z-index:1;}
.az-timeline-item:nth-child(even) .az-timeline-dot{right:auto;left:-8px;}
.az-timeline-content{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:18px 20px;transition:all .25s;}
.az-timeline-content:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08);}
.az-timeline-year{display:inline-block;background:var(--blue-pale,#e8f4fd);color:var(--accent);border:1px solid var(--gray-200);border-radius:999px;padding:2px 12px;font-size:.78rem;font-weight:700;margin-bottom:8px;}
@media(max-width:768px){
  .az-timeline::before{left:24px;}
  .az-timeline-item{width:100%;padding-left:60px;padding-right:12px;margin-bottom:20px;}
  .az-timeline-item:nth-child(even){left:0;}
  .az-timeline-dot,.az-timeline-item:nth-child(even) .az-timeline-dot{left:16px;right:auto;}
}

/* Product cards */
.az-product-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;transition:all .25s;}
.az-product-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.08);}
.btn-outline-custom{border:2px solid var(--accent);color:var(--accent);background:transparent;border-radius:50px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;}
.btn-outline-custom:hover{background:var(--accent);color:#fff;}