/* Onest restricted to Cyrillic only — Latin/digits/symbols always use Inter */
        @font-face {
            font-family: 'OnestCyrillic';
            font-style: normal;
            font-weight: 400 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmS-HYoEoeyxMI.woff2) format('woff2');
            unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
        }
        @font-face {
            font-family: 'OnestCyrillic';
            font-style: normal;
            font-weight: 400 700;
            font-display: swap;
            src: url(https://fonts.gstatic.com/s/onest/v9/gNMKW3F-SZuj7xmb-HYoEoeyxMI.woff2) format('woff2');
            unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
        }

        :root {
            --bg: #0e0e12;
            --bg-secondary: #16161c;
            --bg-card: rgba(255,255,255,0.04);
            --bg-glass: rgba(255,255,255,0.06);
            --border: rgba(255,255,255,0.08);
            --border-hover: rgba(255,255,255,0.14);
            --text-primary: #f0f0f5;
            --text-secondary: #8b8b9e;
            --text-muted: #5a5a6e;
            --accent: #b4a0ff;
            --accent-dim: rgba(180,160,255,0.12);
            --green: #6ee7b7;
            --red: #fca5a5;
            --green-bg: rgba(110,231,183,0.1);
            --red-bg: rgba(252,165,165,0.1);
            --glass-blur: 20px;
            --shadow: 0 8px 32px rgba(0,0,0,0.3);
            --modal-bg: rgba(0,0,0,0.75);
            --qr-fg: #f0f0f5;
            --qr-bg: #0e0e12;
            --page-glow-purple: rgba(124,92,252,0.2);
            --page-glow-purple-soft: rgba(182,80,158,0.16);
            --page-glow-teal: rgba(46,186,198,0.1);
        }
        [data-theme="light"] {
            --bg: #f5f5f7;
            --bg-secondary: #e7eaf2;
            --bg-card: rgba(252,253,255,0.86);
            --bg-glass: rgba(246,248,252,0.82);
            --border: rgba(15,23,42,0.1);
            --border-hover: rgba(15,23,42,0.18);
            --text-primary: #1a1a2e;
            --text-secondary: #565a72;
            --text-muted: #757b94;
            --accent: #7c5cfc;
            --accent-dim: rgba(124,92,252,0.14);
            --green: #22c55e;
            --red: #ef4444;
            --green-bg: rgba(34,197,94,0.08);
            --red-bg: rgba(239,68,68,0.08);
            --shadow: 0 12px 34px rgba(15,23,42,0.08);
            --modal-bg: rgba(12,12,22,0.68);
            --qr-fg: #1a1a2e;
            --qr-bg: #f5f5f7;
            --page-glow-purple: rgba(124,92,252,0.16);
            --page-glow-purple-soft: rgba(182,80,158,0.1);
            --page-glow-teal: rgba(46,186,198,0.08);
        }
        * { margin:0; padding:0; box-sizing:border-box; }
        .metrika-pixel {
            position:absolute;
            left:-9999px;
            width:1px;
            height:1px;
            overflow:hidden;
        }
        body {
            font-family: 'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
            background: var(--bg);
            color: var(--text-primary);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            overflow-x: hidden;
            position:relative;
            transition: background .5s, color .5s;
        }
        html[lang="ru"] body {
            font-family: 'OnestCyrillic','Inter',-apple-system,BlinkMacSystemFont,sans-serif;
            letter-spacing:-.005em;
        }
        body::before {
            content:"";
            position:fixed;
            inset:-18%;
            pointer-events:none;
            z-index:0;
            background:
                radial-gradient(circle at 12% 10%, var(--page-glow-purple), transparent 26%),
                radial-gradient(circle at 88% 16%, var(--page-glow-purple-soft), transparent 24%),
                radial-gradient(circle at 55% 88%, var(--page-glow-teal), transparent 24%);
            filter: blur(70px);
            opacity:.95;
        }
        canvas#particles {
            position: fixed; top:0; left:0;
            width:100%; height:100%;
            pointer-events: none; z-index:1;
        }

        /* TICKER */
        .ticker {
            width:100%; background: var(--bg-secondary);
            backdrop-filter: blur(var(--glass-blur));
            -webkit-backdrop-filter: blur(var(--glass-blur));
            border-bottom: 1px solid var(--border);
            padding: 12px 0; position:relative; z-index:3;
            transition: background .5s;
        }
        .ticker-inner {
            display:flex; justify-content:center; gap:36px;
            font-size:13px; font-weight:500;
        }
        .ticker-item { display:flex; align-items:center; gap:8px; color: var(--text-secondary); }
        .ticker-item .symbol { color: var(--text-primary); font-weight:600; }
        .ticker-item .price { color: var(--text-primary); }
        .ticker-item .change { font-size:11px; font-weight:600; padding:2px 6px; border-radius:4px; }
        .ticker-item .change.up { color: var(--green); background: var(--green-bg); }
        .ticker-item .change.down { color: var(--red); background: var(--red-bg); }

        /* CONTAINER */
        .container {
            max-width:480px; width:100%;
            padding: 56px 24px 40px;
            display:flex; flex-direction:column; align-items:center;
            position:relative; z-index:2;
        }

        /* TOP ACTIONS */
        .top-actions {
            position:absolute; top:60px; right:24px; z-index:10;
            display:flex; align-items:center; gap:12px;
        }
        .language-toggle {
            position:relative;
            width:34px;
            height:34px;
        }
        .language-globe {
            position:relative;
            z-index:2;
            width:34px; height:34px;
            border:0;
            border-radius:12px;
            background: var(--bg-glass);
            backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--border);
            color: var(--text-muted);
            cursor:pointer;
            display:flex; align-items:center; justify-content:center;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
            transition: background .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .2s ease;
        }
        .language-globe svg { width:17px; height:17px; display:block; }
        .language-globe:hover,
        .language-toggle.open .language-globe {
            color: var(--accent);
            border-color: rgba(180,160,255,0.28);
            background: var(--accent-dim);
        }
        .language-globe:active { transform: scale(.97); }
        .language-menu {
            position:absolute;
            top:0;
            right:0;
            z-index:1;
            display:flex;
            align-items:center;
            gap:4px;
            min-width:118px;
            height:34px;
            padding:3px 42px 3px 4px;
            border-radius:12px;
            background: rgba(18,18,26,0.78);
            backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
            border: 1px solid rgba(255,255,255,0.1);
            opacity:0;
            pointer-events:none;
            overflow:hidden;
            transform: translateX(10px) scaleX(.38);
            transform-origin:right center;
            transition:
                opacity .2s ease,
                transform .36s cubic-bezier(.22,1,.36,1),
                background .32s ease,
                border-color .32s ease,
                box-shadow .32s ease;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.08),
                0 16px 34px rgba(0,0,0,0.24);
        }
        .language-toggle:hover .language-menu,
        .language-toggle:focus-within .language-menu,
        .language-toggle.open .language-menu {
            opacity:1;
            pointer-events:auto;
            transform: translateX(0) scaleX(1);
        }
        .language-option {
            min-width:40px; height:28px;
            border:0;
            border-radius:10px;
            background: transparent;
            color: var(--text-secondary);
            cursor:pointer;
            font-family: inherit;
            font-size:10px;
            font-weight:700;
            line-height:1;
            letter-spacing:.08em;
            opacity:0;
            transform: translateX(8px);
            transition:
                opacity .22s ease,
                transform .3s cubic-bezier(.22,1,.36,1),
                background .24s ease,
                color .24s ease,
                box-shadow .24s ease;
        }
        .language-toggle:hover .language-option,
        .language-toggle:focus-within .language-option,
        .language-toggle.open .language-option {
            opacity:1;
            transform: translateX(0);
        }
        .language-toggle:hover .language-option:nth-child(2),
        .language-toggle:focus-within .language-option:nth-child(2),
        .language-toggle.open .language-option:nth-child(2) {
            transition-delay:.03s;
        }
        .language-option:hover {
            color: var(--text-primary);
            background: rgba(255,255,255,0.06);
        }
        .language-option.active {
            background: rgba(180,160,255,0.18);
            color: var(--accent);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
        }
        .language-option:active { transform: scale(.97); }
        .theme-toggle {
            display:flex; align-items:center; gap:8px;
        }
        .toggle-track {
            width:44px; height:24px;
            background: var(--bg-glass);
            backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--border);
            border-radius:12px; cursor:pointer; position:relative;
            transition: all .4s cubic-bezier(.4,0,.2,1);
        }
        .toggle-thumb {
            width:18px; height:18px; background: var(--accent);
            border-radius:50%; position:absolute; top:2px; left:2px;
            transition: transform .4s cubic-bezier(.4,0,.2,1);
            box-shadow: 0 2px 8px rgba(180,160,255,.3);
        }
        [data-theme="light"] .toggle-thumb { transform: translateX(20px); background:#7c5cfc; }
        .toggle-icon { font-size:14px; color: var(--text-muted); user-select:none; }

        /* AVATAR */
        .avatar {
            width:110px; height:110px; border-radius:50%;
            background: var(--bg-glass); border: 2px solid var(--border);
            overflow:hidden; margin-bottom:24px;
            transition: border-color .3s, transform .3s;
        }
        .avatar:hover { border-color: var(--accent); transform: scale(1.03); }
        .avatar img { width:100%; height:100%; object-fit:cover; }

        /* NAME */
        h1 { font-size:26px; font-weight:700; color: var(--text-primary); margin-bottom:10px; letter-spacing:-.5px; }
        h1 .cursor {
            display:inline-block; width:2px; height:24px;
            background: var(--accent); margin-left:2px; vertical-align:text-bottom;
            animation: blink .75s step-end infinite;
        }
        @keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

        /* BIO */
        .bio { text-align:center; font-size:15px; color: var(--text-secondary); margin-bottom:32px; letter-spacing:.5px; }

        /* SOCIALS */
        .socials { display:flex; gap:12px; margin-bottom:44px; }
        .socials a {
            width:48px; height:48px; border-radius:14px;
            background: var(--bg-glass);
            backdrop-filter: blur(var(--glass-blur)); -webkit-backdrop-filter: blur(var(--glass-blur));
            border: 1px solid var(--border);
            display:flex; align-items:center; justify-content:center;
            transition: all .35s cubic-bezier(.4,0,.2,1);
            color: var(--text-secondary); text-decoration:none;
        }
        .socials a:hover {
            background: var(--accent-dim); border-color: var(--accent); color: var(--accent);
            transform: translateY(-3px);
            box-shadow: 0 8px 24px rgba(180,160,255,.15);
        }
        .socials a svg { width:20px; height:20px; fill:currentColor; }

        /* DIVIDER */
        .divider {
            width:48px; height:2px;
            background: linear-gradient(90deg, transparent, var(--border-hover), transparent);
            margin-bottom:36px; border-radius:1px;
        }

        /* SECTION LABEL */
        .section-label {
            text-align:center; font-size:11px; font-weight:600;
            text-transform:uppercase; letter-spacing:3px;
            color: var(--text-muted); margin-bottom:20px;
        }

        /* BLOG */
        .blog-section { width:100%; margin-bottom:44px; }
        .blog-cards {
            display:grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap:14px;
            align-items:stretch;
        }
        .blog-card {
            --blog-accent: rgba(180,160,255,0.22);
            --blog-accent-strong: rgba(180,160,255,0.4);
            --blog-sheen: rgba(46,186,198,0.18);
            background: rgba(255,255,255,0.045);
            backdrop-filter: blur(var(--glass-blur)); -webkit-backdrop-filter: blur(var(--glass-blur));
            border: 1px solid var(--border);
            border-radius:22px;
            display:flex; flex-direction:column;
            cursor:pointer; text-decoration:none; color:inherit;
            transition: all .35s cubic-bezier(.4,0,.2,1);
            position:relative; overflow:hidden;
            min-height: 308px;
            transition:
                transform .35s cubic-bezier(.4,0,.2,1),
                background-color .52s cubic-bezier(.4,0,.2,1),
                border-color .52s cubic-bezier(.4,0,.2,1),
                box-shadow .52s cubic-bezier(.4,0,.2,1),
                color .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-card-theme-layer {
            position:absolute;
            inset:0;
            border-radius:inherit;
            pointer-events:none;
            background:
                linear-gradient(145deg, rgba(255,255,255,0.9), rgba(236,241,248,0.74)),
                rgba(243,246,251,0.62);
            opacity:0;
            transition: opacity .56s cubic-bezier(.4,0,.2,1);
        }
        .blog-card:hover {
            border-color: rgba(182,80,158,0.3);
            transform: translateY(-4px);
            box-shadow:
                0 18px 44px rgba(63,35,114,0.18),
                0 8px 20px rgba(124,92,252,0.08);
        }
        .blog-card::before,
        .blog-card::after {
            content:"";
            position:absolute;
            inset:0;
            pointer-events:none;
        }
        .blog-card::before {
            background:
                radial-gradient(circle at 14% 12%, rgba(255,255,255,0.18), transparent 28%),
                linear-gradient(135deg, rgba(255,255,255,0.06), transparent 38%);
            opacity:.9;
            transition: opacity .52s cubic-bezier(.4,0,.2,1), background .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-card::after {
            inset:auto -10% -38% 40%;
            height:140px;
            border-radius:999px;
            background: radial-gradient(circle, var(--blog-accent), transparent 72%);
            filter: blur(18px);
            opacity:.9;
            transition: opacity .52s cubic-bezier(.4,0,.2,1), background .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-card[data-tone="aave"] {
            --blog-accent: rgba(182,80,158,0.28);
            --blog-accent-strong: rgba(182,80,158,0.52);
            --blog-sheen: rgba(46,186,198,0.2);
        }
        .blog-card[data-tone="teal"] {
            --blog-accent: rgba(46,186,198,0.24);
            --blog-accent-strong: rgba(46,186,198,0.42);
            --blog-sheen: rgba(182,80,158,0.16);
        }
        .blog-cover {
            position:relative;
            min-height:166px;
            overflow:hidden;
            background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
            isolation:isolate;
            transition: background .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-cover-image,
        .blog-cover-tint {
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
        }
        .blog-cover-image {
            z-index:0;
            object-fit:cover;
            object-position:center;
            transform: scale(1.02);
            transition: transform .65s cubic-bezier(.22,1,.36,1);
        }
        .blog-card:hover .blog-cover-image {
            transform: scale(1.05);
        }
        .blog-cover-image-contain {
            object-fit:contain;
            object-position:center 52%;
            padding:0;
            background: linear-gradient(180deg, #2d5a9f, #254d8a);
            transform: scale(1.48);
        }
        .blog-card:hover .blog-cover-image-contain {
            transform: scale(1.54);
        }
        .blog-cover-tint {
            z-index:1;
            background:
                linear-gradient(180deg, rgba(8,11,18,0.04), rgba(8,11,18,0.24) 62%, rgba(8,11,18,0.48)),
                linear-gradient(135deg, rgba(182,80,158,0.1), rgba(46,186,198,0.07));
            transition: background .52s cubic-bezier(.4,0,.2,1), opacity .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-cover-tint::after {
            content:"";
            position:absolute;
            inset:0;
            pointer-events:none;
            background:
                linear-gradient(180deg, rgba(255,255,255,0.08), rgba(244,247,252,0.18) 66%, rgba(236,241,249,0.28)),
                linear-gradient(135deg, rgba(124,92,252,0.04), rgba(46,186,198,0.03));
            opacity:0;
            transition: opacity .62s cubic-bezier(.4,0,.2,1);
        }
        .blog-cover::before,
        .blog-cover::after {
            content:"";
            position:absolute;
            border-radius:999px;
            pointer-events:none;
        }
        .blog-cover::before {
            width:120px; height:120px;
            right:-34px; top:-26px;
            background:
                radial-gradient(circle at 30% 30%, rgba(255,255,255,0.22), transparent 48%),
                conic-gradient(from 240deg,
                    rgba(255,255,255,0) 0deg,
                    var(--blog-accent-strong) 96deg,
                    rgba(255,255,255,0) 225deg,
                    var(--blog-sheen) 360deg);
            filter: blur(2px);
            opacity:.95;
            transition: opacity .52s cubic-bezier(.4,0,.2,1), background .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-cover::after {
            width:180px; height:180px;
            left:-82px; bottom:-104px;
            border: 26px solid rgba(255,255,255,0.08);
            opacity:.55;
            transition: opacity .52s cubic-bezier(.4,0,.2,1), border-color .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-body {
            position:relative;
            z-index:2;
            display:flex;
            flex-direction:column;
            gap:10px;
            margin:-6px 14px 14px;
            padding:16px 16px 18px;
            flex:1;
            border-radius:20px;
            background:
                linear-gradient(145deg, rgba(34,39,53,0.8), rgba(17,20,30,0.72)),
                rgba(12,14,22,0.62);
            border: 1px solid rgba(255,255,255,0.1);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.12),
                0 16px 38px rgba(5, 7, 14, 0.28);
            backdrop-filter: blur(26px) saturate(130%);
            -webkit-backdrop-filter: blur(26px) saturate(130%);
            overflow:hidden;
            transition:
                border-color .56s cubic-bezier(.4,0,.2,1),
                box-shadow .56s cubic-bezier(.4,0,.2,1),
                color .56s cubic-bezier(.4,0,.2,1),
                margin .35s ease;
        }
        .blog-card:hover .blog-body {
            border-color: rgba(182,80,158,0.22);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.14),
                0 18px 42px rgba(36, 20, 70, 0.24);
        }
        .blog-body::before {
            content:"";
            position:absolute;
            inset:0;
            pointer-events:none;
            background:
                radial-gradient(circle at 18% 0%, rgba(255,255,255,0.24), transparent 28%),
                linear-gradient(180deg, rgba(255,255,255,0.08), transparent 38%);
            opacity:.9;
            transition: opacity .52s cubic-bezier(.4,0,.2,1), background .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-body::after {
            content:"";
            position:absolute;
            inset:0;
            pointer-events:none;
            background:
                linear-gradient(145deg, rgba(255,255,255,0.66), rgba(240,244,251,0.54)),
                rgba(243,246,251,0.58);
            opacity:0;
            transition: opacity .62s cubic-bezier(.4,0,.2,1);
        }
        .blog-card-top {
            position:relative;
            z-index:1;
            display:flex; justify-content:space-between; align-items:center; gap:10px;
            flex-wrap:wrap;
        }
        .blog-tag {
            font-size:10px; font-weight:600; text-transform:uppercase;
            letter-spacing:1.5px; padding:3px 8px; border-radius:6px;
            background: var(--accent-dim); color: var(--accent);
            flex-shrink:0;
            transition: background .52s cubic-bezier(.4,0,.2,1), color .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-date {
            position:relative;
            z-index:1;
            font-size:11px;
            font-weight:600;
            letter-spacing:.02em;
            color: rgba(232,236,246,0.78);
            white-space:nowrap;
            text-align:right;
            flex-shrink:0;
            padding:4px 10px;
            border-radius:999px;
            background: rgba(255,255,255,0.045);
            border: 1px solid rgba(255,255,255,0.08);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
            transition:
                color .52s cubic-bezier(.4,0,.2,1),
                background .52s cubic-bezier(.4,0,.2,1),
                border-color .52s cubic-bezier(.4,0,.2,1),
                box-shadow .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-title {
            position:relative;
            z-index:1;
            font-size:15px; font-weight:600; color: var(--text-primary);
            line-height:1.35; letter-spacing:-.02em;
            transition: color .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-desc {
            position:relative;
            z-index:1;
            font-size:12.5px; color: var(--text-secondary); line-height:1.55;
            max-width: 28ch;
            transition: color .52s cubic-bezier(.4,0,.2,1);
        }
        .blog-card .arrow-right {
            position:absolute;
            right:28px;
            bottom:28px;
            color: var(--text-muted);
            font-size:18px;
            transition: all .3s;
            opacity:.55;
            z-index:3;
        }
        .blog-card:hover .arrow-right {
            opacity:1;
            color: var(--accent);
            transform: translateX(4px);
        }
        [data-theme="light"] .socials a,
        [data-theme="light"] .crypto-card,
        [data-theme="light"] .toggle-track,
        [data-theme="light"] .language-globe,
        [data-theme="light"] .modal-addr,
        [data-theme="light"] .modal-close {
            background:
                linear-gradient(145deg, rgba(255,255,255,0.96), rgba(248,251,255,0.88)),
                rgba(255,255,255,0.74);
            border-color: rgba(255,255,255,0.78);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.9),
                0 10px 28px rgba(148,163,184,0.12),
                0 2px 10px rgba(255,255,255,0.44);
        }
        [data-theme="light"] .language-menu {
            background: rgba(248,250,255,0.84);
            border-color: rgba(255,255,255,0.78);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.9),
                0 14px 28px rgba(93,80,150,0.12);
        }
        [data-theme="light"] .language-option:hover {
            background: rgba(124,92,252,0.08);
        }
        [data-theme="light"] .blog-card {
            border-color: rgba(255,255,255,0.74);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.42),
                0 12px 30px rgba(148,163,184,0.12),
                0 2px 12px rgba(255,255,255,0.4);
        }
        [data-theme="light"] .blog-card-theme-layer {
            background:
                linear-gradient(145deg, rgba(255,255,255,0.98), rgba(248,251,255,0.9)),
                linear-gradient(180deg, rgba(124,92,252,0.025), rgba(46,186,198,0.02)),
                rgba(255,255,255,0.8);
            opacity:1;
        }
        [data-theme="light"] .blog-body {
            border-color: rgba(255,255,255,0.78);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.88),
                0 14px 34px rgba(148,163,184,0.12),
                0 2px 10px rgba(255,255,255,0.46);
        }
        [data-theme="light"] .blog-date {
            color: rgba(58,67,94,0.78);
            background: rgba(255,255,255,0.72);
            border-color: rgba(255,255,255,0.82);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.92),
                0 4px 12px rgba(148,163,184,0.08);
        }
        [data-theme="light"] .blog-cover-tint::after,
        [data-theme="light"] .blog-body::after {
            opacity:1;
        }
        [data-theme="light"] .blog-body::after {
            background:
                linear-gradient(145deg, rgba(255,255,255,0.86), rgba(248,251,255,0.78)),
                linear-gradient(180deg, rgba(124,92,252,0.025), rgba(46,186,198,0.02)),
                rgba(255,255,255,0.7);
        }
        [data-theme="light"] .blog-card:hover .blog-body {
            border-color: rgba(124,92,252,0.18);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.92),
                0 18px 40px rgba(72,40,125,0.1),
                0 0 24px rgba(124,92,252,0.08);
        }

        /* DONATE */
        .donate-section { width:100%; }
        .crypto-cards { display:flex; flex-direction:column; gap:10px; }
        .crypto-card {
            background: var(--bg-glass);
            backdrop-filter: blur(var(--glass-blur)); -webkit-backdrop-filter: blur(var(--glass-blur));
            border: 1px solid var(--border);
            border-radius:16px; padding:16px 20px;
            display:flex; align-items:center; gap:14px;
            cursor:pointer;
            transition: all .35s cubic-bezier(.4,0,.2,1);
        }
        .crypto-card:hover {
            border-color: var(--border-hover); background: var(--accent-dim);
            transform: translateY(-1px);
            box-shadow: 0 4px 20px rgba(180,160,255,.08);
        }
        .crypto-icon {
            width:44px; height:44px; border-radius:14px;
            display:flex; align-items:center; justify-content:center;
            flex-shrink:0; overflow:hidden;
            background:
                linear-gradient(145deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),
                rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.08);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.08),
                0 8px 18px rgba(0,0,0,0.18);
        }
        .crypto-icon img,
        .crypto-icon svg {
            width:28px; height:28px; display:block; object-fit:contain;
        }
        [data-theme="light"] .crypto-icon {
            background:
                linear-gradient(145deg, rgba(255,255,255,0.92), rgba(244,247,252,0.72)),
                rgba(255,255,255,0.7);
            border-color: rgba(15,23,42,0.08);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.92),
                0 8px 18px rgba(148,163,184,0.12);
        }
        .crypto-info { flex:1; min-width:0; }
        .crypto-name {
            font-size:14px; font-weight:600; color: var(--text-primary);
            margin-bottom:4px;
            display:flex; align-items:center; gap:8px;
        }
        .crypto-name .badge {
            font-size:10px; font-weight:600; padding:3px 10px; border-radius:10px;
            background: var(--accent-dim); color: var(--accent);
            letter-spacing:.02em;
        }
        .crypto-meta {
            font-size:12px;
            line-height:1.45;
            color: var(--text-secondary);
            margin-bottom:5px;
        }
        .crypto-addr-short {
            font-size:12px; color: var(--text-muted);
            font-family: 'SF Mono','Fira Code','Courier New',monospace;
        }
        .crypto-card .arrow { color: var(--text-muted); font-size:16px; transition: transform .3s, color .3s; }
        .crypto-card:hover .arrow { transform: translateX(2px); color: var(--accent); }

        /* MODAL */
        .modal-overlay {
            position:fixed; inset:0;
            background: var(--modal-bg);
            backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px);
            z-index:100; display:flex; align-items:center; justify-content:center;
            opacity:0; pointer-events:none;
            transition: opacity .4s cubic-bezier(.4,0,.2,1);
        }
        .modal-overlay.active { opacity:1; pointer-events:all; }
        .modal {
            background: var(--bg-card);
            backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);
            border: 1px solid var(--border); border-radius:28px;
            padding:44px; display:flex; flex-direction:column; align-items:center;
            gap:22px; max-width:460px; width:min(92vw, 460px);
            transform: scale(.92) translateY(20px);
            transition: transform .4s cubic-bezier(.4,0,.2,1);
            box-shadow: var(--shadow); position:relative;
        }
        .modal-overlay.active .modal { transform: scale(1) translateY(0); }
        .modal-network {
            font-size:12px; font-weight:600; text-transform:uppercase;
            letter-spacing:2px; color: var(--text-muted);
        }
        .modal-note {
            align-self:center;
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:8px 14px 8px 11px;
            border-radius:14px;
            background: rgba(245,158,11,0.07);
            border: 1px solid rgba(245,158,11,0.2);
            color: rgba(251,191,36,0.8);
            font-size:11.5px;
            line-height:1.45;
            max-width:330px;
            text-align:left;
            opacity:0;
            transform: translateY(6px);
            transition: opacity .28s ease, transform .28s ease;
        }
        .modal-note svg {
            width:13px; height:13px;
            flex-shrink:0;
            margin-top:1px;
            align-self:flex-start;
            opacity:.85;
        }
        .modal-overlay.active .modal-note {
            opacity:1;
            transform: translateY(0);
        }
        .modal-qr-container {
            position:relative; width:288px; height:288px;
            border-radius:24px; cursor:pointer; overflow:hidden;
            border: 1px solid rgba(255,255,255,0.1);
            --qr-spin: 220deg;
            --qr-prism-opacity: .28;
            --qr-colorize: .015;
            --qr-color-strength: 1.02;
            background: #0e0e12;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.07),
                0 20px 50px rgba(0,0,0,0.35);
            transform-style: preserve-3d;
            transform:
                perspective(900px)
                rotateX(var(--qr-tilt-y, 0deg))
                rotateY(var(--qr-tilt-x, 0deg))
                scale(1);
            transition:
                transform .18s cubic-bezier(.22,1,.36,1),
                box-shadow .35s cubic-bezier(.4,0,.2,1),
                border-color .35s cubic-bezier(.4,0,.2,1);
        }
        .modal-qr-container::after {
            content:"";
            position:absolute; inset:0;
            pointer-events:none;
            border-radius:inherit;
            /* subtle top-edge highlight like Aave */
            background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, transparent 40%);
        }
        .modal-qr-container:hover {
            border-color: rgba(180,160,255,0.28);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.1),
                0 24px 56px rgba(0,0,0,0.38);
        }
        .qr-visual {
            position:relative;
            width:100%;
            height:100%;
            z-index:1;
        }
        .qr-visual::before {
            content:"";
            position:absolute;
            inset:12px;
            border-radius:22px;
            pointer-events:none;
            z-index:0;
        }
        .modal-qr-container img,
        .modal-qr-container svg,
        .qr-holo {
            position:absolute;
            inset:16px;
            border-radius:18px;
            display:block;
            width:calc(100% - 32px);
            height:calc(100% - 32px);
        }
        .modal-qr-container img {
            z-index:1;
            object-fit: contain;
            background: #fff;
            filter:
                sepia(var(--qr-colorize))
                saturate(var(--qr-color-strength))
                hue-rotate(var(--qr-spin))
                contrast(1.01)
                brightness(1.005);
            transition: transform .22s cubic-bezier(.22,1,.36,1), filter .22s ease;
        }
        .qr-holo {
            z-index:2;
            pointer-events:none;
            opacity: var(--qr-prism-opacity);
            background:
                radial-gradient(circle at var(--qr-glow-x, 50%) var(--qr-glow-y, 50%),
                    rgba(255,255,255,0.5) 0%,
                    rgba(255,255,255,0.18) 10%,
                    rgba(46, 186, 198, 0.22) 24%,
                    rgba(182, 80, 158, 0.2) 42%,
                    rgba(255,255,255,0) 72%),
                conic-gradient(from var(--qr-spin) at var(--qr-glow-x, 50%) var(--qr-glow-y, 50%),
                    rgba(46, 186, 198, 0.28) 0deg,
                    rgba(46, 186, 198, 0.16) 82deg,
                    rgba(182, 80, 158, 0.24) 180deg,
                    rgba(182, 80, 158, 0.12) 272deg,
                    rgba(46, 186, 198, 0.28) 360deg),
                linear-gradient(135deg,
                    rgba(255,255,255,0.08) 0%,
                    rgba(255,255,255,0.02) 34%,
                    rgba(46,186,198,0.08) 58%,
                    rgba(182,80,158,0.08) 78%,
                    rgba(255,255,255,0) 86%);
            background-blend-mode: screen, normal, screen;
            mix-blend-mode: screen;
            filter: saturate(1.08) brightness(1.04) contrast(1.04);
            transform: translateZ(28px) scale(1.01);
            animation: qrPrismPulse 18s ease-in-out infinite;
            -webkit-mask-mode: luminance;
            mask-mode: luminance;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
        }
        .modal-qr-container:hover img {
            transform: scale(0.985);
            filter:
                sepia(calc(var(--qr-colorize) + .035))
                saturate(calc(var(--qr-color-strength) * 1.08))
                hue-rotate(var(--qr-spin))
                contrast(1.02)
                brightness(1.01);
        }
        .modal-qr-container:hover .qr-holo {
            opacity: .46;
        }
        @keyframes qrPrismPulse {
            0% { filter: saturate(1.02) brightness(1.02) contrast(1.03) hue-rotate(0deg); }
            50% { filter: saturate(1.12) brightness(1.06) contrast(1.05) hue-rotate(14deg); }
            100% { filter: saturate(1.02) brightness(1.02) contrast(1.03) hue-rotate(0deg); }
        }
        .modal-addr {
            font-size:12px; color: rgba(240,240,245,0.78);
            font-family: 'JetBrains Mono','SF Mono','Fira Code','Courier New',monospace;
            font-weight:500;
            letter-spacing:.015em;
            word-break:break-all; text-align:center; line-height:1.65;
            padding:14px 18px;
            background:
                linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
                rgba(12,12,20,0.32);
            border: 1px solid rgba(180,160,255,0.14); border-radius:16px;
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.08),
                0 12px 30px rgba(0,0,0,0.12);
            width:100%; cursor:pointer;
            transition: border-color .28s ease, color .28s ease, background .28s ease, box-shadow .28s ease;
        }
        .modal-addr:hover {
            border-color: rgba(180,160,255,0.42);
            color: rgba(235,230,255,0.95);
            background:
                linear-gradient(135deg, rgba(180,160,255,0.11), rgba(46,186,198,0.045)),
                rgba(12,12,20,0.36);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.1),
                0 16px 34px rgba(124,92,252,0.12);
        }
        .modal-copy-btn {
            font-family:inherit; font-size:14px; font-weight:600;
            color:#fff;
            background: linear-gradient(180deg, #8b5cf6 0%, #6d28d9 100%);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 4px 16px rgba(109,40,217,0.35);
            border:none; border-radius:12px; padding:14px 32px;
            cursor:pointer;
            transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
            width:100%;
        }
        .modal-copy-btn:hover {
            filter: brightness(1.08);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 8px 28px rgba(109,40,217,0.45);
            transform: translateY(-1px);
        }
        .modal-copy-btn:active {
            filter: brightness(0.92);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 2px 6px rgba(109,40,217,0.2);
            transform: translateY(1px) scale(0.99);
        }
        .modal-copy-btn.copied {
            background: linear-gradient(180deg, #7c5cfc 0%, #5b36c9 100%);
            box-shadow:
                inset 0 2px 8px rgba(37,20,92,0.28),
                inset 0 1px 0 rgba(255,255,255,0.1),
                0 3px 12px rgba(91,54,201,0.22);
            filter: saturate(.92) brightness(.95);
            transform: translateY(1px) scale(.995);
        }
        .modal-close {
            position:absolute; top:16px; right:16px;
            width:32px; height:32px; border-radius:50%;
            background: var(--bg-glass); border: 1px solid var(--border);
            color: var(--text-muted); font-size:16px; cursor:pointer;
            display:flex; align-items:center; justify-content:center;
            transition: background .25s, color .25s, transform .3s cubic-bezier(.34,1.56,.64,1), border-color .25s;
        }
        .modal-close:hover {
            background: var(--accent-dim); color: var(--accent);
            transform: rotate(90deg) scale(1.1);
            border-color: var(--accent);
        }
        .modal-close:active { transform: rotate(90deg) scale(0.95); }
        .crypto-card:focus-visible,
        .modal-qr-container:focus-visible,
        .modal-addr:focus-visible,
        .modal-copy-btn:focus-visible,
        .modal-close:focus-visible,
        .language-globe:focus-visible,
        .language-option:focus-visible,
        .toggle-track:focus-visible {
            outline: 2px solid var(--accent);
            outline-offset: 3px;
        }
        [data-theme="light"] .modal {
            background:
                radial-gradient(circle at 18% 4%, rgba(180,160,255,0.2), transparent 42%),
                linear-gradient(145deg, rgba(232,235,247,0.9), rgba(214,220,235,0.78));
            border-color: rgba(124,92,252,0.18);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.9),
                0 34px 90px rgba(70,60,110,0.22),
                0 14px 32px rgba(15,23,42,0.11);
        }
        [data-theme="light"] .modal-network { color: rgba(60,60,90,0.6); }
        [data-theme="light"] .modal-note {
            background:
                linear-gradient(135deg, rgba(255,190,86,0.2), rgba(255,255,255,0.66)),
                rgba(255,248,232,0.74);
            border-color: rgba(232,149,39,0.42);
            color: rgba(126,70,0,0.96);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.78),
                0 10px 24px rgba(232,149,39,0.12);
        }
        [data-theme="light"] .modal-addr {
            background:
                linear-gradient(135deg, rgba(255,255,255,0.92), rgba(244,247,253,0.72)),
                rgba(255,255,255,0.68);
            border-color: rgba(124,92,252,0.16);
            color: rgba(30,30,60,0.78);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.92),
                0 14px 28px rgba(15,23,42,0.07);
        }
        [data-theme="light"] .modal-close {
            background: rgba(15,23,42,0.06);
            color: rgba(40,40,70,0.6);
        }
        [data-theme="light"] .modal-qr-container {
            border-color: rgba(124,92,252,0.34);
            background:
                radial-gradient(circle at 16% 10%, rgba(180,160,255,0.36), transparent 42%),
                radial-gradient(circle at 84% 88%, rgba(46,186,198,0.23), transparent 46%),
                linear-gradient(145deg, rgba(232,235,250,0.98), rgba(207,215,234,0.94));
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.9),
                inset 0 -1px 0 rgba(82,69,132,0.08),
                0 24px 56px rgba(76,64,132,0.24),
                0 8px 22px rgba(15,23,42,0.12);
        }
        [data-theme="light"] .qr-visual::before {
            background:
                linear-gradient(145deg, rgba(252,253,255,0.98), rgba(238,241,251,0.94)),
                radial-gradient(circle at 24% 18%, rgba(180,160,255,0.18), transparent 34%);
            border: 1px solid rgba(124,92,252,0.22);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.92),
                inset 0 -1px 0 rgba(82,69,132,0.08),
                0 16px 32px rgba(76,64,132,0.14);
        }
        [data-theme="light"] .modal-qr-container img {
            background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(242,246,252,0.92));
            border: 1px solid rgba(15,23,42,0.08);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.86),
                0 12px 26px rgba(99,102,241,0.08);
            filter:
                sepia(calc(var(--qr-colorize) + .015))
                saturate(calc(var(--qr-color-strength) * 1.08))
                hue-rotate(var(--qr-spin))
                contrast(1.04)
                brightness(1.02);
        }
        [data-theme="light"] .modal-qr-container svg {
            background: #f2f4ff;
            border: 1px solid rgba(124,92,252,0.16);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,0.92),
                0 12px 26px rgba(76,64,132,0.1);
        }
        [data-theme="light"] .qr-holo {
            mix-blend-mode: soft-light;
            opacity: .58;
            filter: saturate(1.18) brightness(1.05) contrast(1.08);
        }

        .footer { margin-top:48px; padding-bottom:24px; font-size:11px; color: var(--text-muted); }

        @media (max-width:500px) {
            .ticker-inner { gap:16px; font-size:11px; }
            .top-actions { top:56px; right:16px; gap:8px; }
            .language-toggle,
            .language-globe { width:32px; height:32px; border-radius:11px; }
            .language-menu {
                height:32px;
                min-width:112px;
                padding-right:40px;
                border-radius:11px;
            }
            .modal { padding:30px 24px; gap:18px; border-radius:24px; }
            .modal-note { max-width: 100%; }
            .modal-qr-container { width:232px; height:232px; border-radius:22px; }
            .modal-addr { font-size:11px; padding:12px 14px; }
            .blog-cards { grid-template-columns: 1fr; }
            .blog-card { min-height: 292px; }
            .blog-cover { min-height: 176px; }
        }

