/* SKINKOSH / BLUE CURRENT / 2026-11-05. Additive presentation layer. */
:root{--background:215 55% 97%;--foreground:221 54% 16%;--card:0 0% 100%;--card-foreground:221 54% 16%;--popover:0 0% 100%;--popover-foreground:221 54% 16%;--primary:217 91% 54%;--primary-foreground:0 0% 100%;--secondary:215 65% 94%;--secondary-foreground:220 50% 24%;--muted:214 40% 95%;--muted-foreground:216 20% 43%;--accent:211 90% 94%;--accent-foreground:217 80% 35%;--border:215 35% 88%;--input:215 35% 86%;--ring:213 95% 57%;--radius:.85rem;--sk-navy:#0b1e42;--sk-blue:#2669ef;--sk-cyan:#8bdfff;--sk-ink:#142b50;--sk-line:#dce6f4}
html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;background:#f3f7fd!important;color:var(--sk-ink)!important;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-heading{font-family:inherit!important;letter-spacing:-.035em}button,input,select,textarea{font-family:inherit}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #60a5fa;outline-offset:4px}button:disabled{cursor:not-allowed}input:focus,textarea:focus,select:focus{border-color:#4389ff!important;box-shadow:0 0 0 3px #3185ff18!important}input,textarea,select{border-radius:10px!important}input::placeholder,textarea::placeholder{color:#8192aa!important}input[type=checkbox]{accent-color:#2669ef}.text-primary{color:#2669ef!important}.text-muted-foreground{color:#657992!important}.border-border{border-color:var(--sk-line)!important}.bg-background,.bg-slate-100{background-color:#f3f7fd!important}.bg-card{background:#fff!important}.bg-primary{background-color:#2669ef!important}.bg-primary:hover{background-color:#1757d8!important}button.bg-gradient-to-r{background-image:linear-gradient(110deg,#2669ef,#288fe9)!important;box-shadow:0 6px 18px #2464e621!important;border-radius:10px!important}button.bg-gradient-to-r:hover{filter:brightness(1.06)}.bg-card.border,.bg-white.border{border-color:var(--sk-line)!important;box-shadow:0 6px 22px #254b7d05}.rounded-lg.bg-card,.rounded-xl.bg-card{border-radius:16px!important}body .shadow-xl{box-shadow:0 16px 55px #1c467b12!important}header{background:#ffffffed!important;border-color:var(--sk-line)!important;backdrop-filter:blur(18px)}header button{border-radius:9px!important}body header [data-testid=logo],body header a:has(>span.font-bold){letter-spacing:-1px}header [data-testid=logo]>div,header a>div:has(>span.font-black){background:#2366ee!important;border-radius:12px!important;transform:rotate(-8deg);box-shadow:0 4px 12px #2366ee30!important}header [data-testid=logo]>div>span{transform:rotate(8deg)}body .App>canvas,body .App>div>canvas,body #tsparticles{display:none!important}body canvas[style*="fixed"]{display:none!important}body .animate-ticker{animation:none!important;overflow-x:auto;scrollbar-width:none;justify-content:center}body .animate-ticker>div>span:last-child{display:none!important}body [data-radix-popper-content-wrapper]{z-index:100!important}body [role=dialog]{box-shadow:0 25px 100px #07172c38!important}body [data-sonner-toast]{border:1px solid #dce6f4!important;border-radius:12px!important}body table th{color:#6e809a!important;font-weight:600!important;font-size:11px!important;letter-spacing:.04em}body table td{font-variant-numeric:tabular-nums}body table tr:hover td{background:#f6f9ff}body [class*="font-mono"]{font-variant-numeric:tabular-nums}body [class*="break-all"]{overflow-wrap:anywhere}body [class*="fixed"][class*="bottom-"] button.bg-gradient-to-r{box-shadow:0 8px 26px #2366ee35!important}
/* Public exchange landing */
body[data-sk-page=home]{background:#f3f7fd!important}body[data-sk-page=home] .sk-home{background:#f3f7fd!important}body[data-sk-page=home] .sk-ticker{background:#081b3a!important;border-bottom:1px solid #ffffff12;box-shadow:none!important;color:#fff}body[data-sk-page=home] .sk-ticker .animate-ticker{padding-top:9px;padding-bottom:9px;opacity:.85}body[data-sk-page=home] .sk-ticker .text-white{font-size:11px!important}body[data-sk-page=home] .sk-ticker .font-mono{font-size:11px!important;color:#9fbbdf!important}body[data-sk-page=home] header{position:relative!important;background:#0b1e42!important;border-color:#ffffff15!important;box-shadow:none!important;color:#fff}body[data-sk-page=home] header>div{max-width:1280px;padding:23px 32px!important}body[data-sk-page=home] header [data-testid=logo]>span{font-size:22px!important;color:#fff!important;letter-spacing:-.9px}body[data-sk-page=home] header [data-testid=logo]>span>span{color:#8bdfff!important}body[data-sk-page=home] header nav a{color:#bacbea!important;font-size:13px}body[data-sk-page=home] header nav a:hover{color:#fff!important}body[data-sk-page=home] header [data-testid=login-btn]{color:#e7efff!important;background:#ffffff08!important;border:1px solid #ffffff2b!important}body[data-sk-page=home] header button[role=combobox],body[data-sk-page=home] header button[aria-haspopup]{color:#d7e6ff!important;background:transparent!important;border-color:#ffffff25!important}body[data-sk-page=home] header [data-testid=register-btn]{background:#a8e3ff!important;color:#0a2b60!important;box-shadow:none!important;font-size:12px!important}
.sk-hero{background:radial-gradient(ellipse at 20% 65%,#194a8e66,transparent 55%),linear-gradient(120deg,#0b1e42 30%,#10316b 100%);isolation:isolate;padding:70px 0 90px!important;overflow:hidden}.sk-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a8d9ff05 1px,transparent 1px),linear-gradient(90deg,#a8d9ff05 1px,transparent 1px);background-size:64px 64px;z-index:-1;mask-image:linear-gradient(to bottom,transparent,#000)}.sk-hero>div{max-width:1280px;padding-left:32px;padding-right:32px}.sk-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:75px!important;align-items:center!important}.sk-hero-copy{text-align:left!important;order:1!important;position:relative}.sk-hero-copy>div:first-child{background:#1a3862!important;border:1px solid #3b5d83!important;color:#a9dcff;padding:8px 14px!important;border-radius:6px!important;margin-bottom:28px!important}.sk-hero-copy>div:first-child span,.sk-hero-copy>div:first-child svg{color:#b3e6ff!important;font-size:11px!important}.sk-hero-copy h1{font-size:clamp(42px,4.3vw,66px)!important;line-height:1.08!important;letter-spacing:-3px!important;color:#fff!important;margin-bottom:24px!important;font-weight:750!important;max-width:630px}.sk-hero-copy h1 span{color:#8bdfff!important;background:none!important;-webkit-text-fill-color:#8bdfff}.sk-hero-copy>p{color:#b0c4e2!important;font-size:16px!important;line-height:1.8!important;max-width:440px!important;margin:0 0 27px!important}.sk-hero-copy>.grid{display:none!important}.sk-note{font-size:11px!important;color:#92accf!important;display:flex;gap:20px;align-items:center;margin:22px 0 0}.sk-note span{display:flex;align-items:center;gap:6px}.sk-note i{height:5px;width:5px;background:#8bdfff;border-radius:50%}.sk-orbit{height:104px;position:relative;margin-top:34px;display:flex;align-items:center;gap:14px}.sk-token{display:grid;place-items:center;width:59px;height:59px;border:1px solid #86baff50;border-radius:18px;background:linear-gradient(150deg,#4479c44a,#09214c);box-shadow:inset 0 1px #b3deff38,0 8px 25px #020c1e2b;color:#d7edff;font-size:27px;font-weight:600;transform:rotate(-10deg)}.sk-token:nth-child(3){transform:rotate(9deg);background:linear-gradient(150deg,#7bd4ff,#367bea);color:#fff}.sk-token:nth-child(5){transform:rotate(-7deg)}.sk-orbit-line{height:1px;width:36px;background:#5e8cc2;position:relative}.sk-orbit-line:after{content:'›';position:absolute;right:0;top:-11px;font-size:17px;color:#8bdfff}.sk-orbit-label{font-size:9px;color:#8ba8cf;letter-spacing:2px;margin-top:0}.sk-hero [data-testid=exchange-calculator]{order:2!important;background:#fff!important;position:relative;padding:30px!important;border:1px solid #b9d2f7!important;border-radius:24px!important;box-shadow:0 24px 80px #030e284a,0 0 0 8px #b6d9ff08!important}.sk-hero [data-testid=exchange-calculator]:before{content:'EXCHANGE / ОБМЕН';display:block;color:#8497b4;font-size:9px;font-weight:600;letter-spacing:2px;margin-bottom:14px}.sk-hero [data-testid=exchange-calculator] h2{font-size:20px!important;color:#163258!important;letter-spacing:-.5px}.sk-hero [data-testid=exchange-calculator] label{font-size:11px!important;color:#70829b!important;margin-bottom:8px!important}.sk-hero [data-testid=exchange-calculator] input{height:58px!important;min-width:0;background:#f5f8fd!important;font-family:inherit;font-weight:600;font-size:21px!important;border-color:#e0e8f3!important;border-radius:12px!important}.sk-hero [data-testid=exchange-calculator] button[role=combobox],.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{height:58px!important;background:#f5f8fd!important;border-color:#e0e8f3!important;border-radius:12px!important}.sk-hero [data-testid=exchange-btn]{height:57px!important;font-size:15px!important;background:#2669ef!important;letter-spacing:0;font-weight:600!important;box-shadow:0 6px 18px #2669ef2b!important;border-radius:12px!important}.sk-hero [data-testid=exchange-btn]:disabled{opacity:.5!important}.sk-hero [data-testid=swap-btn]{background:#eef5ff!important;border-color:#dce7f7!important;width:35px!important;height:35px!important;transform:rotate(90deg)}
body[data-sk-page=home] .sk-home>section:not(.sk-hero){padding:48px 0!important;background:#f3f7fd!important}body[data-sk-page=home] .sk-home>section:not(.sk-hero)>div{max-width:1280px;padding-left:32px;padding-right:32px}body[data-sk-page=home] .sk-home>section h2{font-size:27px!important;letter-spacing:-1px!important;text-align:left!important;margin-bottom:26px!important}body[data-sk-page=home] .sk-home>section:not(.sk-hero) .bg-white{border-radius:16px!important;box-shadow:none!important}body[data-sk-page=home] .sk-home>section:not(.sk-hero) .bg-white:hover{border-color:#8ab9fa!important;box-shadow:0 8px 24px #2058a20b!important}body[data-sk-page=home] .sk-home>section:not(.sk-hero) .text-slate-500{color:#70829b!important}body[data-sk-page=home] .sk-features{border-bottom:1px solid #dce6f4!important;padding:40px 0!important;background:#fff!important}body[data-sk-page=home] .sk-features .group{padding:24px!important;border:0!important;background:transparent!important;box-shadow:none!important}body[data-sk-page=home] .sk-features h3{font-size:15px!important;color:#18385f}.sk-features .group>div:first-child{background:#e6f1ff!important;border-radius:13px!important}.sk-features p{line-height:1.7}.sk-steps{background:#e9f2ff!important;border-top:1px solid #dce6f4;border-bottom:1px solid #dce6f4}.sk-steps .font-black{font-weight:500!important;color:#2c74e8!important;font-size:48px!important}.sk-partners{display:none!important}body[data-sk-page=home] footer{background:#091b38!important;padding:55px 0 28px!important;color:#b9cbe5;border-top:1px solid #1d3c60}body[data-sk-page=home] footer>div{max-width:1280px;padding-left:32px;padding-right:32px}body[data-sk-page=home] footer .text-slate-400{color:#9bb0cf!important}body[data-sk-page=home] footer .text-slate-500{color:#8ca3c2!important}body[data-sk-page=home] footer .border-slate-700{border-color:#233a58!important}body[data-sk-page=home] footer h5{font-size:12px;letter-spacing:.02em}body[data-sk-page=home] footer a{transition:color .15s}
body[data-sk-page=home] header button:has(.lucide-globe){color:#bdd9ff!important;border-color:#526d94!important;background:transparent!important}
body[data-sk-page=admin-login] .mt-6.text-center:has(>button.text-primary){display:none!important}
/* Informational pages, payment and support share the visual language. */
body[data-sk-page=content] .App>.min-h-screen>div[class*=max-w-]{background:#fff;border:1px solid #e1e9f5;border-radius:20px;margin-top:38px;margin-bottom:45px;padding:40px;box-shadow:0 12px 35px #123d7005}body[data-sk-page=content] header{padding:8px 0}body[data-sk-page=content] h2.text-3xl{font-size:38px;line-height:1.2;margin-bottom:30px}body[data-sk-page=content] .prose{color:#536b88;line-height:1.85}body[data-sk-page=content] h3{color:#19375e}body[data-sk-page=content] .bg-card{background:#f7faff!important;border-radius:14px!important}body[data-sk-page=exchange] .max-w-2xl{padding-top:40px;padding-bottom:60px}body[data-sk-page=exchange] .rounded-2xl.shadow-xl{border-radius:24px!important}body[data-sk-page=exchange] .bg-blue-50{background:#edf5ff!important}body[data-sk-page=exchange] .font-mono{font-variant-numeric:tabular-nums}body[data-sk-page=exchange] button{min-height:40px}body[data-sk-page=exchange] input{min-height:48px}body[data-sk-page=exchange] .max-w-3xl{padding-top:38px}body .sk-brand-back{font-size:12px;letter-spacing:-.4px;color:#3676db;text-decoration:none;margin-left:auto;font-weight:750}body .sk-brand-back:hover{color:#1248a9}
@media(min-width:1600px){.sk-hero{padding:90px 0 105px!important}}@media(max-width:1050px){.sk-hero-grid{gap:30px!important}.sk-hero-copy h1{font-size:48px!important}.sk-hero [data-testid=exchange-calculator]{padding:23px!important}.sk-hero{padding:48px 0 60px!important}}@media(max-width:800px){.sk-hero-grid{grid-template-columns:1fr!important;gap:34px!important}.sk-hero-copy{max-width:620px}.sk-hero-copy h1{font-size:47px!important;letter-spacing:-2px!important}.sk-orbit,.sk-orbit-label{display:none}.sk-hero-copy>p{font-size:14px!important;max-width:540px!important}.sk-hero-copy>div:first-child{margin-bottom:18px!important}.sk-note{margin-top:18px;font-size:10px!important}.sk-hero [data-testid=exchange-calculator]{width:100%;max-width:620px;margin:0 auto}.sk-hero-copy h1 br{display:none}.sk-hero-copy h1 span:before{content:' '}.sk-hero{padding:36px 0 45px!important}.sk-hero>div{padding:0 20px}.sk-hero [data-testid=exchange-calculator] h2{font-size:19px!important}body[data-sk-page=home] header>div{padding:17px 20px!important}body[data-sk-page=home] .sk-home>section:not(.sk-hero)>div{padding-left:20px;padding-right:20px}body[data-sk-page=home] .sk-home>section:not(.sk-hero){padding:30px 0!important}body[data-sk-page=content] .App>.min-h-screen>div[class*=max-w-]{margin:20px 12px;padding:24px}body[data-sk-page=content] h2.text-3xl{font-size:28px}body[data-sk-page=home] .sk-features .group{padding:12px!important}body[data-sk-page=home] footer>div{padding:0 20px}}@media(max-width:420px){.sk-hero-copy h1{font-size:39px!important}.sk-hero [data-testid=exchange-calculator]{padding:19px!important}.sk-hero [data-testid=exchange-calculator] input{font-size:17px!important}.sk-note{gap:12px}.sk-hero [data-testid=exchange-calculator] h2{font-size:16px!important}body[data-sk-page=home] header [data-testid=logo]>span{font-size:19px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
