.unit-right {
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.005));
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-lg);
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
section {
    display: block;
    unicode-bidi: isolate;
}
body {
    min-height: 100vh;
    background: radial-gradient(1100px 600px at 15% -10%, rgba(124, 240, 255, 0.10), transparent 60%), radial-gradient(900px 500px at 100% 10%, rgba(199, 125, 255, 0.10), transparent 55%), radial-gradient(700px 500px at 50% 120%, rgba(255, 110, 199, 0.08), transparent 60%), var(--void);
    color: var(--ink);
    font-family: 'Space Grotesk', sans-serif;
    overflow-x: hidden;
}
:root {
    --void: #04050a;
    --deep: #0a0d18;
    --panel: #12151f;
    --chrome-1: #f3f6f9;
    --chrome-2: #aab4c2;
    --chrome-3: #4d5561;
    --ink: #e8edf4;
    --ink-dim: #8891a0;
    --holo-a: #7cf0ff;
    --holo-b: #c77dff;
    --holo-c: #ff6ec7;
    --acid: #d4ff3d;
    --lcd: #8fffc7;
    --radius-lg: 22px;
    --radius-sm: 10px;
}
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPb54C-s0.woff2) format('woff2');
    unicode-range: U +0102 -0103, U +0110 -0111, U +0128 -0129, U +0168 -0169, U +01A0 -01A1, U +01AF -01B0, U +0300 -0301, U +0303 -0304, U +0308 -0309, U +0323, U +0329, U +1EA0 -1EF9, U +20AB;
}