.sites-grid{display:flex;flex-direction:column;gap:24px;margin-top:32px}.site-card{display:flex;align-items:center;gap:24px;padding:28px;background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border:2px solid rgba(0,148,64,.15);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.site-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary-color),rgba(0,148,64,.6));transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.site-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,148,64,.15)}.site-card:hover::before{transform:scaleY(1)}.site-card-current{background:linear-gradient(135deg,rgba(0,148,64,.05)0,rgba(0,148,64,.02) 100%);border-color:rgba(0,148,64,.3)}.site-card-current:hover{transform:none;cursor:default}.site-icon{flex-shrink:0;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),#007a33);border-radius:16px;color:#fff;font-size:32px;box-shadow:0 4px 12px rgba(0,148,64,.3)}.site-card-current .site-icon{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.site-info{flex:1;min-width:0}.site-info h3{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:#1e293b;transition:color .3s ease}.site-badge span,.site-url{display:inline-block;border-radius:20px}.site-arrow,.site-card:hover .site-info h3,.site-url{color:var(--primary-color)}.site-url{font-size:.9rem;font-weight:500;margin-bottom:12px;padding:4px 10px;background:rgba(0,148,64,.1)}.site-info p{margin:0;color:#64748b;font-size:1rem;line-height:1.6}.site-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.5;transition:all .3s ease}.site-card:hover .site-arrow{opacity:1;transform:translateX(4px)}.site-arrow,.site-badge{flex-shrink:0}.site-badge span{padding:8px 16px;background:linear-gradient(135deg,var(--primary-color),#007a33);color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px rgba(0,148,64,.3)}@media (max-width:768px){.site-card{flex-direction:column;text-align:center;padding:24px 20px;gap:16px}.site-card::before{width:100%;height:4px;transform:scaleX(0)}.site-card:hover::before{transform:scaleX(1)}.site-icon{width:80px;height:80px;font-size:36px}.site-info h3{font-size:1.3rem}.site-arrow{display:none}.site-badge{margin-top:8px}}@media (max-width:480px){.sites-grid{gap:16px;margin-top:24px}.site-card{padding:20px 16px}.site-icon{width:64px;height:64px;font-size:28px;border-radius:12px}.site-info h3{font-size:1.2rem}.site-info p{font-size:.95rem}.site-url{font-size:.85rem}}