.ovh-servers-list{max-width:1400px;margin:40px auto;padding:0 20px}.ovh-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;margin-top:30px}.ovh-server-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .08);transition:all 0.3s ease;cursor:pointer;text-decoration:none;display:block;border:2px solid #0050d5}.ovh-server-card:hover{transform:translateY(-8px);background:#f2f6ff;box-shadow:0 12px 40px rgb(0 80 213 / .2);border-color:#0050d5}.server-card-header{background:linear-gradient(135deg,#0050d5 0%,#003aa3 100%);color:#fff;padding:20px 25px;position:relative;overflow:hidden}.server-card-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);pointer-events:none}.server-name{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px 0;position:relative}.server-processor{font-size:15px;opacity:.95;margin:0px!important;font-weight:400;position:relative}.server-card-body{padding:25px}.server-price{display:flex;align-items:baseline;gap:8px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.price-amount{font-size:34px;font-weight:700;color:#0050d5;line-height:1}.price-currency{font-size:24px;font-weight:600;color:#0050d5}.price-period{font-size:15px;font-weight:800;color:#666}.server-specs{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.spec-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#555}.spec-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#e8f4ff;border-radius:6px;color:#0050d5;font-weight:600;flex-shrink:0}.spec-label{font-weight:500;color:#333;min-width:80px}.spec-value{color:#666}.server-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.feature-badge{background:#f0f7ff;color:#0050d5;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.feature-badge::before{content:'✓';font-weight:700}.server-card-footer{padding:20px 25px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.datacenter-count{font-size:13px;color:#666;display:flex;align-items:center;gap:6px;position:relative;cursor:help}.datacenter-count::before{content:'📍'}.datacenter-count::after{content:attr(data-locations);position:absolute;bottom:100%;left:64%;transform:translateX(-50%) translateY(-8px);background:#fff;color:#333;padding:14px 18px;border-radius:8px;font-size:13px;line-height:1.8;white-space:pre-line;min-width:220px;max-width:320px;box-shadow:0 4px 20px rgb(0 0 0 / .15);border:1px solid #e0e0e0;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;pointer-events:none;z-index:1000;text-align:left}.datacenter-count:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-12px)}@media (max-width:768px){.datacenter-count::after{left:50%;transform:translateX(-50%) translateY(-8px);min-width:200px;max-width:280px}.datacenter-count:hover::after{transform:translateX(-50%) translateY(-12px)}}.configure-btn{background:#0050d5;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.configure-btn:hover{background:#003aa3;transform:translateX(3px)}.configure-btn::after{content:' →';margin-left:5px}.ovh-servers-loading{text-align:center;padding:80px 20px}.servers-spinner{width:60px;height:60px;margin:0 auto 20px;border:5px solid #f3f3f3;border-top:5px solid #0050d5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.servers-loading-text{font-size:18px;color:#666}.ovh-servers-error{text-align:center;padding:60px 20px;color:#d32f2f}.ovh-servers-error h3{font-size:24px;margin:0 0 10px 0}.ovh-servers-empty{text-align:center;padding:80px 20px;color:#999}.ovh-servers-empty h3{font-size:24px;margin:0 0 10px 0}.servers-page-header{text-align:center;margin-bottom:50px}.servers-page-header h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 15px 0}.servers-page-header p{font-size:18px;color:#666;max-width:700px;margin:0 auto;line-height:1.6}@media (max-width:768px){.ovh-servers-grid{grid-template-columns:1fr;gap:20px}.server-name{font-size:24px}.price-amount{font-size:34px}.servers-page-header h1{font-size:32px}}@media (max-width:480px){.ovh-servers-list{padding:0 15px}.server-card-header{padding:25px 20px}.server-card-body{padding:20px}.price-amount{font-size:32px}}