:root{--bg-main: #f8fafc;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: rgba(255, 255, 255, 1);--bg-subtle: #f1f5f9;--bg-code: #0f172a;--cyan-accent: #0284c7;--cyan-subtle: rgba(2, 132, 199, .08);--purple-accent: #7c3aed;--purple-subtle: rgba(124, 58, 237, .08);--emerald-accent: #059669;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--border-subtle: rgba(203, 213, 225, .8);--border-accent: rgba(2, 132, 199, .35);--font-main: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-code: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition: all .25s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden;scroll-behavior:smooth;color-scheme:light}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;word-wrap:break-word}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.5);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--cyan-accent)}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1.25rem}.section{padding:4rem 0;position:relative;border-bottom:1px solid var(--border-subtle);overflow-x:hidden}.section-header{text-align:center;margin-bottom:2.5rem}.section-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:var(--cyan-subtle);border:1px solid rgba(2,132,199,.25);border-radius:var(--radius-full);color:var(--cyan-accent);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.75rem;max-width:100%;white-space:normal;text-align:center}.section-heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.gradient-text{background:linear-gradient(135deg,#0f172a 0%,var(--cyan-accent) 50%,var(--purple-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-desc{color:var(--text-secondary);font-size:.98rem;max-width:620px;margin:.6rem auto 0;line-height:1.6}.clean-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition);box-shadow:0 4px 20px #0f172a08;max-width:100%}.clean-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:0 12px 32px #0284c714}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.88rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-decoration:none;border:none;font-family:var(--font-main);max-width:100%}.btn-primary{background:linear-gradient(135deg,var(--cyan-accent) 0%,#0369a1 100%);color:#fff;box-shadow:0 4px 16px #0284c740}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0284c759}.btn-outline{background:#ffffff;color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0f172a0a}.btn-outline:hover{border-color:var(--cyan-accent);color:var(--cyan-accent);background:var(--cyan-subtle)}.skill-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;background:#ffffff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.78rem;color:var(--text-secondary);font-family:var(--font-code);transition:var(--transition)}.skill-pill:hover{border-color:var(--cyan-accent);color:var(--cyan-accent);background:var(--cyan-subtle)}.code-preview{font-family:var(--font-code);background:var(--bg-code);border:1px solid rgba(15,23,42,.2);border-radius:var(--radius-md);padding:1rem;font-size:.8rem;line-height:1.65;color:#f8fafc;overflow-x:auto;max-width:100%}.pulse-beacon{width:8px;height:8px;background-color:var(--emerald-accent);border-radius:50%;position:relative;display:inline-block;flex-shrink:0}.pulse-beacon:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:1.5px solid var(--emerald-accent);border-radius:50%;animation:pulse-ring 2s infinite}@keyframes pulse-ring{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 0}.clean-card{padding:1.2rem}.section-header{margin-bottom:2rem}.btn{width:100%}}@media (max-width: 480px){.section-heading{font-size:1.6rem}.section-desc{font-size:.9rem}.clean-card{padding:1rem}}