/* Adapted for JACKpay from React Bits SpotlightCard and StarBorder.
 * Copyright (c) 2026 David Haz. See /react-bits-license.txt. */
.home-page{--cyan:#55e0dc;--acid:#55e0dc;--white:#f2f6ff;background:#080e1b;background-image:radial-gradient(ellipse at 80% 8%,#17264480,transparent 45%);color:var(--white)}
.home-page header{padding-top:24px;padding-bottom:24px;gap:24px}
.home-page header nav{background:#101a2a;border-color:#263349;box-shadow:none}
.home-page header>.outline{border-radius:12px;border-color:#334259;background:#101a2a;min-height:44px}
.home-page main{isolation:isolate}
.home-page .intro{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:64px;padding:64px 48px;margin-top:12px;overflow:hidden;border:1px solid #253650;border-radius:28px;background:linear-gradient(120deg,#101e32,#101b31 60%,#14243b);box-shadow:0 24px 80px #00000020}
.home-page .intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 10%,#55e0dc0e,transparent 65%);transform:none;opacity:1}
.home-page .intro::after{content:"";position:absolute;width:560px;height:560px;right:-200px;top:-210px;bottom:auto;z-index:-1;border:1px solid #55e0dc20;border-radius:50%;box-shadow:0 0 0 65px #55e0dc06,0 0 0 130px #55e0dc04;font-size:0;transform:none}
.home-page .intro-copy{align-self:center;min-width:0}
.home-page .intro .eyebrow{letter-spacing:.04em;font-weight:600;text-transform:none;font-size:.8rem;color:#8fe6de}
.home-page .intro h1{font-size:clamp(2.75rem,4.8vw,4.6rem);line-height:1.07;letter-spacing:-.055em;margin:24px 0;color:#f2f6ff;max-width:700px}
.home-page .intro h1 .rb-line{display:block}
.home-page .intro-copy>p:not(.eyebrow):not(.security-line){max-width:490px;font-size:1rem;line-height:1.8;color:#b4c3d8}
.home-page .hero-actions{gap:12px;flex-wrap:wrap;margin-top:30px}
.home-page .primary{background:#55e0dc;color:#071d27;border-radius:10px;box-shadow:none;min-height:44px;transition:background-color .15s ease,box-shadow .15s ease}
.home-page .primary:hover{background:#91eee4;box-shadow:0 4px 20px #55e0dc18;transform:none}
.home-page .primary:disabled{opacity:.5;cursor:not-allowed}
.home-page .hero-telegram{border-radius:10px;background:#192e47;border:1px solid #39516c;min-height:46px}
.home-page .hero-telegram.hidden{display:none}
.home-page .security-line{color:#a4b7cc!important;font-size:.75rem!important;max-width:450px;line-height:1.6!important;margin-top:24px!important}
.home-page .quote-shell{position:relative;isolation:isolate;overflow:hidden;padding:1px;border:1px solid #476079;border-radius:22px;background:#25394b;align-self:center;box-shadow:0 24px 45px #00000028;min-width:0}
.home-page .rb-star{position:absolute;pointer-events:none;width:300%;height:50%;border-radius:50%;background:radial-gradient(circle,#70f2e7,transparent 10%);z-index:-1;opacity:.7}
.home-page .rb-star.bottom{bottom:-12px;right:-250%;animation:rb-star-bottom 4s linear 1 both}
.home-page .rb-star.top{top:-12px;left:-250%;animation:rb-star-top 4s linear 1 both}
@keyframes rb-star-bottom{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}
@keyframes rb-star-top{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}
.home-page .quick{position:relative;background:#101e30;border:0;border-radius:20px;padding:28px;box-shadow:none;overflow:hidden;min-width:0}
.home-page .quick-top{padding-bottom:20px;margin-bottom:20px;border-color:#2b3c51}
.home-page .quick-top small{color:#87dcd5;letter-spacing:.035em}
.home-page .quick-top>div>span{font-size:1.22rem;letter-spacing:-.02em}
.home-page .currency{background:#1d3b42;border:1px solid #376363;color:#a0efe5;border-radius:8px;font-size:.7rem}
.home-page .quick label{color:#bdcadd;font-size:.8rem}
.home-page .quick select,.home-page .quick input{background:#0b1626;border:1px solid #3e526b;border-radius:9px;min-height:48px;color:#f2f6ff}
.home-page .quick select option{background:#0b1626;color:#f2f6ff}
.home-page .estimate{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 0 0;border-color:#2b3c51;margin-top:22px}
.home-page .estimate>span{color:#acbfd3;font-size:.8rem}
.home-page .estimate strong{font-size:1.9rem;letter-spacing:-.035em;color:#f2f6ff;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.home-page .quick .fine{color:#acbdd0;line-height:1.6;font-size:.75rem;margin:14px 0}
.home-page .quick .primary{margin-top:6px;min-height:48px;width:100%}
.home-page .rb-spotlight{position:relative;isolation:isolate;--mouse-x:50%;--mouse-y:50%}
.home-page .rb-spotlight::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),#55e0dc20,transparent 80%);opacity:0;transition:opacity .3s ease}
.home-page .rb-spotlight:focus-within::before{opacity:.6}
@media(hover:hover) and (pointer:fine){.home-page .rb-spotlight:hover::before{opacity:.6}}
.home-page .benefits{margin:0 24px;padding:22px 10px;background:transparent;border:0;border-bottom:1px solid #29364b;gap:24px}
.home-page .benefits b{border-radius:50%;color:#94e4da;background:#153236;border-color:#315453;width:28px;height:28px}
.home-page .benefits strong{font-size:.82rem;color:#beccdd;font-weight:500}
.home-page #market{margin-top:72px;scroll-margin-top:24px}
.home-page .section-head h2,.home-page #how h2,.home-page .help h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.045em}
.home-page .section-head{border-color:#2a394e}
.home-page .eyebrow{color:#91d9d4}
.home-page #card-info-panel{border:1px solid #2d4056;border-radius:16px;background:#111e30;box-shadow:none}
.home-page .card-summary p,.home-page .card-rules li{color:#b1c1d5}
.home-page .toolbar{background:#0d192a;border:1px solid #2a3c53;border-radius:12px;padding:12px}
.home-page .search input,.home-page .toolbar select{border-radius:8px;color:#e2eaf5;background:#0c1727}
.home-page .chips button{border-radius:24px;min-height:44px;color:#b9c8da;border-color:#304157;background:#111e30}
.home-page .chips button.selected{background:#214143;border-color:#568580;color:#c5faf0}
.home-page .table-wrap{border:1px solid #2a3c53;border-radius:16px;overflow:hidden}
.home-page thead{background:#142236}.home-page th{color:#b6c5d8}.home-page tbody td{background:#0e1a2b;border-color:#26374d}
.home-page .table-wrap .primary{white-space:nowrap}
.home-page .market-note,.home-page .transfer-services>.fine{color:#9aafc6}
.home-page .transfer-card{border-radius:16px;min-height:166px;background:#111f31;border-color:#30435b;transition:border-color .2s ease;overflow:hidden}
.home-page .transfer-card:hover{border-color:#74bfb7;box-shadow:none;transform:none}
.home-page .transfer-card>span:last-child{font-size:.75rem;color:#a3d8d5}
.home-page #how{background:#111f32;border-color:#2d415c;border-radius:22px;padding:48px 36px;margin-bottom:56px}
.home-page #how::after{display:none}
.home-page .steps article{background:transparent;border:0;border-left:1px solid #374b63;padding:16px 24px}
.home-page .steps b{border-radius:50%;color:#95e7db;border-color:#44615f}
.home-page .steps p{color:#b2c1d5}
.home-page .help{border-radius:22px;background:#0f1c2d;border-color:#2d4058;padding:40px 36px}
.home-page .help details p{color:#b0c0d3}
.home-page dialog{border-radius:18px}.home-page dialog input,.home-page dialog select,.home-page dialog textarea{border-radius:8px}
.home-page .floating-chat{border-radius:30px;background:#1c3d57;color:#f2f6ff;border:1px solid #5c7b95;box-shadow:0 6px 24px #0005;min-height:48px}
.home-page .intro .primary{border-radius:10px}
.home-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #a0f1e5;outline-offset:4px}
.home-page footer{padding-bottom:100px}
@media(max-width:1000px){.home-page .intro{gap:28px;padding:36px 28px;grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)}.home-page .intro h1{font-size:3.2rem}.home-page .quick{padding:22px}.home-page header{gap:12px}}
@media(max-width:700px){
 .home-page header{padding:16px 4px;gap:10px}.home-page header>.outline{font-size:.75rem;padding:10px;border-radius:9px}
 .home-page .intro{grid-template-columns:1fr;border-radius:20px;padding:28px 20px 20px;gap:24px;margin-top:8px;border:1px solid #2b3d55}
 .home-page .intro{display:grid}.home-page .intro-copy{display:block;order:0;text-align:left}.home-page .quote-shell{order:1;width:100%}.home-page .intro-copy .eyebrow{justify-content:flex-start}.home-page .intro-copy .hero-actions{justify-content:flex-start}
 .home-page .intro h1{font-size:clamp(2.1rem,9.3vw,3rem);line-height:1.08;margin:18px 0;letter-spacing:-.045em}
 .home-page .intro .eyebrow{font-size:.7rem}.home-page .intro-copy>p:not(.eyebrow):not(.security-line){font-size:.88rem;line-height:1.65}
 .home-page .hero-actions{margin-top:20px;gap:10px}.home-page .hero-actions>.primary{width:auto;padding:12px 16px;font-size:.8rem;display:inline-flex;align-items:center}
 .home-page .hero-telegram{padding:10px 12px;font-size:.75rem}.home-page .security-line{margin-top:18px!important;font-size:.7rem!important}
 .home-page .quick{padding:20px}.home-page .quote-shell{border-radius:18px}.home-page .quick{border-radius:16px}
 .home-page .quick-top{margin-bottom:16px;padding-bottom:16px}.home-page .quick select,.home-page .quick input{min-height:44px}
 .home-page .estimate{margin-top:18px;padding-top:18px}.home-page .estimate strong{font-size:1.65rem}
 .home-page .benefits{margin:0;padding:16px 0;gap:0}.home-page .benefits span{border:0;padding:6px;gap:8px}.home-page .benefits strong{font-size:.68rem}
 .home-page #market{margin-top:42px}.home-page .toolbar{padding:10px}.home-page .chips{gap:8px}
 .home-page #market .table-wrap{border:0;border-radius:0}.home-page #market tbody tr{border-radius:14px}
 .home-page .transfer-card{border-radius:14px;min-height:140px}.home-page #how{padding:28px 20px;margin-bottom:32px}.home-page .steps article{padding:12px 18px}
 .home-page .help{padding:28px 20px}.home-page .help summary{line-height:1.6;min-height:44px;display:list-item}
 .home-page .floating-chat{right:12px;bottom:12px;padding:10px 14px;font-size:.75rem;min-height:44px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-page .rb-star{animation:none;display:none}.home-page .rb-spotlight::before{transition:none}.home-page .primary,.home-page .transfer-card{transition:none}}