/* ===== COOKIE BANNER ===== */
.cookie-banner {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1000;
    width: 300px;
    background: var(--bg-glass);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid var(--border-hover);
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.04) inset;
    padding: 18px 18px 16px;
    opacity: 1;
    transition: opacity .35s ease, transform .35s ease;
}
.cookie-banner.hiding {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
}
.cookie-inner {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.cookie-text {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.cookie-icon { font-size: 20px; line-height: 1; margin-top: 1px; flex-shrink: 0; }
.cookie-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 4px;
}
.cookie-desc {
    font-size: 11px;
    color: var(--text-secondary);
    line-height: 1.55;
}
.cookie-necessary-note {
    font-size: 10.5px;
    color: var(--text-muted);
    margin-top: 5px;
    line-height: 1.5;
}
.cookie-link {
    color: var(--accent);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color .2s;
}
.cookie-link:hover { border-color: var(--accent); }

.cookie-actions {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.cookie-btn {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    padding: 9px 14px;
    cursor: pointer;
    width: 100%;
    transition: filter .15s ease, transform .15s ease;
    white-space: nowrap;
    text-align: center;
}
.cookie-btn:hover  { filter: brightness(1.1); transform: translateY(-1px); }
.cookie-btn:active { filter: brightness(0.92); transform: translateY(0); }

.cookie-all {
    background: linear-gradient(180deg, #8b5cf6 0%, #6d28d9 100%);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 3px 12px rgba(109,40,217,0.3);
}
.cookie-necessary {
    background: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-hover);
}
.cookie-reject {
    background: transparent;
    color: var(--text-muted);
    font-size: 11px;
    font-weight: 500;
    padding: 4px 14px;
}
.cookie-reject:hover { color: var(--text-secondary); filter: none; transform: none; }
.cookie-policy-link {
    display: block;
    text-align: center;
    font-size: 10px;
    color: var(--text-muted);
    text-decoration: none;
    margin-top: 2px;
    transition: color .2s;
}
.cookie-policy-link:hover { color: var(--accent); }

@media (max-width: 520px) {
    .cookie-banner {
        bottom: 16px; right: 16px; left: 16px;
        width: auto;
        border-radius: 16px;
        padding: 16px;
    }
}