* { box-sizing: border-box; } body {margin: 0;}:root{--accent:#ff6b6b;--accent-soft:rgba(255, 107, 107, 0.12);--bg:#050816;--bg-alt:#0b1020;--border:rgba(148, 163, 184, 0.25);--card:#111827;--font-main:system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
        "Segoe UI", sans-serif;--muted:#a0a4b8;--radius-lg:18px;--radius-md:12px;--shadow-soft:0 18px 45px rgba(15, 23, 42, 0.75);--shadow-subtle:0 10px 30px rgba(15, 23, 42, 0.55);--text:#f5f5f5;}*{box-sizing:border-box;margin:0;padding:0;}body{background:radial-gradient(circle at top, #1f2937 0, #020617 45%, #000 100%);color:var(--text);display:flex;font-family:var(--font-main);justify-content:center;min-height:100vh;padding:32px 16px;}.page{background:linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.98));border:1px solid rgba(148, 163, 184, 0.35);border-radius:28px;box-shadow:var(--shadow-soft);isolation:isolate;max-width:1120px;overflow:hidden;position:relative;width:100%;}.page::before{background:radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.12), transparent 55%),
        radial-gradient(circle at 100% 0%, rgba(248, 113, 113, 0.12), transparent 55%),
        radial-gradient(circle at 50% 100%, rgba(129, 140, 248, 0.12), transparent 55%);content:"";inset:-40%;opacity:0.9;position:absolute;z-index:-1;}header{align-items:center;backdrop-filter:blur(18px);background:linear-gradient(
        135deg,
        rgba(15, 23, 42, 0.92),
        rgba(15, 23, 42, 0.82)
      );border-bottom:1px solid rgba(148, 163, 184, 0.25);display:flex;gap:16px;justify-content:space-between;padding:24px 28px 12px;}.brand{align-items:center;display:flex;gap:14px;}.avatar{align-items:center;background:radial-gradient(circle at 30% 20%, #f97373, #4f46e5);border:2px solid rgba(15, 23, 42, 0.9);border-radius:999px;box-shadow:0 10px 25px rgba(248, 113, 113, 0.55);color:#f9fafb;display:flex;font-size:20px;font-weight:700;height:42px;justify-content:center;width:42px;}.brand-text h1{align-items:center;display:flex;font-size:20px;gap:8px;letter-spacing:0.02em;}.pill{background:rgba(15, 23, 42, 0.9);border:1px solid rgba(148, 163, 184, 0.5);border-radius:999px;color:var(--muted);font-size:11px;letter-spacing:0.12em;padding:3px 9px;text-transform:uppercase;}.brand-text p{color:var(--muted);font-size:13px;margin-top:2px;}nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}.nav-btn{align-items:center;background:rgba(15, 23, 42, 0.9);border:1px solid rgba(148, 163, 184, 0.5);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:7px 12px;text-decoration:none;transition:all 0.18s ease-out;}.nav-btn span{font-size:14px;}.nav-btn.primary{background:radial-gradient(circle at 0 0, #f97373, #4f46e5);border-color:rgba(248, 250, 252, 0.4);box-shadow:0 12px 30px rgba(248, 113, 113, 0.55);color:#f9fafb;}.nav-btn:hover{border-color:rgba(248, 250, 252, 0.6);box-shadow:var(--shadow-subtle);transform:translateY(-1px);}main{display:grid;gap:24px;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);padding:24px 28px 26px;}.hero{background:radial-gradient(circle at top left, rgba(248, 113, 113, 0.16), transparent 55%),
        radial-gradient(circle at bottom right, rgba(56, 189, 248, 0.16), transparent 55%),
        rgba(15, 23, 42, 0.96);border:1px solid rgba(148, 163, 184, 0.4);border-radius:22px;box-shadow:var(--shadow-subtle);overflow:hidden;padding:18px 18px 20px;position:relative;}.hero::after{background:radial-gradient(circle at 80% 0, rgba(248, 250, 252, 0.08), transparent 55%);content:"";inset:0;opacity:0.7;pointer-events:none;position:absolute;}.hero-inner{position:relative;z-index:1;}.hero-title{font-size:clamp(26px, 3vw, 30px);line-height:1.2;margin-bottom:10px;}.hero-title span{-webkit-background-clip:text;background:linear-gradient(135deg, #f97373, #facc15, #22d3ee);color:transparent;}.hero-subtitle{color:var(--muted);font-size:14px;margin-bottom:16px;max-width:520px;}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}.chip{align-items:center;background:rgba(15, 23, 42, 0.9);border:1px solid rgba(148, 163, 184, 0.5);border-radius:999px;color:var(--muted);display:inline-flex;font-size:11px;gap:6px;padding:5px 10px;}.chip-dot{background:#f97373;border-radius:999px;height:6px;width:6px;}.hero-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:6px;}.hero-footer p{color:var(--muted);font-size:12px;}.hero-footer strong{color:#e5e7eb;font-weight:600;}.hero-footer a{color:#f97373;font-size:12px;text-decoration:none;}.hero-footer a:hover{text-decoration:underline;}.hero-cta{display:flex;flex-wrap:wrap;gap:8px;}.hero-cta button{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:7px 13px;transition:all 0.18s ease-out;}.hero-cta .primary{background:radial-gradient(circle at 0 0, #f97373, #4f46e5);box-shadow:0 12px 30px rgba(248, 113, 113, 0.55);color:#f9fafb;}.hero-cta .ghost{background:rgba(15, 23, 42, 0.9);border:1px solid rgba(148, 163, 184, 0.6);color:var(--muted);}.hero-cta button:hover{box-shadow:var(--shadow-subtle);transform:translateY(-1px);}.sidebar{display:flex;flex-direction:column;gap:14px;}.card{background:rgba(15, 23, 42, 0.96);border:1px solid rgba(148, 163, 184, 0.4);border-radius:18px;box-shadow:0 10px 30px rgba(15, 23, 42, 0.7);padding:14px 14px 16px;}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;}.card-title{color:var(--muted);font-size:13px;letter-spacing:0.16em;text-transform:uppercase;}.card-tag{background:rgba(15, 23, 42, 0.9);border:1px solid rgba(148, 163, 184, 0.5);border-radius:999px;color:var(--muted);font-size:11px;padding:3px 8px;}.about-text{color:#e5e7eb;font-size:13px;line-height:1.6;margin-bottom:8px;}.about-meta{color:var(--muted);font-size:12px;}.about-meta strong{color:#e5e7eb;font-weight:600;}.timeline{display:flex;flex-direction:column;gap:10px;margin-top:4px;}.timeline-item{align-items:start;display:grid;gap:8px 10px;grid-template-columns:auto 1fr;}.timeline-dot{background:#f97373;border-radius:999px;box-shadow:0 0 0 4px rgba(248, 113, 113, 0.25);height:9px;margin-top:4px;width:9px;}.timeline-content h4{font-size:13px;margin-bottom:2px;}.timeline-content p{color:var(--muted);font-size:12px;}.timeline-content span{color:#9ca3af;font-size:11px;}.posts{display:flex;flex-direction:column;gap:14px;margin-top:18px;}.post-footer a{color:#f97373;font-size:12px;text-decoration:none;}.post-footer a:hover{text-decoration:underline;}footer{border-top:1px solid rgba(148, 163, 184, 0.25);color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;gap:8px;justify-content:space-between;padding:10px 28px 16px;}footer span{opacity:0.9;}footer a{color:#f97373;text-decoration:none;}footer a:hover{text-decoration:underline;}@media (max-width: 880px){main{grid-template-columns:minmax(0, 1fr);}}@media (max-width: 640px){header{align-items:flex-start;flex-direction:column;}nav{justify-content:flex-start;width:100%;}.page{border-radius:18px;}body{padding:16px 10px;}}