.dd-slap-shot {
--ddss-red: #d71920;
--ddss-red-dark: #8f0f14;
--ddss-black: #050505;
--ddss-white: #ffffff;
--ddss-grey: #b8b8b8;
--ddss-blue: #1e5e94;
--ddss-gold: #f5c542;
--ddss-border-red: rgba(215, 25, 32, 0.45);
box-sizing: border-box;
color: var(--ddss-white);
font-family: Arial, Helvetica, sans-serif;
}
.dd-slap-shot *, .dd-slap-shot *::before, .dd-slap-shot *::after { box-sizing: border-box; }
.dd-slap-shot .ddss-page { position: relative; z-index: 1; padding: 28px; overflow-x: hidden; background: radial-gradient(circle at 15% 12%, rgba(215,25,32,0.4), transparent 30%), radial-gradient(circle at 85% 88%, rgba(215,25,32,0.2), transparent 34%), linear-gradient(135deg, #030303 0%, #121212 52%, #050505 100%); }
.dd-slap-shot .ddss-wrap { width: 100%; max-width: 1280px; margin: 0 auto; }
.dd-slap-shot .ddss-game-section { width: 100%; } .dd-slap-shot .ddss-hero-card, .dd-slap-shot .ddss-info-card, .dd-slap-shot .ddss-game-card, .dd-slap-shot .ddss-leaderboard-card, .dd-slap-shot .ddss-achievement-card, .dd-slap-shot .ddss-sponsor-card { border: 1px solid var(--ddss-border-red); background: linear-gradient(180deg, rgba(255,255,255,0.095), rgba(255,255,255,0.04)), rgba(0,0,0,0.34); box-shadow: 0 26px 90px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 28px; } .dd-slap-shot .ddss-hero { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; align-items: start; margin-bottom: 26px; }
.dd-slap-shot .ddss-hero-card { position: relative; overflow: hidden; padding: 32px; }
.dd-slap-shot .ddss-hero-card::after { content: "SHOOT"; position: absolute; right: -34px; bottom: -42px; font-size: 8.5rem; font-weight: 900; line-height: 1; color: rgba(215,25,32,0.11); letter-spacing: -0.08em; pointer-events: none; }
.dd-slap-shot .ddss-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; border-radius: 999px; border: 1px solid rgba(215,25,32,0.55); background: rgba(215,25,32,0.12); color: #fff; font-size: 0.8rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.dd-slap-shot .ddss-hero-title { position: relative; z-index: 1; margin: 18px 0 12px; max-width: 800px; font-size: clamp(3rem, 7vw, 6.8rem); line-height: 0.88; letter-spacing: -0.06em; text-transform: uppercase; }
.dd-slap-shot .ddss-hero-title span { color: var(--ddss-red); text-shadow: 0 0 25px rgba(215,25,32,0.34); }
.dd-slap-shot .ddss-hero-text { position: relative; z-index: 1; max-width: 680px; margin: 0; color: var(--ddss-grey); font-size: 1.08rem; line-height: 1.65; }
.dd-slap-shot .ddss-hero-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .dd-slap-shot .ddss-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 13px 19px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.14); font-family: inherit; font-weight: 900; text-decoration: none; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; font-size: 0.95rem; }
.dd-slap-shot .ddss-btn:hover { transform: translateY(-2px); }
.dd-slap-shot .ddss-btn-primary { background: linear-gradient(180deg, var(--ddss-red), var(--ddss-red-dark)); color: #fff; box-shadow: 0 12px 35px rgba(215,25,32,0.24); }
.dd-slap-shot .ddss-btn-secondary { background: rgba(255,255,255,0.08); color: #fff; } .dd-slap-shot .ddss-info-card { padding: 24px; }
.dd-slap-shot .ddss-info-grid { display: grid; gap: 14px; }
.dd-slap-shot .ddss-mini-stat { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px; border-radius: 20px; background: rgba(255,255,255,0.075); border: 1px solid rgba(255,255,255,0.1); }
.dd-slap-shot .ddss-mini-stat span { color: var(--ddss-grey); font-size: 0.86rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.dd-slap-shot .ddss-mini-stat strong { font-size: 1.55rem; color: #fff; } .dd-slap-shot .ddss-main-grid { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; } .dd-slap-shot .ddss-game-card { padding: 20px; }
.dd-slap-shot .ddss-game-top { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-bottom: 16px; }
.dd-slap-shot .ddss-stat-box { padding: 15px; border-radius: 18px; text-align: center; background: rgba(255,255,255,0.075); border: 1px solid rgba(255,255,255,0.1); }
.dd-slap-shot .ddss-stat-box span { display: block; margin-bottom: 6px; color: var(--ddss-grey); font-size: 0.72rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.dd-slap-shot .ddss-stat-box strong { font-size: 1.35rem; color: #fff; } .dd-slap-shot .ddss-rink { position: relative; width: 100%; min-height: 560px; overflow: hidden; border: 10px solid rgba(255,255,255,0.9); border-radius: 125px 125px 34px 34px; background: repeating-linear-gradient(165deg, rgba(0,0,0,0.055) 0, rgba(0,0,0,0.055) 1px, transparent 1px, transparent 52px), linear-gradient(135deg, #f3fafc 0%, #dbe8ed 52%, #f4fafc 100%); box-shadow: inset 0 0 50px rgba(0,0,0,0.16); touch-action: none; }
.dd-slap-shot .ddss-rink::before { content: ""; position: absolute; inset: 14px; border: 4px solid rgba(215,25,32,0.75); border-radius: 105px 105px 24px 24px; pointer-events: none; z-index: 1; }
.dd-slap-shot .ddss-goal-line { position: absolute; left: 14px; right: 14px; top: 118px; height: 5px; background: rgba(215,25,32,0.75); z-index: 2; }
.dd-slap-shot .ddss-blue-line { position: absolute; left: 14px; right: 14px; bottom: 25%; height: 5px; background: rgba(30,94,148,0.55); z-index: 2; }
.dd-slap-shot .ddss-bottom-arc { position: absolute; left: 50%; bottom: -78px; width: 170px; height: 170px; transform: translateX(-50%); border: 4px solid rgba(30,94,148,0.32); border-radius: 50%; z-index: 2; } .dd-slap-shot .ddss-net { position: absolute; left: 50%; top: 46px; width: min(360px, 52%); height: 94px; transform: translateX(-50%); border: 6px solid rgba(215,25,32,0.96); border-radius: 16px 16px 8px 8px; background: linear-gradient(rgba(0,0,0,0.13) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.13) 1px, transparent 1px), rgba(255,255,255,0.4); background-size: 18px 18px; box-shadow: 6px 9px 0 rgba(0,0,0,0.16); z-index: 3; }
.dd-slap-shot .ddss-target { position: absolute; top: 12px; width: 64px; height: 64px; border-radius: 50%; border: 4px solid rgba(215,25,32,0.9); background: radial-gradient(circle, rgba(255,255,255,0.55), rgba(215,25,32,0.14)); z-index: 4; box-shadow: inset 0 0 0 8px rgba(255,255,255,0.35), 0 0 18px rgba(215,25,32,0.22); }
.dd-slap-shot .ddss-target::after { content: "+30"; position: absolute; inset: 0; display: grid; place-items: center; color: var(--ddss-red); font-weight: 900; font-size: 0.9rem; }
.dd-slap-shot .ddss-target-left { left: 16px; }
.dd-slap-shot .ddss-target-right { right: 16px; } .dd-slap-shot .ddss-crease { position: absolute; left: 50%; top: 116px; width: 300px; height: 128px; transform: translateX(-50%); border: 4px solid rgba(30,94,148,0.4); border-top: 0; border-radius: 0 0 150px 150px; background: rgba(30,94,148,0.11); z-index: 2; }
.dd-slap-shot .ddss-goalie { position: absolute; top: 84px; width: 150px; height: 48px; border-radius: 18px; background: linear-gradient(180deg, #ff2a32, #9f0e14); box-shadow: 0 16px 30px rgba(0,0,0,0.34); z-index: 5; display: grid; place-items: center; color: #fff; font-weight: 900; user-select: none; }
.dd-slap-shot .ddss-goalie::before, .dd-slap-shot .ddss-goalie::after { content: ""; position: absolute; top: 8px; width: 34px; height: 50px; border-radius: 12px; background: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.16); }
.dd-slap-shot .ddss-goalie::before { left: -22px; }
.dd-slap-shot .ddss-goalie::after { right: -22px; } .dd-slap-shot .ddss-faceoff { position: absolute; top: 44%; width: 108px; height: 108px; transform: translateY(-50%); border: 4px solid rgba(30,94,148,0.34); border-radius: 50%; z-index: 2; }
.dd-slap-shot .ddss-faceoff-left { left: 14%; }
.dd-slap-shot .ddss-faceoff-right { right: 14%; }
.dd-slap-shot .ddss-faceoff::before, .dd-slap-shot .ddss-faceoff::after { content: ""; position: absolute; left: 50%; top: 50%; background: rgba(215,25,32,0.7); transform: translate(-50%, -50%); border-radius: 999px; }
.dd-slap-shot .ddss-faceoff::before { width: 48px; height: 4px; }
.dd-slap-shot .ddss-faceoff::after { width: 4px; height: 48px; }
.dd-slap-shot .ddss-faceoff-dot { position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--ddss-red); z-index: 2; } .dd-slap-shot .ddss-ice-sponsor { position: absolute; left: 50%; top: 44%; width: min(260px, 38%); min-height: 82px; transform: translate(-50%, -50%) rotate(-2deg); display: flex; align-items: center; justify-content: center; gap: 14px; padding: 14px 18px; border-radius: 22px; z-index: 2; pointer-events: none; opacity: 0.3; filter: saturate(0.75) contrast(0.9) blur(0.15px); mix-blend-mode: multiply; }
.dd-slap-shot .ddss-ice-sponsor::before { content: ""; position: absolute; inset: -10px; border-radius: 28px; background: linear-gradient(135deg, rgba(255,255,255,0.46), transparent 38%, rgba(255,255,255,0.22)), repeating-linear-gradient(165deg, rgba(255,255,255,0.25) 0, rgba(255,255,255,0.25) 1px, transparent 1px, transparent 18px); box-shadow: inset 0 0 24px rgba(255,255,255,0.45), 0 0 28px rgba(255,255,255,0.18); }
.dd-slap-shot .ddss-ice-sponsor-mark, .dd-slap-shot .ddss-ice-sponsor-copy { position: relative; z-index: 1; }
.dd-slap-shot .ddss-ice-sponsor-mark { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; background: radial-gradient(circle at 30% 25%, #fff, #9bc4d8 42%, #1d5e94 100%); color: #062338; font-size: 1.15rem; font-weight: 900; letter-spacing: -0.08em; }
.dd-slap-shot .ddss-ice-sponsor-mark img { width: 100%; height: 100%; object-fit: contain; border-radius: 18px; }
.dd-slap-shot .ddss-ice-sponsor-copy strong { display: block; color: #164a75; font-size: clamp(1.1rem, 2vw, 1.65rem); font-weight: 900; text-transform: uppercase; }
.dd-slap-shot .ddss-ice-sponsor-copy span { display: block; margin-top: 5px; color: var(--ddss-red); font-size: 0.85rem; font-weight: 900; letter-spacing: 0.22em; text-transform: uppercase; } .dd-slap-shot .ddss-shoot-line { position: absolute; height: 4px; border-radius: 999px; background: linear-gradient(90deg, rgba(215,25,32,0.72), rgba(255,255,255,0.3)); transform-origin: 0 50%; z-index: 4; pointer-events: none; opacity: 0.75; }
.dd-slap-shot .ddss-reticle { position: absolute; width: 44px; height: 44px; border-radius: 50%; border: 3px solid rgba(215,25,32,0.85); z-index: 6; pointer-events: none; transform: translate(-50%, -50%); }
.dd-slap-shot .ddss-reticle::before, .dd-slap-shot .ddss-reticle::after { content: ""; position: absolute; left: 50%; top: 50%; background: rgba(215,25,32,0.8); transform: translate(-50%, -50%); border-radius: 999px; }
.dd-slap-shot .ddss-reticle::before { width: 28px; height: 3px; }
.dd-slap-shot .ddss-reticle::after { width: 3px; height: 28px; }
.dd-slap-shot .ddss-puck { position: absolute; width: 32px; height: 32px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #5b5b5b, #050505 72%); box-shadow: 8px 9px 0 rgba(0,0,0,0.18); z-index: 7; transform: translate(-50%, -50%); } .dd-slap-shot .ddss-puck-trail { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,0.8); pointer-events: none; z-index: 6; animation: ddss-trailFade 0.38s ease-out forwards; }
@keyframes ddss-trailFade { 100% { opacity: 0; transform: scale(0.2); } }
.dd-slap-shot .ddss-goal-flash { position: absolute; inset: 0; z-index: 8; pointer-events: none; background: radial-gradient(circle at var(--goal-x) var(--goal-y), rgba(215,25,32,0.5), transparent 28%), radial-gradient(circle at var(--goal-x) var(--goal-y), rgba(255,255,255,0.62), transparent 14%); animation: ddss-goalFlash 0.46s ease-out forwards; }
@keyframes ddss-goalFlash { 0% { opacity: 0; transform: scale(0.92); } 32% { opacity: 1; } 100% { opacity: 0; transform: scale(1.08); } } .dd-slap-shot .ddss-overlay { position: absolute; inset: 0; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle, rgba(0,0,0,0.36), rgba(0,0,0,0.68)); z-index: 10; }
.dd-slap-shot .ddss-overlay.ddss-is-hidden { display: none; }
.dd-slap-shot .ddss-start-panel { width: min(500px, 92%); padding: 26px; border-radius: 26px; text-align: center; border: 1px solid rgba(215,25,32,0.58); background: rgba(0,0,0,0.72); box-shadow: 0 22px 80px rgba(0,0,0,0.55); }
.dd-slap-shot .ddss-start-panel h2 { margin: 0 0 10px; font-size: 2.2rem; }
.dd-slap-shot .ddss-start-panel p { margin: 0 0 20px; color: var(--ddss-grey); line-height: 1.55; } .dd-slap-shot .ddss-shot-controls { display: grid; gap: 14px; margin-top: 16px; }
.dd-slap-shot .ddss-power-label { display: flex; justify-content: space-between; color: var(--ddss-grey); font-size: 0.88rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 8px; }
.dd-slap-shot .ddss-power-meter { position: relative; height: 18px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,0.09); border: 1px solid rgba(255,255,255,0.12); }
.dd-slap-shot .ddss-sweet-spot { position: absolute; left: 72%; top: 0; width: 16%; height: 100%; background: rgba(245,197,66,0.28); border-left: 1px solid rgba(245,197,66,0.5); border-right: 1px solid rgba(245,197,66,0.5); }
.dd-slap-shot .ddss-power-fill { position: absolute; left: 0; top: 0; height: 100%; width: 0%; border-radius: inherit; background: linear-gradient(90deg, #fff, var(--ddss-gold), var(--ddss-red)); }
.dd-slap-shot .ddss-shoot-button { width: 100%; min-height: 56px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.14); background: linear-gradient(180deg, var(--ddss-red), var(--ddss-red-dark)); color: #fff; font-family: inherit; font-weight: 900; font-size: 1rem; cursor: pointer; } .dd-slap-shot .ddss-game-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; margin-top: 16px; }
.dd-slap-shot .ddss-game-message { margin: 0; color: #fff; font-weight: 900; font-size: 1.05rem; }
.dd-slap-shot .ddss-controls { display: flex; flex-wrap: wrap; gap: 10px; color: var(--ddss-grey); font-size: 0.95rem; }
.dd-slap-shot .ddss-key { display: inline-grid; place-items: center; min-width: 34px; height: 30px; padding: 0 9px; border-radius: 9px; background: rgba(255,255,255,0.14); color: #fff; font-weight: 900; } .dd-slap-shot .ddss-sidebar { display: grid; gap: 24px; }
.dd-slap-shot .ddss-leaderboard-card, .dd-slap-shot .ddss-achievement-card { padding: 24px; }
.dd-slap-shot .ddss-card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.dd-slap-shot .ddss-card-title h2 { margin: 0; font-size: 1.8rem; line-height: 1.1; }
.dd-slap-shot .ddss-card-title p { margin: 8px 0 0; color: var(--ddss-grey); line-height: 1.45; }
.dd-slap-shot .ddss-season-tag { flex: 0 0 auto; padding: 8px 11px; border-radius: 999px; color: #fff; background: rgba(215,25,32,0.16); border: 1px solid rgba(215,25,32,0.5); font-size: 0.75rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .dd-slap-shot .ddss-tabs { display: flex; gap: 8px; margin-bottom: 14px; padding: 5px; border-radius: 999px; background: rgba(255,255,255,0.07); }
.dd-slap-shot .ddss-tab { flex: 1; padding: 10px; border-radius: 999px; text-align: center; font-size: 0.82rem; font-weight: 900; color: var(--ddss-grey); cursor: pointer; border: none; background: transparent; font-family: inherit; }
.dd-slap-shot .ddss-tab.ddss-active { background: linear-gradient(180deg, var(--ddss-red), var(--ddss-red-dark)); color: #fff; } .dd-slap-shot .ddss-leader-list { display: grid; gap: 10px; }
.dd-slap-shot .ddss-leader { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 12px; border-radius: 18px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.09); }
.dd-slap-shot .ddss-rank { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px; background: rgba(255,255,255,0.12); font-weight: 900; }
.dd-slap-shot .ddss-rank-gold { background: rgba(245,197,66,0.18); color: var(--ddss-gold); border: 1px solid rgba(245,197,66,0.4); }
.dd-slap-shot .ddss-rank-silver { background: rgba(207,212,220,0.16); color: #cfd4dc; border: 1px solid rgba(207,212,220,0.36); }
.dd-slap-shot .ddss-rank-bronze { background: rgba(201,129,66,0.16); color: #c98142; border: 1px solid rgba(201,129,66,0.36); }
.dd-slap-shot .ddss-player strong { display: block; font-size: 0.98rem; }
.dd-slap-shot .ddss-player span { display: block; margin-top: 3px; color: var(--ddss-grey); font-size: 0.82rem; }
.dd-slap-shot .ddss-score { font-size: 1.2rem; font-weight: 900; color: #fff; } .dd-slap-shot .ddss-badges { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.dd-slap-shot .ddss-badge-item { padding: 14px; border-radius: 18px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.09); }
.dd-slap-shot .ddss-badge-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 10px; border-radius: 14px; background: rgba(215,25,32,0.16); border: 1px solid rgba(215,25,32,0.38); font-size: 1.25rem; }
.dd-slap-shot .ddss-badge-item strong { display: block; margin-bottom: 4px; }
.dd-slap-shot .ddss-badge-item span { color: var(--ddss-grey); font-size: 0.82rem; line-height: 1.35; } .dd-slap-shot .ddss-sponsor-card { margin-top: 24px; padding: 24px; display: grid; grid-template-columns: 1fr auto; gap: 18px; align-items: center; }
.dd-slap-shot .ddss-sponsor-card h2 { margin: 0 0 8px; font-size: 1.55rem; }
.dd-slap-shot .ddss-sponsor-card p { margin: 0; color: var(--ddss-grey); line-height: 1.55; }
.dd-slap-shot .ddss-sponsor-box { width: 220px; min-height: 90px; display: grid; place-items: center; border-radius: 22px; border: 1px dashed rgba(255,255,255,0.25); background: rgba(255,255,255,0.06); color: var(--ddss-grey); font-weight: 900; text-align: center; padding: 16px; }
.dd-slap-shot .ddss-sponsor-box img { max-width: 100%; max-height: 70px; object-fit: contain; } @media (max-width: 1080px) {
.dd-slap-shot .ddss-hero, .dd-slap-shot .ddss-main-grid { grid-template-columns: 1fr; }
.dd-slap-shot .ddss-sidebar { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 780px) {
.dd-slap-shot .ddss-page { padding: 16px; }
.dd-slap-shot .ddss-hero-card, .dd-slap-shot .ddss-info-card, .dd-slap-shot .ddss-game-card, .dd-slap-shot .ddss-leaderboard-card, .dd-slap-shot .ddss-achievement-card, .dd-slap-shot .ddss-sponsor-card { border-radius: 22px; }
.dd-slap-shot .ddss-hero-card { padding: 24px; }
.dd-slap-shot .ddss-game-top { grid-template-columns: repeat(2, 1fr); }
.dd-slap-shot .ddss-rink { min-height: 480px; border-radius: 90px 90px 28px 28px; }
.dd-slap-shot .ddss-rink::before { border-radius: 72px 72px 20px 20px; }
.dd-slap-shot .ddss-net { width: min(290px, 62%); }
.dd-slap-shot .ddss-sidebar, .dd-slap-shot .ddss-sponsor-card { grid-template-columns: 1fr; }
.dd-slap-shot .ddss-sponsor-box { width: 100%; }
.dd-slap-shot .ddss-badges { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
.dd-slap-shot .ddss-hero-title { font-size: 3.4rem; }
.dd-slap-shot .ddss-game-top { grid-template-columns: 1fr; }
.dd-slap-shot .ddss-faceoff { width: 86px; height: 86px; }
.dd-slap-shot .ddss-ice-sponsor { width: 185px; opacity: 0.26; }
} .dd-slap-shot .ddss-leaderboard-card--compact { max-width: 520px; margin: 0 auto; }
.dd-slap-shot .ddss-sponsor-section--compact { margin-top: 28px; }
.dd-slap-shot .ddss-sponsor-strip { padding: 18px; border-radius: 22px; border: 1px dashed rgba(255,255,255,0.18); text-align: center; background: rgba(255,255,255,0.04); }
.dd-slap-shot .ddss-sponsor-placeholder { color: var(--ddss-grey); font-weight: 600; }
@keyframes ddss-slideUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .dd-slap-shot .ddss-login-card { max-width: 520px; margin: 48px auto; padding: 36px; border-radius: 26px; text-align: center; border: 1px solid var(--ddss-border-red); background: linear-gradient(180deg, rgba(255,255,255,0.095), rgba(255,255,255,0.04)), rgba(0,0,0,0.34); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); box-shadow: 0 14px 50px rgba(0,0,0,0.35); }
.dd-slap-shot .ddss-login-card h2 { margin: 0 0 12px; font-size: 2rem; font-weight: 900; letter-spacing: -0.03em; color: #fff; }
.dd-slap-shot .ddss-login-card p { margin: 0 0 22px; color: var(--ddss-grey); line-height: 1.6; }