:root {
            --bg: #fafbff;
            --white: #ffffff;
            --text: #1a1a2e;
            --text-mid: #4a4a6a;
            --text-dim: #7c7c9a;
            --border: #e8e8f4;
            --green: #00c896;
            --green-bg: #eafff7;
            --red: #ff4757;
            --red-bg: #fff0f0;
            --gold: #f5a623;
            --gold-bg: #fff9ec;
            --accent-1: #6c5ce7;
            --accent-2: #0984e3;
            --gradient: linear-gradient(135deg, #6c5ce7, #0984e3, #00cec9);
            --gradient-warm: linear-gradient(135deg, #f093fb, #f5576c, #fda085);
            --card-shadow: 0 2px 12px rgba(108, 92, 231, 0.08);
            --card-hover: 0 8px 30px rgba(108, 92, 231, 0.15);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'Inter', -apple-system, sans-serif;
            background: var(--bg);
            color: var(--text);
            line-height: 1.7;
        }

        .container {
            max-width: 740px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* Hero Header */
        .hero {
            background: var(--white);
            padding: 48px 0 24px;
            text-align: center;
            border-bottom: 3px solid;
            border-image: var(--gradient) 1;
        }

        .hero-logo {
            height: 140px;
            width: auto;
            margin-bottom: 8px;
            background: white;
        }

        .tagline {
            font-size: 14px;
            color: var(--text-dim);
            margin-top: 4px;
            letter-spacing: 0.5px;
        }

        /* Market Ticker Bar */
        .market-bar {
            background: var(--white);
            border-bottom: 1px solid var(--border);
            padding: 0;
            overflow: hidden;
        }

        .market-bar-inner {
            display: flex;
            justify-content: center;
            gap: 0;
            max-width: 740px;
            margin: 0 auto;
        }

        .market-item {
            padding: 14px 20px;
            text-align: center;
            border-right: 1px solid var(--border);
            flex: 1;
        }

        .market-item:last-child { border-right: none; }

        .market-item .label {
            font-family: 'JetBrains Mono', monospace;
            font-size: 11px;
            font-weight: 600;
            color: var(--text-dim);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .market-item .value {
            font-family: 'JetBrains Mono', monospace;
            font-size: 15px;
            font-weight: 600;
            margin-top: 2px;
        }

        .market-item .up { color: var(--green); }
        .market-item .down { color: var(--red); }
        .market-item .gold { color: var(--gold); }
        .market-item .neutral { color: var(--text); }

        /* Date Badge */
        .date-badge {
            text-align: center;
            padding: 24px 0 0;
        }

        .date-badge span {
            display: inline-block;
            padding: 6px 16px;
            background: var(--gradient);
            color: white;
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            border-radius: 20px;
        }

        /* Newsletter Title */
        .newsletter-title {
            text-align: center;
            padding: 20px 0 32px;
        }

        .newsletter-title h1 {
            font-size: 36px;
            font-weight: 800;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        /* Section Cards */
        .card {
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 16px;
            padding: 28px;
            margin-bottom: 20px;
            box-shadow: var(--card-shadow);
            transition: box-shadow 0.3s, transform 0.2s;
        }

        .card:hover {
            box-shadow: var(--card-hover);
            transform: translateY(-2px);
        }

        .card-label {
            display: inline-block;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            padding: 4px 10px;
            border-radius: 4px;
            margin-bottom: 14px;
        }

        .card-label.pulse { background: #eef0ff; color: var(--accent-1); }
        .card-label.sector { background: #e8f8f5; color: #00b894; }
        .card-label.radar { background: #fff3e0; color: #f39c12; }
        .card-label.portfolio { background: #e8f0fe; color: #1a73e8; }
        .card-label.dates { background: #fce4ec; color: #e74c3c; }

        /* Portfolio Snapshot */
        .portfolio-header {
            margin-bottom: 18px;
        }

        .wtd-badge {
            display: inline-block;
            padding: 8px 20px;
            border-radius: 8px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 18px;
            font-weight: 700;
        }

        .wtd-badge.up {
            background: var(--green-bg);
            color: var(--green);
            border: 1px solid var(--green);
        }

        .wtd-badge.down {
            background: var(--red-bg);
            color: var(--red);
            border: 1px solid var(--red);
        }

        .wtd-badge span, .alpha-badge span {
            font-size: 12px;
            font-weight: 500;
            opacity: 0.7;
            margin-left: 8px;
        }

        .wtd-stats {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .alpha-badge {
            display: inline-block;
            padding: 8px 20px;
            border-radius: 8px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 14px;
            font-weight: 600;
        }

        .alpha-badge.up {
            background: var(--green-bg);
            color: var(--green);
            border: 1px solid var(--green);
        }

        .alpha-badge.down {
            background: var(--red-bg);
            color: var(--red);
            border: 1px solid var(--red);
        }

        .portfolio-grid {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .portfolio-segment {
            padding: 14px 16px;
            background: var(--bg);
            border-radius: 10px;
            border: 1px solid var(--border);
        }

        .segment-label {
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: var(--text-dim);
            margin-bottom: 10px;
        }

        .segment-tickers {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }

        .holding-pill {
            display: inline-block;
            padding: 5px 14px;
            border-radius: 20px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 12px;
            font-weight: 600;
            text-decoration: none;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .holding-pill:hover {
            transform: scale(1.05);
        }

        .holding-pill.swing {
            background: #f0f0ff;
            color: var(--accent-1);
            border: 1px solid #d0d0f0;
        }

        .holding-pill.income {
            background: var(--green-bg);
            color: #0a8a5a;
            border: 1px solid #b0e8d0;
        }

        .holding-pill.etf {
            background: var(--gold-bg);
            color: #b07d10;
            border: 1px solid #e8d8a0;
        }

        .card p {
            color: var(--text-mid);
            font-size: 15px;
            line-height: 1.8;
        }

        /* Ticker Pills */
        .tickers {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 14px;
        }

        .ticker-pill {
            display: inline-block;
            padding: 8px 18px;
            background: var(--gradient);
            color: white;
            border-radius: 24px;
            font-family: 'JetBrains Mono', monospace;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.5px;
            box-shadow: 0 2px 8px rgba(108, 92, 231, 0.25);
            transition: transform 0.2s, box-shadow 0.2s;
            text-decoration: none;
        }

        .ticker-pill:hover {
            transform: scale(1.05);
            box-shadow: 0 4px 16px rgba(108, 92, 231, 0.35);
        }

        /* Key Dates */
        .date-list {
            list-style: none;
            padding: 0;
        }

        .date-list li {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 0;
            border-bottom: 1px solid var(--border);
            font-size: 14px;
            color: var(--text-mid);
        }

        .date-list li:last-child { border-bottom: none; }

        .date-tag {
            font-family: 'JetBrains Mono', monospace;
            font-size: 11px;
            font-weight: 600;
            padding: 4px 10px;
            background: #f0f0ff;
            color: var(--accent-1);
            border-radius: 4px;
            white-space: nowrap;
        }

        /* Bottom Line */
        .bottom-line {
            background: var(--gradient);
            color: white;
            padding: 28px 32px;
            border-radius: 16px;
            text-align: center;
            font-size: 17px;
            font-weight: 600;
            line-height: 1.6;
            margin: 32px 0;
            box-shadow: 0 8px 30px rgba(108, 92, 231, 0.3);
        }

        .bottom-line::before {
            content: '>>> ';
            opacity: 0.6;
        }

        .bottom-line::after {
            content: ' <<<';
            opacity: 0.6;
        }

        /* Subscribe CTA */
        .subscribe-cta {
            text-align: center;
            padding: 48px 32px;
            background: var(--white);
            border: 2px solid var(--border);
            border-radius: 20px;
            margin: 40px 0;
            position: relative;
            overflow: hidden;
        }

        .subscribe-cta::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 4px;
            background: var(--gradient);
        }

        .subscribe-cta h3 {
            font-size: 24px;
            font-weight: 800;
            margin-bottom: 8px;
        }

        .subscribe-cta p {
            color: var(--text-dim);
            font-size: 14px;
            margin-bottom: 24px;
            max-width: 400px;
            margin-left: auto;
            margin-right: auto;
        }

        .subscribe-form {
            display: flex;
            gap: 10px;
            max-width: 420px;
            margin: 0 auto;
        }

        .subscribe-form input {
            flex: 1;
            padding: 14px 18px;
            background: var(--bg);
            border: 2px solid var(--border);
            border-radius: 10px;
            color: var(--text);
            font-size: 14px;
            outline: none;
            transition: border-color 0.2s;
        }

        .subscribe-form input:focus {
            border-color: var(--accent-1);
        }

        .subscribe-form button {
            padding: 14px 28px;
            background: var(--gradient);
            border: none;
            border-radius: 10px;
            color: white;
            font-size: 14px;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            box-shadow: 0 4px 12px rgba(108, 92, 231, 0.3);
        }

        .subscribe-form button:hover {
            transform: translateY(-1px);
            box-shadow: 0 6px 20px rgba(108, 92, 231, 0.4);
        }

        .subscribe-perks {
            display: flex;
            justify-content: center;
            gap: 24px;
            margin-top: 20px;
            font-size: 12px;
            color: var(--text-dim);
        }

        .subscribe-perks span::before {
            content: '✓ ';
            color: var(--green);
            font-weight: bold;
        }

        /* Disclaimer */
        .disclaimer {
            font-size: 11px;
            color: var(--text-dim);
            text-align: center;
            padding: 24px 0;
            line-height: 1.6;
        }

        /* Footer */
        footer {
            text-align: center;
            padding: 32px 0;
            font-size: 13px;
            color: var(--text-dim);
            border-top: 1px solid var(--border);
        }

        footer .brand {
            font-weight: 700;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        @media (max-width: 640px) {
            .logo { font-size: 26px; }
            .newsletter-title h1 { font-size: 28px; }
            .market-bar-inner { flex-wrap: wrap; }
            .market-item { flex: none; width: 33.33%; }
            .subscribe-form { flex-direction: column; }
            .subscribe-perks { flex-direction: column; gap: 8px; }
            .card { padding: 20px; }
        }

        /* Archive */
        .archive-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin: 20px 0;
        }

        .archive-item {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px 20px;
            background: var(--white);
            border: 1px solid var(--border);
            border-radius: 10px;
            text-decoration: none;
            color: var(--text);
            transition: box-shadow 0.2s, transform 0.2s;
        }

        .archive-item:hover {
            box-shadow: var(--card-hover);
            transform: translateY(-2px);
        }

        .archive-num {
            font-family: 'JetBrains Mono', monospace;
            font-size: 12px;
            font-weight: 600;
            color: var(--accent-1);
            background: #eef0ff;
            padding: 4px 10px;
            border-radius: 4px;
        }

        .archive-title {
            flex: 1;
            font-size: 14px;
            font-weight: 500;
        }

        .archive-date {
            font-size: 12px;
            color: var(--text-dim);
            white-space: nowrap;
        }