/*! CipherMatrix utilities — generated by scripts/build-css.js. Do not edit; edit sources and rebuild. */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter, ui-sans-serif, system-ui, sans-serif;-webkit-tap-highlight-color:transparent}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:"JetBrains Mono", ui-monospace, monospace;font-size:1em}
small{font-size:80%}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role=button]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
@keyframes cm-pulse{50%{opacity:.5}}
:root {
--lime: #a3e635;
--cyan: #06b6d4;
--ink: #07090e;
--danger: #fb7185;
}
html { scroll-behavior: smooth; color-scheme: dark; }
body { background: var(--ink); }
.bg-grid {
background-image:
linear-gradient(to right, rgba(255,255,255,.035) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255,255,255,.035) 1px, transparent 1px);
background-size: 44px 44px;
mask-image: radial-gradient(ellipse 70% 55% at 50% 0%, #000 40%, transparent 100%);
-webkit-mask-image: radial-gradient(ellipse 70% 55% at 50% 0%, #000 40%, transparent 100%);
}
.glass {
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.10);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.tool-card {
position: relative;
display: flex;
flex-direction: column;
gap: .9rem;
padding: 1.4rem;
border-radius: 1.5rem;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.10);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
overflow: hidden;
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.tool-card::before {
content: "";
position: absolute; inset: 0;
background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), var(--glow, rgba(163,230,53,.14)), transparent 55%);
opacity: 0; transition: opacity .3s ease; pointer-events: none;
}
.tool-card:hover { transform: translateY(-3px); }
.tool-card:hover::before { opacity: 1; }
.tool-card.accent-lime { --glow: rgba(163,230,53,.16); }
.tool-card.accent-cyan { --glow: rgba(6,182,212,.18); }
.tool-card.accent-lime:hover { border-color: rgba(163,230,53,.45); box-shadow: 0 0 40px -12px rgba(163,230,53,.55); }
.tool-card.accent-cyan:hover { border-color: rgba(6,182,212,.5);  box-shadow: 0 0 40px -12px rgba(6,182,212,.6); }
.tool-card:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.icon-tile {
display: grid; place-items: center;
width: 2.75rem; height: 2.75rem; border-radius: .9rem;
}
.accent-lime .icon-tile { color: var(--lime); background: rgba(163,230,53,.10); border: 1px solid rgba(163,230,53,.35); }
.accent-cyan .icon-tile { color: var(--cyan); background: rgba(6,182,212,.10); border: 1px solid rgba(6,182,212,.35); }
.formula {
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: .8rem;
padding: .55rem .75rem;
border-radius: .75rem;
background: rgba(0,0,0,.35);
border: 1px solid rgba(255,255,255,.08);
color: #cbd5e1;
overflow-x: auto;
white-space: nowrap;
}
.chip {
font-size: .8rem; font-weight: 500;
padding: .45rem .85rem; border-radius: 999px;
color: #94a3b8;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.10);
transition: all .2s ease; cursor: pointer;
}
.chip:hover { color: #e2e8f0; border-color: rgba(255,255,255,.25); }
.chip[aria-selected="true"] {
color: #07090e; background: var(--lime); border-color: var(--lime);
box-shadow: 0 0 18px -4px var(--lime);
}
.btn {
display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
font-size: .85rem; font-weight: 600;
padding: .55rem .95rem; border-radius: .8rem;
color: #e2e8f0;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.12);
cursor: pointer; transition: all .2s ease;
}
.btn:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.25); }
.btn:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.btn-primary { color: #07090e; background: var(--lime); border-color: var(--lime); }
.btn-primary:hover { background: #bef264; box-shadow: 0 0 22px -4px var(--lime); }
.tab {
font-size: .85rem; font-weight: 600; padding: .5rem 1rem; border-radius: .75rem;
color: #94a3b8; border: 1px solid transparent; cursor: pointer; transition: all .2s ease;
}
.tab:hover { color: #e2e8f0; }
.tab[aria-selected="true"] {
color: var(--cyan); background: rgba(6,182,212,.10); border-color: rgba(6,182,212,.4);
box-shadow: 0 0 18px -6px var(--cyan);
}
.copy-btn {
display: inline-flex; align-items: center; gap: .35rem;
font-size: .72rem; font-weight: 600; letter-spacing: .02em;
padding: .3rem .6rem; border-radius: .6rem;
color: #94a3b8; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12);
cursor: pointer; transition: all .2s ease; white-space: nowrap;
}
.copy-btn:hover { color: var(--lime); border-color: rgba(163,230,53,.5); }
.copy-btn.copied { color: #07090e; background: var(--lime); border-color: var(--lime); }
.field-label { display: block; font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #94a3b8; margin-bottom: .4rem; }
.field {
width: 100%;
font-family: "JetBrains Mono", ui-monospace, monospace;
font-size: .95rem;
padding: .7rem .85rem; border-radius: .8rem;
color: #f1f5f9;
background: rgba(0,0,0,.4);
border: 1px solid rgba(255,255,255,.12);
outline: none; transition: border-color .2s ease, box-shadow .2s ease;
}
.field::placeholder { color: #475569; }
.field:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(6,182,212,.18), 0 0 22px -6px var(--cyan); }
.field.is-invalid { border-color: var(--danger); box-shadow: 0 0 0 3px rgba(251,113,133,.15); animation: shake .28s ease; }
.field-error { margin-top: .35rem; font-size: .75rem; color: var(--danger); min-height: 1rem; }
.cell-input { text-align: center; padding: .65rem .25rem; min-width: 0; }
select.field { appearance: none; cursor: pointer; }
@keyframes shake {
25% { transform: translateX(-3px); } 75% { transform: translateX(3px); }
}
.panel { padding: 1.25rem; border-radius: 1.25rem; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.10); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
@media (min-width: 640px) { .panel { padding: 1.5rem; } }
.result-box {
display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
padding: 1rem 1.15rem; border-radius: 1rem;
background: linear-gradient(135deg, rgba(163,230,53,.10), rgba(6,182,212,.08));
border: 1px solid rgba(163,230,53,.35);
box-shadow: 0 0 30px -12px rgba(163,230,53,.5);
}
.result-value { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 1.6rem; color: var(--lime); word-break: break-all; }
.result-sub { font-size: .75rem; color: #94a3b8; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.steps { list-style: none; counter-reset: s; display: grid; gap: .7rem; padding: 0; margin: 0; }
.steps > li {
counter-increment: s; position: relative;
padding: .85rem 1rem .85rem 3rem; border-radius: .9rem;
background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.07);
font-size: .9rem; color: #cbd5e1; overflow-x: auto;
}
.steps > li::before {
content: counter(s);
position: absolute; left: .85rem; top: .85rem;
width: 1.5rem; height: 1.5rem; border-radius: 50%;
display: grid; place-items: center;
font-size: .72rem; font-weight: 700; color: var(--cyan);
background: rgba(6,182,212,.12); border: 1px solid rgba(6,182,212,.4);
}
.steps .step-title { font-weight: 600; color: #f1f5f9; margin-bottom: .3rem; }
.mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
.line { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .84rem; line-height: 1.7; white-space: pre-wrap; word-break: break-word; }
.hl-lime { color: var(--lime); }
.hl-cyan { color: var(--cyan); }
.hl-dim  { color: #64748b; }
.mat { display: inline-block; position: relative; padding: .35rem .75rem; margin: .25rem .4rem; vertical-align: middle; }
.mat::before, .mat::after {
content: ""; position: absolute; top: 0; bottom: 0; width: .45rem;
border: 2px solid #64748b;
}
.mat::before { left: 0; border-right: 0; border-radius: .25rem 0 0 .25rem; }
.mat::after  { right: 0; border-left: 0; border-radius: 0 .25rem .25rem 0; }
.mat-grid { display: grid; gap: .3rem .9rem; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .9rem; text-align: center; }
.mat-grid span { min-width: 2rem; }
.tbl-wrap { overflow-x: auto; border-radius: 1rem; border: 1px solid rgba(255,255,255,.1); }
.tbl { width: 100%; border-collapse: collapse; font-size: .82rem; }
.tbl th {
position: sticky; top: 0;
text-align: left; padding: .6rem .8rem; white-space: nowrap;
font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
color: var(--cyan); background: rgba(6,182,212,.08); border-bottom: 1px solid rgba(255,255,255,.1);
}
.tbl td { padding: .55rem .8rem; border-bottom: 1px solid rgba(255,255,255,.05); font-family: "JetBrains Mono", ui-monospace, monospace; white-space: nowrap; color: #cbd5e1; }
.tbl tr:last-child td { border-bottom: 0; }
.tbl tbody tr:hover td { background: rgba(255,255,255,.03); }
.tbl tr.row-final td { background: rgba(163,230,53,.08); color: var(--lime); font-weight: 600; }
.bit { display: inline-grid; place-items: center; width: 1.7rem; height: 2rem; border-radius: .5rem; font-family: "JetBrains Mono", monospace; font-weight: 600; font-size: .9rem; }
.bit-1 { color: #07090e; background: var(--lime); box-shadow: 0 0 14px -4px var(--lime); }
.bit-0 { color: #64748b; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }
.badge-ok  { color: var(--lime); }
.badge-bad { color: var(--danger); }
.toast {
position: fixed; left: 50%; bottom: 1.5rem; transform: translate(-50%, 20px);
padding: .6rem 1rem; border-radius: .9rem; font-size: .85rem; font-weight: 600;
color: #07090e; background: var(--lime); box-shadow: 0 10px 40px -8px rgba(163,230,53,.6);
opacity: 0; pointer-events: none; transition: all .25s ease; z-index: 60;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast.error { background: var(--danger); box-shadow: 0 10px 40px -8px rgba(251,113,133,.6); }
.fade-in { animation: fadeIn .35s ease both; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
}
::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }
select.field {
padding-right: 2rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right .6rem center; background-size: 1rem;
}
.mo-card { padding: 1.1rem; border-radius: 1.1rem; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.08); min-width: 0; }
.mo-op { font-size: .85rem; font-weight: 600; padding: .5rem .9rem; border-radius: .8rem; color: #94a3b8; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); cursor: pointer; transition: all .2s ease; }
.mo-op:hover { color: #e2e8f0; border-color: rgba(255,255,255,.25); }
.mo-op[aria-selected="true"] { color: var(--cyan); background: rgba(6,182,212,.1); border-color: rgba(6,182,212,.5); box-shadow: 0 0 18px -6px var(--cyan); }
.mo-grid-scroll { overflow-x: auto; padding-bottom: .25rem; }
.mo-hint { font-size: .8rem; color: #94a3b8; }
.mo-error { padding: 1rem 1.15rem; border-radius: 1rem; background: rgba(251,113,133,.08); border: 1px solid rgba(251,113,133,.35); color: #fecdd3; font-size: .9rem; }
.mo-error strong { color: #fda4af; }
.mo-empty { padding: 2.5rem 1rem; text-align: center; color: #64748b; font-size: .9rem; }
.mo-badge { font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 999px; color: #07090e; background: var(--lime); box-shadow: 0 0 14px -3px var(--lime); }
.mat-grid .mc { font-weight: 500; min-width: 2.1rem; padding: .15rem .4rem; border-radius: .45rem; display: flex; align-items: center; justify-content: center; gap: .1rem; white-space: nowrap; transition: background .2s ease, color .2s ease; }
.mat-grid .mc.ex { font-size: .78rem; font-weight: 400; color: #94a3b8; }
.mat-grid .mc.est  { color: #67e8f9; }
.mat-grid .mc.scan { background: rgba(255,255,255,.05); }
.mat-grid .mc.hot  { background: rgba(6,182,212,.10); }
.mat-grid .mc.pv   { color: #07090e; background: var(--cyan); box-shadow: 0 0 14px -2px var(--cyan); font-weight: 700; }
.mat.final .mc { color: var(--lime); font-weight: 600; }
.mat.final .mc.est { color: #07090e; background: rgba(163,230,53,.85); }
.mat-label { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .85rem; color: #94a3b8; margin-right: .1rem; }
.fr { display: inline-grid; text-align: center; line-height: 1.15; font-size: .85em; }
.fr > i { font-style: normal; padding: 0 .2rem; }
.fr > i:first-child { border-bottom: 1.5px solid currentColor; }
.mo-mats { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .75rem; margin-top: .45rem; overflow-x: auto; max-width: 100%; }
.kind { font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: .15rem .5rem; border-radius: 999px; color: #67e8f9; background: rgba(6,182,212,.1); border: 1px solid rgba(6,182,212,.35); white-space: nowrap; }
.kind-swap, .kind-scale, .kind-add { color: #bef264; background: rgba(163,230,53,.08); border-color: rgba(163,230,53,.35); }
.kind-skip, .kind-info { color: #94a3b8; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.15); }
.mo-formula { color: var(--lime); }
.mo-given { display: grid; gap: 1rem; }
@media (min-width: 768px) { .mo-given { grid-template-columns: auto 1fr; } }
.mo-hist-item { display: flex; align-items: center; gap: .75rem; padding: .6rem .8rem; border-radius: .8rem; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.07); transition: border-color .2s ease; }
.mo-hist-item:hover { border-color: rgba(6,182,212,.45); }
.mo-hist-main { flex: 1; min-width: 0; text-align: left; background: none; border: 0; color: inherit; cursor: pointer; }
.mo-hist-del { color: #64748b; background: none; border: 0; cursor: pointer; padding: .25rem; border-radius: .4rem; }
.mo-hist-del:hover { color: var(--danger); }
.btn-ghost-danger:hover { color: var(--danger); border-color: rgba(251,113,133,.5); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: .75rem; top: -3rem; z-index: 60; padding: .55rem .9rem; border-radius: .7rem; font-weight: 600; font-size: .85rem; color: #07090e; background: var(--lime); transition: top .15s ease; }
.skip-link:focus { top: .75rem; }
a:focus-visible, summary:focus-visible, button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: .35rem; }
.nav-menu > summary { list-style: none; cursor: pointer; }
.nav-menu > summary::-webkit-details-marker { display: none; }
.breadcrumb ol { list-style: none; margin: 0; padding: 0; }
.tool-mount { min-height: 22rem; }
.tool-mount[aria-busy="false"] { min-height: 0; }
.cv-auto { content-visibility: auto; contain-intrinsic-size: 1px 700px; }
.chip[aria-pressed="true"] { color: #07090e; background: var(--lime); border-color: var(--lime); box-shadow: 0 0 18px -4px var(--lime); }
.prose-cm { color: #cbd5e1; line-height: 1.75; font-size: 1rem; max-width: 52rem; }
.prose-cm h2 { font-family: "Space Grotesk", Inter, sans-serif; font-size: 1.5rem; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; color: #fff; margin: 2rem 0 .7rem; }
.prose-cm h2:first-child { margin-top: 0; }
.prose-cm h3 { font-family: "Space Grotesk", Inter, sans-serif; font-size: 1.1rem; font-weight: 600; color: #e2e8f0; margin: 1.4rem 0 .4rem; }
.prose-cm p { margin: .75rem 0; }
.prose-cm ul { list-style: disc; padding-left: 1.4rem; margin: .75rem 0; }
.prose-cm li { margin: .3rem 0; }
.prose-cm a { color: var(--lime); text-decoration: underline; text-underline-offset: 3px; }
.prose-cm code { font-family: "JetBrains Mono", ui-monospace, monospace; font-size: .88em; padding: .1rem .35rem; border-radius: .4rem; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); color: #d9f99d; }
.prose-cm .example { margin: 1.4rem 0; padding: 1.1rem; border-radius: 1.25rem; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09); max-width: none; }
.prose-cm .example h3 { margin-top: 0; }
.prose-cm .example .steps { margin-top: .5rem; }
.prose-cm .example ul { list-style: none; padding-left: 0; }
.note { padding: .7rem .9rem; border-radius: .8rem; font-size: .85rem; line-height: 1.55; border: 1px solid rgba(6,182,212,.35); background: rgba(6,182,212,.08); color: #a5f3fc; }
.note-warn { border-color: rgba(251,191,36,.4); background: rgba(251,191,36,.08); color: #fde68a; }
.ad-slot { margin: 2rem 0; min-height: 280px; text-align: center; }
.ad-slot .ad-label { display: block; margin-bottom: .35rem; font-size: .65rem; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; }
@media (max-width: 1023.98px) {
.tool-mount .grid.lg\:grid-cols-5 { grid-template-columns: minmax(0, 1fr); }
.tool-mount .grid.lg\:grid-cols-5 > * { min-width: 0; }
}
[hidden] { display: none !important; }
.prose-cm .lead { font-size: 1.075rem; color: #cbd5e1; }
.prose-cm .formula-list { list-style: none; padding-left: 0; display: grid; gap: .5rem; }
.prose-cm .formula-list li { margin: 0; }
.prose-cm .formula-list code { display: block; padding: .6rem .8rem; border-radius: .75rem; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .85rem; color: #bef264; overflow-x: auto; }
.prose-cm ol { padding-left: 1.25rem; list-style: decimal; display: grid; gap: .5rem; }
.practice { margin: .6rem 0; border: 1px solid rgba(255,255,255,.1); border-radius: .85rem; background: rgba(255,255,255,.03); }
.practice summary { cursor: pointer; padding: .75rem 1rem; font-weight: 500; color: #e2e8f0; list-style-position: inside; }
.practice summary:focus-visible { outline: 2px solid #a3e635; outline-offset: 2px; border-radius: .85rem; }
.practice p { margin: 0; padding: 0 1rem 1rem; color: #cbd5e1; }
.\!mb-0{margin-bottom:0px !important}
.\!pr-8{padding-right:2rem !important}
.\!px-2\.5{padding-left:0.625rem !important;padding-right:0.625rem !important}
.\!px-3{padding-left:0.75rem !important;padding-right:0.75rem !important}
.\!py-1\.5{padding-top:0.375rem !important;padding-bottom:0.375rem !important}
.\!py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important}
.\!text-xs{font-size:.75rem !important;line-height:1rem !important}
.\!w-16{width:4rem !important}
.\!w-auto{width:auto !important}
.-left-32{left:-8rem}
.-right-40{right:-10rem}
.-top-40{top:-10rem}
.-z-10{z-index:-10}
.absolute{position:absolute}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bg-black\/25{background-color:rgb(0 0 0 / 0.25)}
.bg-black\/30{background-color:rgb(0 0 0 / 0.3)}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.bg-cyan-500\/10{background-color:rgb(6 182 212 / 0.1)}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-ink{background-color:#07090e}
.bg-ink\/70{background-color:rgb(7 9 14 / 0.7)}
.bg-lime-400\/10{background-color:rgb(163 230 53 / 0.1)}
.bg-rose-400\/10{background-color:rgb(251 113 133 / 0.1)}
.bg-transparent{background-color:transparent}
.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}
.bg-white\/5{background-color:rgb(255 255 255 / 0.05)}
.block{display:block}
.blur-\[120px\]{filter:blur(120px)}
.blur-\[130px\]{filter:blur(130px)}
.border{border-width:1px}
.border-b{border-bottom-width:1px}
.border-cyan-500\/30{border-color:rgb(6 182 212 / 0.3)}
.border-lime-400\/40{border-color:rgb(163 230 53 / 0.4)}
.border-rose-400\/30{border-color:rgb(251 113 133 / 0.3)}
.border-t{border-top-width:1px}
.border-white\/10{border-color:rgb(255 255 255 / 0.1)}
.break-all{word-break:break-all}
.col-span-1{grid-column:span 1 / span 1}
.col-span-2{grid-column:span 2 / span 2}
.constructor{function Object() { [native code] }}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.font-bold{font-weight:700}
.font-display{font-family:"Space Grotesk", Inter, sans-serif}
.font-medium{font-weight:500}
.font-normal{font-weight:400}
.font-sans{font-family:Inter, ui-sans-serif, system-ui, sans-serif}
.font-semibold{font-weight:600}
.from-lime-400{--tw-gradient-from:#a3e635;--tw-gradient-to:rgb(163 230 53 / 0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-2\.5{gap:0.625rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-8{gap:2rem}
.gap-x-4{column-gap:1rem}
.gap-x-6{column-gap:1.5rem}
.gap-y-1{row-gap:0.25rem}
.gap-y-3{row-gap:0.75rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grow{flex-grow:1}
.h-3\.5{height:0.875rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-9{height:2.25rem}
.h-\[28rem\]{height:28rem}
.h-\[30rem\]{height:30rem}
.hidden{display:none}
.inline-flex{display:inline-flex}
.inset-0{inset:0px}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.leading-\[1\.05\]{line-height:1.05}
.leading-relaxed{line-height:1.625}
.leading-tight{line-height:1.25}
.max-h-\[26rem\]{max-height:26rem}
.max-h-\[28rem\]{max-height:28rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-6xl{max-width:72rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-10{margin-bottom:2.5rem}
.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-8{margin-bottom:2rem}
.min-h-screen{min-height:100vh}
.min-w-0{min-width:0px}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-auto{margin-top:auto}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mx-auto{margin-left:auto;margin-right:auto}
.outline-none{outline:2px solid transparent;outline-offset:2px}
.overflow-hidden{overflow:hidden}
.overflow-y-auto{overflow-y:auto}
.p-1{padding:0.25rem}
.p-2{padding:0.5rem}
.p-4{padding:1rem}
.pb-10{padding-bottom:2.5rem}
.pb-20{padding-bottom:5rem}
.pb-6{padding-bottom:1.5rem}
.pb-8{padding-bottom:2rem}
.place-items-center{place-items:center}
.pointer-events-none{pointer-events:none}
.pt-10{padding-top:2.5rem}
.pt-16{padding-top:4rem}
.pt-6{padding-top:1.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.relative{position:relative}
.right-0{right:0px}
.rounded{border-radius:.25rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.shadow-\[0_0_20px_-4px_\#a3e635\]{box-shadow:0 0 20px -4px #a3e635}
.space-y-1 > :not([hidden]) ~ :not([hidden]){margin-top:0.25rem}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){margin-top:0.375rem}
.space-y-10 > :not([hidden]) ~ :not([hidden]){margin-top:2.5rem}
.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem}
.space-y-3 > :not([hidden]) ~ :not([hidden]){margin-top:0.75rem}
.space-y-4 > :not([hidden]) ~ :not([hidden]){margin-top:1rem}
.space-y-5 > :not([hidden]) ~ :not([hidden]){margin-top:1.25rem}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-6xl{font-size:3.75rem;line-height:1}
.text-\[11px\]{font-size:11px}
.text-base{font-size:1rem;line-height:1.5rem}
.text-center{text-align:center}
.text-cyan-300{color:#67e8f9}
.text-cyan-400{color:#22d3ee}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-lime-400{color:#a3e635}
.text-rose-200{color:#fecdd3}
.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-slate-500{color:#7d8ba1}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-transparent{color:transparent}
.text-white{color:#ffffff}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:.75rem;line-height:1rem}
.to-cyan-400{--tw-gradient-to:#22d3ee}
.toLocaleString{function toLocaleString() { [native code] }}
.toString{function toString() { [native code] }}
.top-0{top:0px}
.top-1\/3{top:33.333333%}
.tracking-tight{letter-spacing:-.025em}
.tracking-wider{letter-spacing:.05em}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.underline{text-decoration-line:underline}
.uppercase{text-transform:uppercase}
.via-lime-300{--tw-gradient-stops:var(--tw-gradient-from),#bef264,var(--tw-gradient-to)}
.w-3\.5{width:0.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-56{width:14rem}
.w-6{width:1.5rem}
.w-9{width:2.25rem}
.w-\[28rem\]{width:28rem}
.w-\[30rem\]{width:30rem}
.w-full{width:100%}
.w-px{width:1px}
.z-30{z-index:30}
.focus-within\:border-lime-400\/50:focus-within{border-color:rgb(163 230 53 / 0.5)}
.focus-within\:shadow-\[0_0_24px_-6px_\#a3e635\]:focus-within{box-shadow:0 0 24px -6px #a3e635}
.group:hover .group-hover\:shadow-\[0_0_28px_-2px_\#a3e635\]{box-shadow:0 0 28px -2px #a3e635}
.group:hover .group-hover\:translate-x-1{transform:translateX(0.25rem)}
.hover\:bg-white\/5:hover{background-color:rgb(255 255 255 / 0.05)}
.hover\:border-lime-400\/40:hover{border-color:rgb(163 230 53 / 0.4)}
.hover\:text-lime-400:hover{color:#a3e635}
.hover\:underline:hover{text-decoration-line:underline}
.placeholder\:text-slate-400::placeholder{color:#94a3b8}
.selection\:bg-lime-400\/30 *::selection,.selection\:bg-lime-400\/30::selection{background-color:rgb(163 230 53 / 0.3)}
@media (min-width:640px){
.sm\:flex-row{flex-direction:row}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sm\:inline-block{display:inline-block}
.sm\:items-center{align-items:center}
.sm\:pt-16{padding-top:4rem}
.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.sm\:text-6xl{font-size:3.75rem;line-height:1}
}
@media (min-width:768px){
.md\:col-span-2{grid-column:span 2 / span 2}
.md\:col-span-3{grid-column:span 3 / span 3}
.md\:col-span-4{grid-column:span 4 / span 4}
.md\:col-span-6{grid-column:span 6 / span 6}
.md\:flex{display:flex}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:hidden{display:none}
}
@media (min-width:1024px){
.lg\:col-span-2{grid-column:span 2 / span 2}
.lg\:col-span-3{grid-column:span 3 / span 3}
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
}