.sh-ref-body{background:#0a0a0c;background-image:linear-gradient(rgba(2,248,149,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(2,248,149,.04) 1px,transparent 1px);background-size:44px 44px}
.sh-ref-main{max-width:960px;margin:0 auto;padding:56px 20px 80px;position:relative}
.sh-ref-main::before{content:"";position:absolute;inset:-40px 10% auto;height:380px;background:radial-gradient(closest-side,rgba(2,248,149,.18),transparent);filter:blur(30px);z-index:-1}
.sh-ref-hero{text-align:center}
.sh-ref-eyebrow{display:inline-flex;gap:8px;align-items:center;color:#02F895;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;margin:0 0 12px}
.sh-ref-hero h1,.sh-ref-partner h2{font-family:'Sora',sans-serif;color:#fff;margin:0 0 12px;font-size:clamp(2rem,4.5vw,3rem);line-height:1.08}
.sh-ref-hero h1 span,.sh-ref-partner h2 span{color:#02F895}
.sh-ref-sub{color:#a1a1aa;max-width:560px;margin:0 auto 28px;font-size:1.05rem}
.sh-ref-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.sh-ref-perks div{background:linear-gradient(160deg,#15171c,#0e0f12);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:transform .2s,border-color .2s}
.sh-ref-perks div:hover{transform:translateY(-3px);border-color:rgba(2,248,149,.4)}
.sh-ref-perks b{display:block;font-family:'Sora',sans-serif;font-size:1.8rem;color:#02F895}
.sh-ref-perks span{color:#a1a1aa;font-size:.9rem}
.sh-ref-card,.sh-ref-partner{background:linear-gradient(160deg,#14161b,#0d0e11);border:1px solid rgba(2,248,149,.22);border-radius:22px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.04);margin-bottom:28px}
.sh-ref-state{text-align:center}
.sh-ref-state h2,.sh-ref-form h3{color:#fff;font-family:'Sora',sans-serif;margin:0 0 8px}
.sh-ref-state p,.sh-ref-partner-intro p{color:#a1a1aa;margin:0 0 18px}
.sh-ref-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer;background:#02F895;color:#06140b;font-weight:800;padding:13px 22px;border-radius:12px;text-decoration:none;font-size:1rem;transition:transform .15s,box-shadow .2s}
.sh-ref-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px rgba(2,248,149,.35)}
.sh-ref-btn:disabled{opacity:.45;cursor:not-allowed}
.sh-ref-btn img{height:18px}
.sh-ref-label{color:#a1a1aa;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.sh-ref-coderow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 22px}
.sh-ref-coderow code{font-family:'Sora',monospace;font-size:1.8rem;letter-spacing:.12em;color:#fff;background:#0a0a0c;border:1px dashed rgba(2,248,149,.5);padding:8px 18px;border-radius:12px}
.sh-ref-copy{background:rgba(255,255,255,.06);color:#e4e4e7;border:1px solid rgba(255,255,255,.1);padding:9px 14px;border-radius:10px;cursor:pointer;font-weight:600}
.sh-ref-copy:hover{border-color:#02F895;color:#02F895}
.sh-ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.sh-ref-stats div{background:#0a0a0c;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px}
.sh-ref-stats div.is-ok{border-color:rgba(2,248,149,.45)}
.sh-ref-stats span{color:#a1a1aa;font-size:.8rem}
.sh-ref-stats b{display:block;color:#fff;font-size:1.5rem;font-family:'Sora',sans-serif;margin:4px 0}
.sh-ref-stats .is-ok b{color:#02F895}
.sh-ref-stats small{color:#71717a}
.sh-ref-form{display:flex;flex-direction:column;gap:12px}
.sh-ref-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sh-ref-form input,.sh-ref-form select,.sh-ref-form textarea{width:100%;box-sizing:border-box;background:#0a0a0c;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:12px 14px;font:inherit}
.sh-ref-form input:focus,.sh-ref-form select:focus,.sh-ref-form textarea:focus{outline:0;border-color:#02F895;box-shadow:0 0 0 3px rgba(2,248,149,.15)}
.sh-ref-form .sh-ref-btn{align-self:flex-start}
.sh-ref-msg{margin:0;color:#a1a1aa;font-size:.9rem;min-height:1.2em}
.sh-ref-msg.is-ok{color:#02F895}.sh-ref-msg.is-err{color:#f87171}
.sh-ref-partner{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;border-color:rgba(245,166,35,.25)}
.sh-ref-partner .sh-ref-eyebrow{color:#f5a623}
.sh-ref-partner h2{font-size:1.9rem}
.hidden{display:none!important}
@media(max-width:760px){.sh-ref-perks,.sh-ref-stats,.sh-ref-partner,.sh-ref-grid2{grid-template-columns:1fr}.sh-ref-coderow code{font-size:1.4rem}}
.sh-ref-poster{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;background:#0a0a0c;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px;margin-bottom:22px}
.sh-ref-poster canvas{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.sh-ref-poster h3{color:#fff;font-family:'Sora',sans-serif;margin:0 0 6px}
.sh-ref-poster p{color:#a1a1aa;margin:0 0 14px}
@media(max-width:760px){.sh-ref-poster{grid-template-columns:1fr}.sh-ref-poster canvas{max-width:260px;margin:0 auto}}

.sh-ref-rules{list-style:none;margin:18px auto 0;padding:0;max-width:760px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sh-ref-rules li{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid rgba(2,248,149,.18);border-radius:999px;background:rgba(2,248,149,.05);color:#b8c4bd;font-size:.85rem}
.sh-ref-rules i{color:#02F895;font-size:.8rem}
.sh-ref-newbie{margin-top:14px;padding:12px 14px;border-left:3px solid #02F895;background:rgba(255,255,255,.03);border-radius:8px}
.sh-ref-newbie b{color:#02F895}

/* Partnervisning */
.sh-partners-show { max-width: 1100px; margin: 0 auto 40px; padding: 0 20px; text-align: center; }
.sh-partners-show h2 { font-family: "Sora", sans-serif; font-size: clamp(1.6rem, 3vw, 2.2rem); margin: 6px 0 22px; }
.sh-partners-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 185px)); justify-content: center; gap: 12px; max-width: 820px; margin: 0 auto; }
.sh-partner-card { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 10px; border-radius: 14px; text-decoration: none; color: inherit;
  background: linear-gradient(160deg, rgba(2,248,149,.08), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 10px 22px rgba(0,0,0,.3); transition: transform .25s, border-color .25s, box-shadow .25s; }
.sh-partner-card:hover { transform: translateY(-3px); border-color: rgba(2,248,149,.5); box-shadow: 0 14px 30px rgba(2,248,149,.15); }
.sh-partner-img { width: 62px; height: 62px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; background: rgba(255,255,255,.06); border: 2px solid #02F895; font-size: 1.4rem; }
.sh-partner-img img { width: 100%; height: 100%; object-fit: cover; }
.sh-partner-card b { font-size: .9rem; }
.sh-partner-plat { font-size: .75rem; opacity: .75; }
.sh-partner-code { font-size: .68rem; font-weight: 700; color: #02F895; padding: 2px 8px; border-radius: 99px; background: rgba(2,248,149,.1); }