:root{--slate-0:#fff;--slate-25:#fafbfc;--slate-50:#f4f6f8;--slate-100:#e8ecf1;--slate-200:#d4dae2;--slate-300:#b4bec9;--slate-400:#8a96a4;--slate-500:#626d7b;--slate-600:#4a5563;--slate-700:#363f4b;--slate-800:#232a33;--slate-900:#141a20;--blue-50:#eef4fe;--blue-100:#d6e4fb;--blue-200:#aec9f6;--blue-300:#7fa8ef;--blue-400:#4f86e8;--blue-500:#2f6fe0;--blue-600:#1f57be;--blue-700:#17439a;--blue-800:#123472;--blue-900:#0d2650;--teal-50:#e6f7f1;--teal-300:#5fcba8;--teal-500:#12a67d;--teal-700:#0c6e56;--success:#1d9e75;--success-bg:#e1f5ee;--warning:#e7972a;--warning-bg:#fbf0dc;--danger:#e24b4a;--danger-bg:#fcecec;--bg-page:var(--slate-50);--bg-surface:var(--slate-0);--text-primary:var(--slate-900);--text-secondary:var(--slate-600);--text-muted:var(--slate-500);--text-hint:var(--slate-400);--accent:var(--blue-500);--accent-hover:var(--blue-400);--accent-active:var(--blue-600);--font-sans:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--border:1px solid #e8ecf1;--border-strong:1px solid #d4dae2;--border-input:1px solid #b4bec9;--shadow-sm:0 1px 2px #141a200f;--shadow-md:0 2px 8px #141a2014;--shadow-lg:0 8px 24px #141a201a;--shadow-focus:0 0 0 3px #2f6fe047;--gradient-hero:linear-gradient(135deg,#2f6fe0 0%,#12a67d 100%);--gradient-soft:linear-gradient(160deg,#eef4fe 0%,#e6f7f1 100%);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-standard:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.16,1,.3,1)}[data-theme=dark]{--bg-page:#141a20;--bg-surface:#1c242c;--text-primary:#f4f6f8;--text-secondary:#b4bec9;--text-muted:#8a96a4;--border:1px solid #2a333d;--border-strong:1px solid #3a4552;--accent:#4f86e8;--accent-hover:#7fa8ef;--accent-active:#2f6fe0;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 8px #00000073}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--slate-800);font-weight:600;line-height:1.2}h1{letter-spacing:-.01em;color:var(--slate-900);margin-bottom:var(--space-4);font-size:38px;font-weight:700}h2{margin-bottom:var(--space-4);letter-spacing:-.01em;font-size:30px}h3{margin-bottom:var(--space-3);letter-spacing:-.01em;font-size:24px}h4{margin-bottom:var(--space-2);font-size:20px}a{color:var(--accent);transition:var(--dur-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--accent-hover)}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.nav-header{padding:var(--space-5) 0;border-bottom:var(--border);margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.nav-logo{letter-spacing:-.5px;color:var(--slate-900);cursor:pointer;font-size:1.5rem;font-weight:700}.nav-links{gap:var(--space-6);display:flex}.nav-links a{color:var(--slate-600);padding:var(--space-1) 0;font-size:.95rem;font-weight:500;position:relative}.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";background:var(--accent);width:0;height:2px;transition:var(--dur-fast) var(--ease-standard);position:absolute;bottom:0;left:0}.nav-links a:hover:after{width:100%}.nav-socials{align-items:center;gap:var(--space-4);display:flex}.social-link{color:var(--slate-500);transition:var(--dur-fast) var(--ease-standard);align-items:center;display:flex}.social-link:hover{color:var(--accent)}.hero{padding:var(--space-12) 0 var(--space-6) 0;flex-direction:column;align-items:flex-start;max-width:800px;display:flex}.page-header{padding:var(--space-8) 0 var(--space-4) 0;flex-direction:column;align-items:flex-start;display:flex}.content-section{padding:var(--space-6) 0 var(--space-10) 0}.content-card{background:var(--bg-surface);border:var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-spring), box-shadow var(--dur-base) var(--ease-spring), border-color var(--dur-base) var(--ease-standard);margin-bottom:var(--space-4)}.content-card:hover{box-shadow:var(--shadow-md);border-color:var(--slate-200);transform:translateY(-2px)}.content-card h3{margin-bottom:var(--space-2);color:var(--slate-800);font-size:1.4rem;font-weight:600}.content-card .date{color:var(--accent);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.content-card ul{margin-top:var(--space-3);padding-left:var(--space-5);color:var(--text-secondary)}.content-card li{margin-bottom:var(--space-2)}.tags{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.tag{background:var(--slate-50);border:var(--border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--slate-600);transition:var(--dur-fast) var(--ease-spring);cursor:default;font-size:.85rem;font-weight:500}.tag:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);background:var(--slate-0);transform:translateY(-1px)}.contact-form{gap:var(--space-4);flex-direction:column;max-width:100%;display:flex}.contact-form label{color:var(--slate-700);margin-bottom:var(--space-1);font-size:12px;font-weight:500;display:block}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:var(--space-2) var(--space-3);background:var(--slate-0);border:var(--border-input);border-radius:var(--radius-md);color:var(--slate-900);transition:var(--dur-fast) var(--ease-standard);outline:none;font-family:inherit;font-size:1rem}.contact-form input:hover,.contact-form textarea:hover,.contact-form select:hover{border-color:var(--slate-400)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.contact-form button{padding:var(--space-2) var(--space-4);background:var(--blue-50);color:var(--blue-700);border-radius:var(--radius-md);cursor:pointer;transition:var(--dur-fast) var(--ease-spring);border:none;width:fit-content;font-size:1rem;font-weight:600}.contact-form button:hover:not(:disabled){background:var(--blue-100);color:var(--blue-800);transform:translateY(-1px)}.contact-form button:active:not(:disabled){transform:scale(.97)}.contact-form button:disabled{opacity:.6;cursor:not-allowed}button,.btn{font-family:var(--font-sans);transition:var(--dur-fast) var(--ease-spring);font-weight:500}button:active,.btn:active{transform:scale(.97)}.btn-primary-soft{background:var(--blue-50);color:var(--blue-700);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:none}.btn-primary-soft:hover{background:var(--blue-100);color:var(--blue-800)}.btn-solid{background:var(--blue-500);color:var(--slate-0);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:none}.btn-solid:hover{background:var(--blue-400)}.btn-secondary{color:var(--slate-700);border:var(--border-strong);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;background:0 0}.btn-secondary:hover{background:var(--slate-25);border-color:var(--slate-300)}.btn-danger{background:var(--danger-bg);color:var(--danger);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:none}.btn-danger:hover{background:#f8d7da}.footer{text-align:center;padding:var(--space-8) 0;color:var(--slate-500);border-top:var(--border);margin-top:var(--space-8);font-size:.9rem}.gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp var(--dur-slow) var(--ease-spring) forwards;opacity:0}.delay-1{animation-delay:40ms}.delay-2{animation-delay:80ms}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.16s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-50)}::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-300)}@media (max-width:768px){.nav-header{gap:var(--space-4);padding:var(--space-4) 0;flex-direction:column}.nav-links{justify-content:center;gap:var(--space-4);flex-wrap:wrap}.nav-socials{margin-top:var(--space-2)}.container{padding:0 var(--space-4)}main{padding:var(--space-2) 0}h1{font-size:2.2rem!important}h2{font-size:1.6rem!important}.hero{padding:var(--space-8) 0 var(--space-4) 0}.content-card{padding:var(--space-4)}}