/* V6.1 full responsive CSS */
.toks-hero{width:100%;min-height:68vh;display:flex;align-items:center;justify-content:center;padding:40px 18px;color:#fff;position:relative;overflow:hidden;}
.toks-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ff2d6f,#5b2df5,#00c4a7);filter:blur(20px);opacity:.92;animation:bgMove 18s linear infinite;}
@keyframes bgMove{0%{transform:scale(1.08)}50%{transform:scale(1.12)}100%{transform:scale(1.08)}}
.toks-card{position:relative;z-index:2;width:100%;max-width:1100px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:14px;padding:26px;backdrop-filter:blur(6px);}
.toks-card h1{margin:0 0 8px 0;font-size:28px;color:#fff}
.lead{margin:0 0 12px 0;color:rgba(255,255,255,0.95)}
.toks-platforms{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.toks-platform{flex:1 1 120px;background:rgba(0,0,0,0.24);padding:10px;border-radius:10px;text-align:center;font-weight:700;cursor:pointer;color:#fff;transition:all .15s}
.toks-platform.active{background:linear-gradient(90deg,rgba(255,255,255,0.18),rgba(255,255,255,0.06));color:#000;transform:translateY(-6px)}
.toks-input-row{display:flex;gap:10px;margin-bottom:10px}
.toks-input{flex:1;padding:12px;background:rgba(0,0,0,0.24);border:1px solid rgba(255,255,255,0.06);color:#fff;border-radius:10px}
.btn-primary{padding:12px 16px;background:linear-gradient(90deg,#ff2d6f,#ff7a5f);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}
.btn-ghost{padding:12px 16px;background:rgba(255,255,255,0.06);border:none;border-radius:10px;color:#fff;cursor:pointer}
.toks-cta{display:flex;gap:10px;margin-bottom:8px}
.toks-hint{margin-top:6px;color:rgba(255,255,255,0.9);font-size:13px}
#toks-result-container{margin-top:14px}

/* Mobile responsive ergonomics */
@media(max-width:720px){
  .toks-hero{padding:22px 12px;min-height:60vh}
  .toks-card{padding:18px;border-radius:12px}
  .toks-platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .toks-input-row{flex-direction:column}
  .toks-input{padding:12px}
  .btn-primary,.btn-ghost{width:100%;text-align:center;padding:12px}
  #toks-result-container{font-size:14px}
}