* { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            background-color: #080d14; color: #edf2f7; font-family: 'Inter', -apple-system, sans-serif;
            min-height: 100dvh; padding: 100px 24px 80px; display: flex; flex-direction: column; align-items: center;
            background-image: radial-gradient(rgba(56, 189, 248, 0.04) 1px, transparent 0); background-size: 24px 24px;
        }
        .topbar {
            width: 100%; height: 60px; background: rgba(8, 13, 20, 0.94); backdrop-filter: blur(14px);
            border-bottom: 1px solid #1f2937; position: fixed; top: 0; left: 0; z-index: 1000;
            display: flex; align-items: center; justify-content: space-between; padding: 0 32px;
        }
        .brand { font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #edf2f7; }
        .brand span { color: #f43f5e; }
        .nav-links { list-style: none; display: flex; gap: 20px; align-items: center; }
        .nav-link { text-decoration: none; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; color: #94a3b8; transition: color .18s; }
        .nav-link:hover, .nav-link.active { color: #38bdf8; }
        
        .container { max-width: 1100px; width: 100%; display: flex; flex-direction: column; gap: 36px; }
        
        .header { text-align: left; border-bottom: 1px solid #1e293b; padding-bottom: 28px; }
        .kicker { display: inline-flex; align-items: center; gap: 6px; font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #38bdf8; background: rgba(56,189,248,0.1); border: 1px solid rgba(56,189,248,0.3); padding: 4px 10px; border-radius: 4px; margin-bottom: 14px; }
        .header h1 { font-size: 34px; font-weight: 800; letter-spacing: -.03em; color: #f8fafc; line-height: 1.2; margin-bottom: 14px; }
        .header h1 em { font-style: normal; color: #38bdf8; }
        .header p.lead { font-size: 15px; line-height: 1.7; color: #cbd5e1; max-width: 900px; }
        
        .thesis-box {
            background: #0d1522; border: 1px solid #1e2d42; border-left: 4px solid #38bdf8;
            border-radius: 8px; padding: 22px 26px; margin-top: 10px;
        }
        .thesis-title { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; color: #38bdf8; margin-bottom: 8px; }
        .thesis-text { font-size: 13.5px; line-height: 1.7; color: #94a3b8; }
        .thesis-text strong { color: #f1f5f9; }

        .pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)); gap: 18px; }
        .pillar {
            background: #0a1019; border: 1px solid #1a2636; border-radius: 8px; padding: 22px;
            display: flex; flex-direction: column; gap: 10px;
        }
        .pillar-tag { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
        .pillar-tag.cyan { color: #38bdf8; }
        .pillar-tag.amber { color: #fbbf24; }
        .pillar-tag.emerald { color: #10b981; }
        .pillar h3 { font-size: 16px; font-weight: 750; color: #f1f5f9; letter-spacing: -0.01em; }
        .pillar p { font-size: 12.5px; line-height: 1.65; color: #94a3b8; }

        .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .card {
            background: #0b121c; border: 1px solid #1c2b3d; border-radius: 10px; padding: 24px;
            display: flex; flex-direction: column; gap: 12px; text-decoration: none; transition: all .2s;
        }
        .card:hover { border-color: #38bdf8; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.4); }
        .card-wide { grid-column: span 2; background: linear-gradient(180deg, #0e1724 0%, #090f18 100%); border-color: #23354b; }
        .card-num { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #94a3b8; }
        .card-title { font-size: 18px; font-weight: 750; letter-spacing: -.01em; color: #f8fafc; }
        .card-desc { font-size: 13px; line-height: 1.65; color: #94a3b8; }
        .card-stats { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 4px; padding-top: 10px; border-top: 1px solid #162232; }
        .card-stat-item b { font-family: 'JetBrains Mono', monospace; font-size: 13px; color: #38bdf8; }
        .card-stat-item span { font-size: 11px; color: #94a3b8; margin-left: 4px; }
        .card-action { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #38bdf8; margin-top: auto; display: inline-flex; align-items: center; gap: 4px; }

        .legal-notice {
            background: #080d14; border: 1px solid #1e293b; border-radius: 8px; padding: 20px 24px;
            font-size: 12px; line-height: 1.7; color: #94a3b8; font-family: 'JetBrains Mono', monospace;
        }
        .legal-notice b { color: #94a3b8; }

        .footer { text-align: center; font-size: 11px; color: #94a3b8; border-top: 1px solid #1e293b; padding-top: 24px; font-family: 'JetBrains Mono', monospace; }
        @media (max-width: 768px) { .grid { grid-template-columns: 1fr; } .card-wide { grid-column: auto; } .topbar { padding: 0 16px; } .nav-links { gap: 12px; } }