.features-section{margin:4rem 0;padding:0;font-family:var(--font-primary);width:100%;box-sizing:border-box}.features-section h2{text-align:center;margin-bottom:3rem;color:var(--text);font-size:2rem;font-family:var(--font-primary);padding:0 1rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--background);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--text-light);font-size:.9375rem;font-family:var(--font-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--gradient-1: linear-gradient(90deg, #ffffff 0%, #e6f0f8 100%);--gradient-2: linear-gradient(90deg, #ffffff 0%, #e6f8f0 100%);--gradient-3: linear-gradient(90deg, #ffffff 0%, #f8f0e6 100%);--gradient-4: linear-gradient(90deg, #ffffff 0%, #f0e6f8 100%);--gradient-5: linear-gradient(90deg, #ffffff 0%, #f8f5e6 100%);--gradient-6: linear-gradient(90deg, #ffffff 0%, #e6f5f8 100%)}.info-block{background:var(--card-bg);padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;text-align:center;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border);font-family:var(--font-primary);width:100%;box-sizing:border-box;overflow:hidden;position:relative;display:flex;flex-direction:column;min-height:220px}.info-block:nth-child(6n+1){background:var(--gradient-1)}.info-block:nth-child(6n+2){background:var(--gradient-2)}.info-block:nth-child(6n+3){background:var(--gradient-3)}.info-block:nth-child(6n+4){background:var(--gradient-4)}.info-block:nth-child(6n+5){background:var(--gradient-5)}.info-block:nth-child(6n){background:var(--gradient-6)}[data-theme=dark] .info-block{background:var(--card-bg)}.info-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.info-block h3{margin:0 0 .5rem;font-size:1.25rem;font-family:var(--font-primary);font-weight:500;color:var(--text);position:relative;z-index:1}.info-block h3 a{color:var(--primary);text-decoration:none;transition:color .2s}.info-block h3 a:hover{color:var(--primary-dark);text-decoration:underline}.info-block p{margin:0;color:var(--text);line-height:1.6;font-family:var(--font-primary);word-break:break-word;flex-grow:1;position:relative;z-index:1}.info-block p a{color:var(--primary);text-decoration:none;transition:color .2s}.info-block p a:hover{color:var(--primary-dark);text-decoration:underline}.salon-user-count{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#6666991a;border-radius:1rem;color:var(--primary);font-size:.875rem;font-weight:500;font-family:var(--font-primary);box-shadow:0 2px 4px #6666991a;border:1px solid rgba(102,102,153,.2);margin:.75rem auto;position:relative;z-index:1}.salon-user-count .pulse-dot{width:6px;height:6px;background-color:var(--primary);border-radius:50%;position:relative}.salon-user-count .pulse-dot:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary);border-radius:50%;animation:pulse 2s ease-out infinite;opacity:.6}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(3);opacity:0}}.join-button{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background-color .2s,transform .2s;margin-top:1rem;width:100%;font-family:var(--font-primary);position:relative;z-index:1}.join-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.join-button:active{transform:translateY(0)}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 870px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-section{margin:2rem 0}.features-section h2{font-size:1.75rem;margin-bottom:2rem}.features-grid{grid-template-columns:1fr;gap:1rem}.info-block{margin:0;min-height:200px}.info-block h3{font-size:1.125rem}.info-block p{font-size:.9375rem}.join-button{padding:.625rem 1.25rem;font-size:.875rem}.loading{padding:3rem 0}.loading-spinner{width:32px;height:32px;border-width:2px}.loading-text{font-size:.875rem}}@media (max-width: 480px){.features-section h2{font-size:1.5rem}.subtitle{font-size:1rem}.info-block{padding:1.25rem}}