:root{--primary:#0ead69;--secondary:#ffd23f;--background:#f4f7f6;--surface:#fff;--text:#1a1a1a;--text-muted:#95a5a6;--success:#2ecc71;--error:#e74c3c;--pending:#95a5a6;--border:#1a1a1a0d}[data-theme=dark]{--background:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-muted:#cbd5e1;--border:#f8fafc1a;--pending:#94a3b8}.share-button{box-shadow:0 4px 15px rgba(var(--primary), .3);padding:1rem;font-size:1.1rem}.share-button--copied{background-color:var(--success);box-shadow:0 4px 15px rgba(var(--success), .3)}
.suggested-matches{border-top:1px solid #ffffff1a;margin-top:3rem;padding:2rem 1rem;animation:.8s ease-out fadeIn}.suggested-matches__title{width:fit-content;color:var(--text-muted);text-transform:uppercase;letter-spacing:3px;opacity:.8;margin:0 auto 2.5rem;font-size:1rem;font-weight:800;display:block;position:relative}.suggested-matches__title:after{content:"";background:var(--accent-color,#fbbf24);width:40px;height:2px;box-shadow:0 0 10px var(--accent-color,#fbbf24);border-radius:2px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.suggested-matches__grid{flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;display:flex}.suggested-match-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;background:linear-gradient(145deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:1.5rem;flex-direction:column;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.suggested-match-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff0d,#0000);height:100%;position:absolute;top:0;left:0;right:0}.suggested-match-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 25px 50px -12px #00000080}.suggested-match-card:hover .suggested-match-card__vs{color:var(--accent-color,#fbbf24);transform:translateY(-50%)scale(1.2)}.suggested-match-card:hover:before{background:radial-gradient(circle at 100% 0,#fbbf2426,#0000)}.suggested-match-card:hover .suggested-match-card__league{opacity:.8;border-color:#ffffff1a}.suggested-match-card__teams{justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.25rem;display:flex;position:relative}.suggested-match-card__team{text-align:center;z-index:1;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.suggested-match-card__team img{object-fit:contain;filter:drop-shadow(0 6px 12px #0006);width:52px;height:52px;transition:transform .4s}.suggested-match-card__team span{color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.4rem;font-size:.85rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.suggested-match-card:hover .suggested-match-card__team img{transform:scale(1.15)rotate(5deg)}.suggested-match-card__vs{color:var(--text-muted);text-transform:uppercase;opacity:.4;letter-spacing:1px;font-size:.7rem;font-weight:900;transition:all .4s;position:absolute;top:26px;left:50%;transform:translate(-50%,-50%)}.suggested-match-card__league{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:1.5px;opacity:.5;border-top:1px solid #ffffff0d;margin-top:.25rem;padding-top:.75rem;font-size:.65rem;font-weight:800;transition:all .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.suggested-matches{padding:3rem 2rem}.suggested-matches__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1100px;display:grid}.suggested-match-card{min-height:200px;padding:2rem 1.5rem}.suggested-match-card__team img{width:58px;height:58px}.suggested-match-card__team span{margin-top:.25rem;font-size:.95rem}.suggested-match-card__vs{font-size:.85rem;top:32px}.suggested-match-card__league{margin-top:.5rem;font-size:.75rem}}