:root{--bg-primary:#f8faf9;--bg-secondary:#f1f5f3;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#10b9810f;--bg-glass-strong:#10b9811f;--emerald-300:#6ee7b7;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--emerald-900:#064e3b;--emerald-950:#022c22;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-emerald:#059669;--border-subtle:#10b9812e;--border-focus:#10b98180;--border-glass:#10b98140;--glow-subtle:0 4px 20px #10b9811f;--glow-medium:0 10px 30px #10b98133;--glow-strong:0 15px 40px #10b98159;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}body{width:100vw;height:100vh;color:var(--text-primary);background:radial-gradient(circle at 50% 20%,#f4f9f6 0%,#e8f3ed 100%);line-height:1.5;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#10b98140}::-webkit-scrollbar-thumb:hover{background:var(--emerald-500)}::selection{color:#064e3b;background:#10b98140}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.font-mono{font-family:var(--font-mono)}.text-gradient-emerald{background:linear-gradient(135deg,#0f172a 0%,#059669 60%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);box-shadow:0 10px 30px #0000000d}.glass-panel:hover{border-color:var(--border-focus);box-shadow:var(--glow-subtle)}.glass-pill{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffffd9;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:inline-flex;box-shadow:0 2px 8px #0000000a}.glass-pill:hover{border-color:var(--emerald-500);color:var(--text-primary);box-shadow:0 4px 14px #10b98133}.btn-primary{color:#fff;border-radius:var(--radius-full);transition:all var(--transition-smooth);background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #10b9814d}.btn-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 24px #10b98173}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-full);transition:all var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000008}.btn-secondary:hover{border-color:var(--emerald-500);background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #10b9812e}.tech-tag{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--emerald-700);background:#10b9811a;border:1px solid #10b98140;align-items:center;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}