@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ink:#080d17; --ink-2:#0d1420; --ink-3:#131d2c; --line:rgba(224,238,255,.12); --muted:#8390a4; --text:#eff5fb; --lime:#bafc73; --cyan:#69d8ff; --violet:#a992ff; --shadow:0 24px 80px rgba(0,0,0,.32); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--text); font-family:'Manrope',Arial,sans-serif; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
body:before { content:''; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,black,transparent 75%); opacity:.35; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.025; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; border:0; cursor:pointer; }
.section-shell { width:min(1180px,calc(100% - 96px)); margin:0 auto; }
.site-header { position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; width:min(1280px,calc(100% - 64px)); height:84px; margin:0 auto; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:11px; min-width:170px; }
.brand-mark { position:relative; display:grid; place-items:center; width:37px; height:37px; border:1px solid rgba(186,252,115,.7); border-radius:11px 11px 11px 4px; color:var(--lime); font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:700; letter-spacing:-.05em; transform:rotate(-4deg); }
.brand-mark span { transform:rotate(4deg); }
.brand-mark i { position:absolute; width:5px; height:5px; right:-3px; top:-3px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.brand-name { font-family:'Space Grotesk',sans-serif; font-size:17px; font-weight:700; letter-spacing:-.05em; }.brand-name span { color:var(--muted); font-weight:500; margin-left:3px; }
.main-nav { display:flex; align-items:center; gap:27px; margin-left:20px; }.nav-link { position:relative; color:#8995a8; font-size:11px; font-weight:600; white-space:nowrap; transition:color .2s ease; }.nav-link:hover,.nav-link.active { color:var(--lime); }.nav-link.active:after { content:''; position:absolute; left:50%; bottom:-32px; width:4px; height:4px; border-radius:50%; background:var(--lime); box-shadow:0 0 11px var(--lime); transform:translateX(-50%); }
.header-actions { display:flex; align-items:center; gap:10px; }.lang-toggle { display:flex; gap:7px; align-items:center; padding:10px 7px; background:transparent; color:#a6b0bf; font-size:11px; }.globe { color:var(--cyan); font-size:17px; }.chevron { color:#526073; font-size:15px; }.btn { display:inline-flex; gap:11px; align-items:center; justify-content:center; padding:11px 17px; border-radius:8px; font-size:11px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }.btn:hover { transform:translateY(-2px); }.btn-ghost { color:#c8d2de; background:rgba(255,255,255,.055); border:1px solid var(--line); }.btn-lime { color:#11180e; background:var(--lime); box-shadow:0 0 30px rgba(186,252,115,.08); }.btn-lime:hover { box-shadow:0 12px 35px rgba(186,252,115,.18); }.btn-large { padding:15px 21px; font-size:12px; border-radius:9px; }.menu-toggle { display:none; background:none; padding:8px; }.menu-toggle span { display:block; width:22px; height:1px; background:var(--lime); margin:5px; }
.hero { min-height:600px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; padding-top:50px; padding-bottom:70px; }.hero-copy { position:relative; z-index:2; padding-left:34px; }.eyebrow,.section-label { color:var(--lime); font-family:'DM Mono',monospace; font-size:10px; letter-spacing:.16em; }.eyebrow { display:flex; gap:10px; align-items:center; margin-bottom:27px; }.status-dot { width:7px; height:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(186,252,115,.1),0 0 16px var(--lime); }.hero h1 { max-width:620px; margin:0; color:#f7fbff; font-family:'Space Grotesk',sans-serif; font-size:clamp(52px,6vw,86px); line-height:.96; letter-spacing:-.075em; }.hero h1 em,.service-intro h2 em,.advantage-head h2 em,.support-card h2 em { color:var(--lime); font-style:normal; }.hero-lede { max-width:410px; color:#9aa7b9; font-size:15px; line-height:1.75; margin:28px 0 30px; }.hero-actions { display:flex; align-items:center; gap:23px; }.text-link,.arrow-link { display:inline-flex; gap:9px; align-items:center; color:#dce5ef; font-size:11px; font-weight:700; }.text-link span,.arrow-link span { color:var(--lime); font-size:17px; transition:transform .2s ease; }.text-link:hover span,.arrow-link:hover span { transform:translate(3px,-3px); }.hero-proof { display:flex; align-items:center; gap:12px; color:#6e7b8e; font-size:10px; margin-top:52px; }.hero-proof strong { color:#dee7f0; }.avatars { display:flex; padding-left:7px; }.avatars b { display:grid; place-items:center; width:24px; height:24px; margin-left:-7px; border:2px solid var(--ink); border-radius:50%; background:#dbe7ef; color:#152031; font-size:9px; }.avatars b:nth-child(2){background:#7bd6c5}.avatars b:nth-child(3){background:#9185dc}
.hero-visual { position:relative; min-height:510px; }.hero-visual:after { content:''; position:absolute; width:530px; height:530px; right:-130px; top:-10px; border:1px solid rgba(186,252,115,.12); border-radius:50%; box-shadow:0 0 0 52px rgba(105,216,255,.02),0 0 0 110px rgba(186,252,115,.018); }.orb { position:absolute; border-radius:50%; filter:blur(1px); }.orb-one { width:230px; height:230px; right:65px; top:98px; background:radial-gradient(circle at 36% 30%,rgba(186,252,115,.45),rgba(51,132,103,.24) 29%,rgba(7,14,23,0) 71%); animation:drift 8s ease-in-out infinite; }.orb-two { width:180px; height:180px; right:12px; top:280px; background:radial-gradient(circle,rgba(105,216,255,.2),rgba(8,13,23,0) 72%); }.card-glass { background:linear-gradient(145deg,rgba(23,36,50,.95),rgba(11,18,28,.9)); border:1px solid rgba(226,241,255,.14); box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.05); backdrop-filter:blur(18px); }.ticker-card { position:absolute; z-index:2; width:370px; right:42px; top:103px; padding:25px 24px 21px; border-radius:14px; transform:rotate(4deg); animation:float 6s ease-in-out infinite; }.ticker-head,.ticker-foot { display:flex; align-items:center; justify-content:space-between; color:#aab5c5; font-size:11px; }.ticker-head > span:first-child { display:flex; align-items:center; gap:8px; color:#eaf2f8; font-weight:700; }.coin-icon { display:grid; place-items:center; width:23px; height:23px; border-radius:8px; background:#f6a82e; color:#fff; font-style:normal; font-size:14px; }.up-label { color:var(--lime); font-family:'DM Mono',monospace; }.ticker-price { margin:27px 0 17px; font-family:'DM Mono',monospace; font-size:31px; letter-spacing:-.08em; }.ticker-price span { color:#8391a5; font-size:18px; }.sparkline { height:94px; margin:0 -7px 12px; }.sparkline svg { width:100%; height:100%; }.ticker-foot { padding-top:13px; border-top:1px solid var(--line); font-family:'DM Mono',monospace; font-size:9px; }.ticker-foot strong { color:#dfe7ef; font-weight:500; margin-left:auto; margin-right:16px; }.mini-live { display:flex; align-items:center; gap:5px; color:var(--lime); text-transform:uppercase; }.mini-live i,.footer-status i,.support-note i { display:inline-block; width:5px; height:5px; background:var(--lime); border-radius:50%; box-shadow:0 0 8px var(--lime); }.floating-stat { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--line); border-radius:8px; background:rgba(12,20,31,.78); box-shadow:0 15px 45px rgba(0,0,0,.26); backdrop-filter:blur(12px); }.floating-stat small { display:block; margin-bottom:4px; color:#8996a8; font-size:9px; }.floating-stat strong { color:#e5edf5; font-family:'DM Mono',monospace; font-size:13px; }.stat-one { top:325px; left:30px; }.stat-two { right:-6px; top:363px; }.stat-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:8px; background:rgba(186,252,115,.1); color:var(--lime); font-size:16px; }.stat-icon.blue { color:var(--cyan); background:rgba(105,216,255,.1); }.coordinate-grid { position:absolute; bottom:0; left:30px; right:15px; display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid rgba(186,252,115,.2); color:#4d5a6d; font:9px 'DM Mono',monospace; }
.announcement-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(13,20,32,.78); }.strip-inner { display:flex; align-items:center; gap:14px; min-height:64px; }.announce-icon { display:grid; place-items:center; width:27px; height:27px; color:var(--lime); border:1px solid rgba(186,252,115,.36); border-radius:50%; }.strip-kicker { color:#8d9aae; font:10px 'DM Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }.strip-inner p { margin:0; color:#cad4df; font-size:11px; }.strip-inner a { margin-left:auto; color:var(--lime); font-size:10px; font-weight:700; }.strip-inner a span { font-size:15px; }.strip-date { color:#657287; font:10px 'DM Mono',monospace; margin-left:22px; }
.market-preview { padding-top:110px; padding-bottom:100px; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:37px; }.section-heading h2,.advantage-head h2 { margin:13px 0 0; font:600 44px/1 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.section-heading h2 { color:#edf4fa; }.section-label { color:#76869a; }.section-heading .section-label,.advantage-head .section-label,.service-intro .section-label,.support-card .section-label { color:var(--lime); }.market-tabs { display:flex; gap:5px; margin-bottom:16px; }.market-tab { padding:9px 15px; border:1px solid var(--line); border-radius:7px; background:transparent; color:#78869a; font-size:10px; }.market-tab:hover,.market-tab.active { border-color:rgba(186,252,115,.35); background:rgba(186,252,115,.08); color:var(--lime); }.market-table-wrap { overflow-x:auto; border-top:1px solid var(--line); }.market-table { width:100%; min-width:720px; border-collapse:collapse; }.market-table th,.market-table td { padding:19px 15px; text-align:left; border-bottom:1px solid rgba(224,238,255,.08); font-size:11px; }.market-table th { color:#617086; font:9px 'DM Mono',monospace; letter-spacing:.1em; text-transform:uppercase; }.market-table td { color:#c8d2de; }.market-table td:first-child { color:#eff6fb; font-weight:700; }.pair-cell { display:flex; align-items:center; gap:10px; }.pair-icon { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:#fff; font-size:11px; font-weight:800; }.pair-meta { display:block; color:#637084; font:9px 'DM Mono',monospace; font-weight:400; margin-top:3px; }.change-positive { color:var(--lime)!important; }.change-negative { color:#ff8b9b!important; }.bar { width:80px; height:4px; border-radius:99px; background:#243140; overflow:hidden; }.bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--lime)); }.table-action { text-align:right!important; }.explore-btn { color:var(--lime); font-size:17px; background:transparent; }
.service-section { display:grid; grid-template-columns:310px 1fr; gap:80px; padding:108px 0; border-top:1px solid var(--line); }.service-intro h2 { margin:15px 0 19px; font:600 40px/.98 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.service-intro p,.advantage-head p { color:#8a98aa; font-size:12px; line-height:1.75; }.service-intro p { margin:0 0 26px; }.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.service-card { position:relative; min-height:283px; padding:22px; background:rgba(17,27,41,.72); border:1px solid var(--line); border-radius:11px; overflow:hidden; transition:transform .25s ease,border-color .25s ease; }.service-card:hover { transform:translateY(-6px); border-color:rgba(186,252,115,.36); }.service-card-featured { background:linear-gradient(145deg,rgba(186,252,115,.14),rgba(16,31,38,.92)); border-color:rgba(186,252,115,.3); }.card-number { color:#526176; font:10px 'DM Mono',monospace; }.service-icon { display:grid; place-items:center; width:42px; height:42px; margin:37px 0 23px; border-radius:12px; font-size:24px; }.service-icon.lime { color:var(--lime); background:rgba(186,252,115,.12); }.service-icon.blue { color:var(--cyan); background:rgba(105,216,255,.12); }.service-icon.violet { color:var(--violet); background:rgba(169,146,255,.12); }.service-card h3 { margin:0 0 10px; font:600 16px 'Space Grotesk',sans-serif; letter-spacing:-.04em; }.service-card p { max-width:180px; margin:0; color:#7c899b; font-size:11px; line-height:1.6; }.service-arrow { position:absolute; right:20px; bottom:19px; color:var(--lime); font-size:19px; }.card-lines { position:absolute; width:150px; height:150px; right:-42px; bottom:-56px; border:1px solid rgba(186,252,115,.28); border-radius:50%; box-shadow:0 0 0 18px rgba(186,252,115,.04),0 0 0 38px rgba(186,252,115,.03); }
.advantage-section { display:grid; grid-template-columns:340px 1fr; gap:95px; padding:110px 0; border-top:1px solid var(--line); }.advantage-head h2 { margin-bottom:20px; }.advantage-list { border-top:1px solid var(--line); }.advantage-item { display:grid; grid-template-columns:34px 47px 1fr 30px; align-items:center; gap:17px; padding:22px 0; border-bottom:1px solid var(--line); }.advantage-index { color:#59677c; font:10px 'DM Mono',monospace; }.advantage-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(186,252,115,.22); border-radius:10px; color:var(--lime); }.advantage-item h3 { margin:0 0 6px; font:600 15px 'Space Grotesk',sans-serif; }.advantage-item p { max-width:400px; margin:0; color:#7d8b9e; font-size:11px; line-height:1.55; }.advantage-arrow { justify-self:end; color:#5c6c80; font-size:18px; transition:color .2s,transform .2s; }.advantage-item:hover .advantage-arrow { color:var(--lime); transform:translate(3px,-3px); }
.news-section { padding:110px 0; border-top:1px solid var(--line); }.news-grid { display:grid; grid-template-columns:1.03fr .97fr; gap:34px; }.news-feature { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:#101a28; }.news-image { position:relative; height:265px; overflow:hidden; background:radial-gradient(circle at 51% 50%,rgba(186,252,115,.35),rgba(20,65,66,.26) 20%,rgba(6,15,26,.98) 60%),linear-gradient(130deg,#192a37,#0a1321); }.news-image:before,.news-image:after { content:''; position:absolute; inset:21px; border:1px solid rgba(186,252,115,.2); border-radius:50%; transform:rotate(-27deg) scaleX(1.8); }.news-image:after { inset:46px; transform:rotate(30deg) scaleX(2); border-color:rgba(105,216,255,.2); }.news-orbit { position:absolute; inset:35px 90px; border:1px solid rgba(186,252,115,.45); border-radius:50%; transform:rotate(-25deg) scaleX(1.5); }.orbit-b { inset:64px 60px; transform:rotate(32deg) scaleX(1.6); border-color:rgba(105,216,255,.35); }.news-sun { position:absolute; top:50%; left:50%; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:linear-gradient(135deg,#fbbd4a,#dc702d); color:#fff; box-shadow:0 0 50px rgba(251,189,74,.45); transform:translate(-50%,-50%); font-size:28px; }.news-tag { position:absolute; z-index:2; left:20px; top:19px; padding:6px 9px; border:1px solid rgba(186,252,115,.4); border-radius:4px; color:var(--lime); font:9px 'DM Mono',monospace; }.news-copy { padding:23px 24px 25px; }.news-date { color:#708096; font:9px 'DM Mono',monospace; }.news-copy h3 { margin:14px 0 25px; font:600 23px/1.12 'Space Grotesk',sans-serif; letter-spacing:-.05em; }.news-list { border-top:1px solid var(--line); }.news-item { display:grid; grid-template-columns:93px 1fr 22px; gap:20px; align-items:center; min-height:101px; border-bottom:1px solid var(--line); }.news-item-date { color:#6c7a8e; font:9px/1.6 'DM Mono',monospace; }.news-item h3 { margin:0 0 7px; font:600 13px 'Space Grotesk',sans-serif; }.news-item p { margin:0; color:#718097; font-size:10px; }.news-item a { color:var(--lime); font-size:17px; }
.support-section { padding:0 0 110px; }.support-card { position:relative; display:flex; align-items:center; justify-content:space-between; gap:40px; padding:55px 65px; overflow:hidden; border:1px solid rgba(186,252,115,.28); border-radius:13px; background:linear-gradient(120deg,rgba(186,252,115,.13),rgba(11,35,41,.65) 60%,rgba(11,21,34,.92)); }.support-card:after { content:''; position:absolute; width:340px; height:340px; right:12%; top:-190px; border:1px solid rgba(186,252,115,.23); border-radius:50%; box-shadow:0 0 0 33px rgba(186,252,115,.04),0 0 0 70px rgba(186,252,115,.03); }.support-card h2 { position:relative; z-index:1; margin:14px 0 16px; font:600 40px/.96 'Space Grotesk',sans-serif; letter-spacing:-.07em; }.support-card p { position:relative; z-index:1; max-width:335px; color:#9aaaaf; font-size:12px; line-height:1.65; }.support-actions { position:relative; z-index:1; display:flex; flex-direction:column; align-items:flex-start; gap:16px; }.support-note { display:flex; align-items:center; gap:8px; color:#87a19f; font:9px 'DM Mono',monospace; }
.site-footer { border-top:1px solid var(--line); background:#060a12; }.footer-top { display:flex; justify-content:space-between; gap:70px; padding:65px 0 58px; }.footer-brand .brand { margin-bottom:23px; }.footer-brand p { max-width:220px; color:#748196; font-size:11px; line-height:1.65; }.footer-status { display:flex; align-items:center; gap:7px; margin-top:22px; color:#91a3b3; font:9px 'DM Mono',monospace; }.footer-links { display:grid; grid-template-columns:repeat(3,150px); gap:55px; }.footer-links h4 { margin:2px 0 18px; color:#d6e0e9; font:600 11px 'Space Grotesk',sans-serif; }.footer-links a { display:block; margin:0 0 12px; color:#6f7d90; font-size:10px; }.footer-links a:hover { color:var(--lime); }.footer-bottom { display:flex; justify-content:space-between; padding:18px 0 24px; border-top:1px solid rgba(224,238,255,.08); color:#566378; font:9px 'DM Mono',monospace; }.toast { position:fixed; z-index:30; right:24px; bottom:24px; max-width:320px; padding:14px 17px; border:1px solid rgba(186,252,115,.35); border-radius:8px; background:#14201d; color:#eaf7df; box-shadow:0 16px 50px rgba(0,0,0,.35); font-size:11px; opacity:0; transform:translateY(15px); pointer-events:none; transition:opacity .25s,transform .25s; }.toast.show { opacity:1; transform:translateY(0); }
.reveal { opacity:0; transform:translateY(15px); transition:opacity .7s ease,transform .7s ease; }.reveal.is-visible { opacity:1; transform:none; }.reveal-delay { transition-delay:.13s; }.reveal-delay-2 { transition-delay:.25s; }
@keyframes float { 0%,100%{transform:rotate(4deg) translateY(0)} 50%{transform:rotate(4deg) translateY(-10px)} } @keyframes drift { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-12px,13px)} }
@media(max-width:1050px){.main-nav{gap:13px}.nav-link{font-size:10px}.section-shell{width:min(100% - 54px,900px)}.site-header{width:calc(100% - 40px)}.hero-copy{padding-left:0}.service-section,.advantage-section{gap:45px}.footer-links{gap:25px}}
@media(max-width:780px){.site-header{height:72px}.main-nav,.header-actions{display:none}.menu-toggle{display:block}.site-header.menu-open{background:var(--ink)}.site-header.menu-open .main-nav{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:22px;top:72px;left:0;right:0;padding:26px 24px 30px;border:1px solid var(--line);border-top:0;background:#0b121e}.site-header.menu-open .nav-link.active:after{display:none}.site-header.menu-open .header-actions{position:absolute;display:flex;top:274px;left:0;right:0;padding:20px 24px;border:1px solid var(--line);border-top:0;background:#0b121e}.section-shell{width:calc(100% - 38px)}.hero{display:block;padding-top:62px;min-height:0}.hero h1{font-size:58px}.hero-visual{min-height:450px;margin-top:20px}.ticker-card{right:7%;width:87%;top:70px}.stat-one{left:0;top:290px}.stat-two{right:0;top:340px}.coordinate-grid{left:0}.strip-inner{flex-wrap:wrap;padding:15px 0;gap:9px}.strip-inner p{width:calc(100% - 43px);line-height:1.45}.strip-inner a{margin-left:0}.strip-date{margin-left:auto}.market-preview,.news-section{padding-top:80px;padding-bottom:76px}.section-heading h2,.advantage-head h2{font-size:36px}.section-heading{align-items:start;gap:20px;flex-direction:column;margin-bottom:29px}.service-section,.advantage-section{display:block;padding:80px 0}.service-intro{margin-bottom:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.advantage-head{margin-bottom:38px}.advantage-item{grid-template-columns:27px 39px 1fr 20px;gap:10px}.advantage-item p{font-size:10px}.news-grid{grid-template-columns:1fr;gap:35px}.news-image{height:220px}.support-card{display:block;padding:37px 28px}.support-actions{margin-top:29px}.footer-top{display:block;padding:50px 0}.footer-links{grid-template-columns:repeat(2,1fr);gap:26px 18px;margin-top:45px}.footer-bottom{display:block;line-height:1.7}.footer-bottom span{display:block;margin-top:4px}}
@media(max-width:440px){.hero h1{font-size:50px}.hero-proof{margin-top:35px}.hero-visual{min-height:400px}.ticker-card{top:45px;padding:19px}.ticker-price{font-size:27px;margin:20px 0 10px}.sparkline{height:75px}.stat-one{top:270px}.stat-two{top:320px}.section-heading h2,.advantage-head h2{font-size:32px}.news-item{grid-template-columns:70px 1fr 15px;gap:12px}.news-item h3{font-size:12px}.support-card h2{font-size:35px}}

.support-panel { display:grid; grid-template-columns:minmax(260px,.82fr) minmax(360px,1.18fr); gap:56px; align-items:start; }
.support-copy { position:relative; z-index:1; }
.official-banner { display:flex; gap:12px; margin-top:25px; padding:14px; border:1px solid rgba(255,205,105,.32); border-radius:9px; background:rgba(255,188,74,.07); }
.official-banner-icon { display:grid; place-items:center; flex:none; width:23px; height:23px; border-radius:50%; background:rgba(255,188,74,.17); color:#ffd37b; font:700 13px 'DM Mono',monospace; }
.official-banner strong { display:block; margin-bottom:6px; color:#ffd37b; font:600 11px 'Space Grotesk',sans-serif; }
.official-banner p { max-width:none; margin:0; color:#a9a290; font-size:10px; line-height:1.55; }
.support-form { position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; padding:21px; border:1px solid rgba(224,238,255,.13); border-radius:10px; background:rgba(7,16,27,.45); }
.support-form label { display:flex; flex-direction:column; gap:7px; color:#b8c5d2; font:10px 'DM Mono',monospace; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.support-form input,.support-form textarea { width:100%; border:1px solid rgba(224,238,255,.13); border-radius:6px; outline:none; background:rgba(255,255,255,.045); color:#edf5fb; padding:11px 12px; font:11px 'Manrope',sans-serif; transition:border-color .2s,box-shadow .2s; }
.support-form textarea { resize:vertical; min-height:105px; line-height:1.55; }
.support-form input::placeholder,.support-form textarea::placeholder { color:#647286; }
.support-form input:focus,.support-form textarea:focus { border-color:rgba(186,252,115,.62); box-shadow:0 0 0 3px rgba(186,252,115,.08); }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.form-submit { display:flex; align-items:center; gap:15px; flex-wrap:wrap; margin-top:2px; }
.form-submit .btn { border:0; }
.form-message { min-height:17px; margin:0; color:var(--lime); font-size:10px; line-height:1.5; }
.form-message.error { color:#ffb2bb; }
@media(max-width:780px){.support-panel{display:block}.support-form{margin-top:30px}.form-row{grid-template-columns:1fr}.official-banner{margin-bottom:8px}}