/* BLUE / Second edition: locally hosted type, sculpted controls, vector artwork. */
@font-face{font-family:Onest;src:url('/static/brand/onest-variable.966c5c29b4.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--sk-ink:#142745;--sk-blue:#245fee;--primary:223 85% 54%;--border:218 34% 89%;--input:218 40% 95%;--foreground:219 52% 18%}
html body,body input,body button,body textarea,body select,body .font-heading,body .font-mono,body h1,body h2,body h3,body h4,body h5{font-family:Onest,Arial,sans-serif!important;font-feature-settings:'ss01' on,'cv11' on}body{font-size:14px!important;line-height:1.6!important}body .font-mono{font-variant-numeric:tabular-nums;letter-spacing:-.015em!important}body code,body pre{font-family:ui-monospace,Consolas,monospace!important}body button{font-weight:550;letter-spacing:-.02em!important}body input:not([type=checkbox]):not([type=radio]),body textarea,body select{background:#f5f7fb!important;color:#1a2c4a!important;border:1px solid #e0e6ef!important;box-shadow:inset 0 1px 2px #112b4f03!important;border-radius:12px!important;font-size:14px!important;line-height:1.5!important;font-weight:450!important;transition:border-color .18s,box-shadow .18s,background .18s}body input:not([type=checkbox]):not([type=radio]){min-height:46px;padding:11px 14px!important}body input:focus,body textarea:focus,body select:focus{background:#fff!important;border-color:#4e85f4!important;box-shadow:0 0 0 4px #356eee12!important;outline:none!important}body input::placeholder,body textarea::placeholder{font-family:Onest,Arial,sans-serif!important;color:#8b99af!important;font-weight:400!important;font-size:13px!important;letter-spacing:0}body label{font-weight:500!important;letter-spacing:0!important}body button:not([role=tab]){border-radius:10px}body button.bg-primary,body button.bg-gradient-to-r{background:#245fee!important;box-shadow:0 4px 9px #1e54e41a,inset 0 1px #ffffff21!important;color:#fff!important}body button.bg-primary:hover,body button.bg-gradient-to-r:hover{background:#174fd7!important;filter:none!important}body button:disabled{box-shadow:none!important}body input[type=checkbox]{width:17px;height:17px}body .bg-card.border,body .bg-white.border{border-color:#e1e7f1!important}body .text-muted-foreground{color:#6d7e97!important}body .text-slate-500{color:#6c7e98!important}
/* A light, editorial storefront with a deliberate blue focal point. */
body[data-sk-page=home] .sk-ticker{background:#0d2140!important;border-bottom:none!important}body[data-sk-page=home] .sk-ticker .animate-ticker{padding-top:7px!important;padding-bottom:7px!important;gap:40px!important}body[data-sk-page=home] .sk-ticker .font-mono{font-weight:400!important;font-size:10px!important}body[data-sk-page=home] header{background:#fff!important;border-color:#e7edf5!important}body[data-sk-page=home] header>div{padding:22px 32px!important}body[data-sk-page=home] header [data-testid=logo]>span{color:#172d50!important;font-weight:750!important;letter-spacing:-1px!important;font-size:24px!important}body[data-sk-page=home] header [data-testid=logo]>span>span{color:#2766e9!important}body[data-sk-page=home] header nav a{color:#5b6d88!important;font-size:13px!important;font-weight:500!important}body[data-sk-page=home] header nav a:hover{color:#245fee!important}body[data-sk-page=home] header [data-testid=login-btn]{background:#f4f7fd!important;color:#284567!important;border:1px solid #e4ebf7!important;box-shadow:none!important}body[data-sk-page=home] header [data-testid=register-btn]{background:#245fee!important;color:#fff!important;height:42px!important;padding:0 22px!important;box-shadow:0 4px 10px #245fee19!important}body[data-sk-page=home] header button:has(.lucide-globe){color:#5b7399!important;border-color:transparent!important;background:#f5f8fd!important}header [data-testid=logo]>div{transform:none!important;width:40px!important;height:40px!important;border-radius:12px!important;background:#245fee url('/static/brand/favicon-blue.82c7dc4efd.svg') center/100% no-repeat!important;box-shadow:0 4px 12px #245fee24!important}header [data-testid=logo]>div>span{visibility:hidden}
body[data-sk-page=home] .sk-hero{background:radial-gradient(ellipse at 80% 45%,#d8e8ff 0,transparent 50%),linear-gradient(115deg,#f5f9ff,#ecf3ff)!important;padding:70px 0 76px!important;border-bottom:1px solid #e0e9f8}.sk-hero:before{background-image:linear-gradient(#2158b805 1px,transparent 1px),linear-gradient(90deg,#2158b805 1px,transparent 1px)!important;mask-image:linear-gradient(to bottom,transparent,#000)!important;background-size:54px 54px!important}.sk-hero-grid{gap:72px!important;grid-template-columns:1.1fr .9fr!important}.sk-hero-copy{align-self:center}.sk-hero-copy>div:first-child{background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;margin-bottom:25px!important;gap:8px!important}.sk-hero-copy>div:first-child span{color:#4a6b9b!important;letter-spacing:.025em!important;font-size:11px!important;font-weight:500!important}.sk-hero-copy>div:first-child svg{color:#3678ef!important;width:16px!important;height:16px!important}.sk-hero-copy h1{font-size:clamp(48px,4.6vw,72px)!important;letter-spacing:-3.7px!important;color:#142c50!important;font-weight:650!important;line-height:1.03!important;margin-bottom:25px!important}.sk-hero-copy h1 span{color:#2a68ef!important;-webkit-text-fill-color:#2a68ef!important;font-weight:550!important}.sk-hero-copy>p{font-family:Onest,sans-serif!important;font-size:15px!important;line-height:1.8!important;color:#6b7f9e!important;max-width:430px!important;margin-bottom:0!important}.sk-orbit{display:block!important;background:url('/static/brand/exchange-flow.7ecfa99b63.svg') center left/contain no-repeat;height:170px!important;margin:26px -30px -20px!important;max-width:580px;pointer-events:none}.sk-orbit>*{display:none!important}.sk-orbit-label{display:none!important}
body .sk-hero [data-testid=exchange-calculator]{border-radius:26px!important;border:1px solid #e7edf7!important;padding:30px!important;box-shadow:0 24px 65px #244e9621,0 3px 8px #25457205!important;outline:8px solid #ffffff50;overflow:visible}.sk-hero [data-testid=exchange-calculator]:before{content:'SKINKOSH EXCHANGE';color:#96a5bc!important;letter-spacing:2.1px!important;font-size:9px!important;font-weight:500!important;margin-bottom:12px!important}.sk-hero [data-testid=exchange-calculator] h2{font-family:Onest,sans-serif!important;font-size:23px!important;font-weight:600!important;letter-spacing:-.8px!important}.sk-hero [data-testid=exchange-calculator] h2>svg{display:none}.sk-hero [data-testid=exchange-calculator]>div:first-of-type{margin-bottom:26px!important}.sk-hero [data-testid=exchange-calculator] label{font-size:11px!important;font-weight:500!important;color:#7388a5!important;margin-bottom:9px!important}.sk-hero [data-testid=exchange-calculator]>div:has(>label){padding:16px 17px 15px;background:#f5f8fd;border:1px solid #e3ebf7;border-radius:15px}.sk-hero [data-testid=exchange-calculator] label+.flex{gap:0!important;align-items:center}.sk-hero [data-testid=exchange-calculator] input{border:0!important;border-left:1px solid #dde5f1!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;height:47px!important;min-height:47px!important;padding:4px 0 4px 16px!important;font-size:24px!important;line-height:1.1!important;font-weight:550!important;text-align:right}.sk-hero [data-testid=exchange-calculator] input::placeholder{font-size:24px!important;font-weight:450!important;color:#afbed3!important}.sk-hero [data-testid=exchange-calculator] input:focus{box-shadow:none!important;background:transparent!important;border-color:#7fafff!important}.sk-hero [data-testid=exchange-calculator]>div:has(input:focus){border-color:#85acf4;box-shadow:0 0 0 3px #2e75f90c}.sk-hero [data-testid=exchange-calculator] button[role=combobox],.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{height:46px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 13px 0 0!important;max-width:160px;min-width:130px;font-size:15px!important;color:#1e3b63!important}.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog] img{width:30px!important;height:30px!important}.sk-hero [data-testid=swap-btn]{height:35px!important;width:35px!important;background:#fff!important;border:1px solid #e3ebf7!important;box-shadow:0 2px 5px #24426408!important;border-radius:10px!important}.sk-hero [data-testid=exchange-calculator] .justify-center.my-2{margin-top:-7px!important;margin-bottom:-7px!important;position:relative;z-index:1}.sk-hero [data-testid=exchange-btn]{background:#245fee!important;border-radius:12px!important;height:56px!important;font-family:Onest,sans-serif!important;font-size:15px!important;font-weight:550!important;letter-spacing:-.2px!important;margin-top:5px;box-shadow:0 5px 15px #245fee25!important;position:relative}.sk-hero [data-testid=exchange-btn]:after{content:'';width:17px;height:17px;display:inline-block;margin-left:12px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}.sk-hero [data-testid=exchange-btn]:disabled{background:#c0d2f9!important;color:#fff!important;opacity:1!important}.sk-hero [data-testid=exchange-calculator] .bg-green-50{font-size:10px!important;border:1px solid #d6eee4!important;padding:4px 8px!important;background:#f0faf5!important;color:#468566!important}.sk-hero [data-testid=exchange-calculator] .bg-green-50>span{width:5px!important;height:5px!important;background:#53a77b!important;animation:none!important}
body[data-sk-page=home] .sk-home>section:not(.sk-hero){background:#fff!important}body[data-sk-page=home] .sk-home>section h2{font-family:Onest,sans-serif!important;font-size:30px!important;font-weight:600!important;letter-spacing:-1.2px!important}.sk-features .group{position:relative;border-right:1px solid #e3eaf4!important;border-radius:0!important}.sk-features .group:last-child{border-right:0!important}body[data-sk-page=home] .sk-features .group>div:first-child{background:#f0f5ff!important;border:1px solid #e1ebfc!important;width:44px!important;height:44px!important;border-radius:13px!important;box-shadow:0 3px 8px #30599405}.sk-features .group svg{width:22px;height:22px;stroke-width:1.65;color:#3677ed}.sk-features .group h3{font-family:Onest,sans-serif!important;font-size:14px!important;font-weight:600!important}.sk-features .group p{font-size:12px!important;line-height:1.75!important}.sk-steps .font-black{font-family:Onest,sans-serif!important;font-size:46px!important;font-weight:350!important;color:#a8c4f5!important}.sk-steps h4{font-weight:550!important;font-size:14px!important}.sk-steps p{font-size:12px!important}body[data-sk-page=home] footer{background:#0d2241!important}body[data-sk-page=home] footer h5{font-weight:550!important}.sk-home footer .text-sm{font-size:12px!important}body[data-sk-page=home] .sk-home>section:not(.sk-hero) .bg-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px #2a568a0b!important}
/* Brand mark and search controls explicitly override the legacy utility cascade. */
body[data-sk-page] header [data-testid=logo]>div{background:#245fee url('/static/brand/favicon-blue.82c7dc4efd.svg') center/100% no-repeat!important;transform:none!important}
body[data-sk-page] input[data-testid=currency-search-input],body[data-sk-page] input.sk-search-icon:not([type=checkbox]):not([type=radio]){padding-left:40px!important}
body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input:not([type=checkbox]){background:transparent!important;border:0!important;border-left:1px solid #dce6f5!important;border-radius:0!important;box-shadow:none!important;padding:4px 0 4px 14px!important;font-weight:550!important;font-size:24px!important}
html body[data-sk-page] input:not([type=checkbox]):not([type=radio]):not([data-testid=from-amount-input]):not([data-testid=to-amount-input]):focus,html body[data-sk-page] textarea:focus,html body[data-sk-page] select:focus{background-color:#fff!important;border-color:#4e85f4!important;box-shadow:0 0 0 4px #356eee12!important;outline:none!important}
/* Currency picker, chat, payment and content share the same type and controls. */
body [data-radix-popper-content-wrapper]>div{border:1px solid #e1e9f7!important;border-radius:18px!important;box-shadow:0 18px 65px #173b6b24!important;padding:12px!important;background:#fff!important}body [data-radix-popper-content-wrapper] input{height:44px!important}body [data-radix-popper-content-wrapper] button{border-radius:10px!important;transition:background .15s!important}body [data-radix-popper-content-wrapper] button:hover{background:#edf4ff!important}body [data-radix-popper-content-wrapper] .font-mono{font-family:Onest,sans-serif!important}body [data-radix-popper-content-wrapper] img{object-fit:contain}body[data-sk-page=exchange] .max-w-3xl,body[data-sk-page=exchange] .max-w-2xl{max-width:780px}body[data-sk-page=exchange] .rounded-2xl{border-radius:22px!important}body[data-sk-page=exchange] .text-3xl{font-size:30px!important;letter-spacing:-1px;font-weight:600!important}body[data-sk-page=exchange] button{font-weight:550!important;min-height:44px}body[data-sk-page=exchange] label{font-size:12px!important;color:#73849e!important}body[data-sk-page=content] h2.text-3xl{font-family:Onest,sans-serif!important;font-weight:600;letter-spacing:-1.4px}body[data-sk-page=content] .prose{font-size:14px;line-height:1.9}body[data-sk-page=content] .bg-card{border-radius:17px!important}
@media(max-width:1100px){.sk-hero-grid{gap:35px!important}.sk-hero-copy h1{font-size:52px!important;letter-spacing:-2.4px!important}.sk-hero [data-testid=exchange-calculator]{padding:24px!important}.sk-hero [data-testid=exchange-calculator] input{font-size:21px!important}.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{min-width:120px!important}.sk-orbit{height:145px!important}}
@media(max-width:800px){body[data-sk-page=home] .sk-hero{padding:35px 0 40px!important}.sk-hero-grid{grid-template-columns:1fr!important;gap:31px!important}.sk-hero-copy h1{font-size:49px!important;letter-spacing:-2.4px!important;line-height:1.06!important;max-width:580px}.sk-hero-copy>p{font-size:13px!important;line-height:1.75!important;max-width:510px!important}.sk-hero-copy>div:first-child{margin-bottom:20px!important}.sk-orbit{display:none!important}.sk-hero [data-testid=exchange-calculator]{max-width:620px!important;padding:24px!important;outline-width:5px!important;border-radius:23px!important}.sk-hero [data-testid=exchange-calculator] h2{font-size:21px!important}.sk-hero [data-testid=exchange-calculator]>div:has(>label){padding:13px!important}.sk-hero [data-testid=exchange-calculator] input{font-size:22px!important}.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{min-width:135px!important}.sk-hero [data-testid=exchange-calculator]:before{font-size:8px!important;letter-spacing:1.6px!important}body[data-sk-page=home] header>div{padding:16px 20px!important}body[data-sk-page=home] header [data-testid=logo]>span{font-size:21px!important}body[data-sk-page=home] .sk-home>section h2{font-size:25px!important}.sk-features .group{border-right:0!important}}
@media(max-width:420px){.sk-hero-copy h1{font-size:42px!important;letter-spacing:-2px!important}.sk-hero [data-testid=exchange-calculator]{padding:20px!important}.sk-hero [data-testid=exchange-calculator] h2{font-size:19px!important}body[data-sk-page=home] .sk-hero [data-testid=exchange-calculator] input:not([type=checkbox]){font-size:19px!important;padding-left:10px!important}.sk-hero [data-testid=exchange-calculator] input::placeholder{font-size:19px!important}.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog]{min-width:113px!important;max-width:125px!important;font-size:13px!important}.sk-hero [data-testid=exchange-calculator] button[aria-haspopup=dialog] img{width:25px!important;height:25px!important}.sk-hero [data-testid=exchange-calculator]>div:has(>label){padding:12px!important}body[data-sk-page=home] header [data-testid=logo]>span{font-size:19px!important}.sk-hero [data-testid=exchange-calculator] input{min-width:0!important}body[data-sk-page=home] .sk-home>section h2{font-size:24px!important}}