:root{--color-cream-50: rgba(252, 252, 249, 1);--color-cream-100: rgba(255, 255, 253, 1);--color-gray-200: rgba(245, 245, 245, 1);--color-gray-300: rgba(167, 169, 169, 1);--color-gray-400: rgba(119, 124, 124, 1);--color-slate-500: rgba(98, 108, 113, 1);--color-brown-600: rgba(94, 82, 64, 1);--color-charcoal-700: rgba(31, 33, 33, 1);--color-charcoal-800: rgba(38, 40, 40, 1);--color-slate-900: rgba(19, 52, 59, 1);--color-teal-300: rgba(50, 184, 198, 1);--color-teal-400: rgba(45, 166, 178, 1);--color-teal-500: rgba(33, 128, 141, 1);--color-teal-600: rgba(29, 116, 128, 1);--color-teal-700: rgba(26, 104, 115, 1);--color-teal-800: rgba(41, 150, 161, 1);--color-brown-600-rgb: 94, 82, 64;--color-teal-500-rgb: 20, 184, 166;--color-slate-900-rgb: 19, 52, 59;--color-slate-500-rgb: 98, 108, 113;--color-primary-rgb: 33, 128, 141;--color-white-rgb: 255, 255, 255;--color-black-rgb: 0, 0, 0;--color-background: var(--color-cream-50);--color-surface: var(--color-cream-100);--color-text: var(--color-slate-900);--color-text-secondary: var(--color-slate-500);--color-primary: var(--color-teal-500);--color-primary-hover: var(--color-teal-600);--color-primary-active: var(--color-teal-700);--color-border: rgba(var(--color-brown-600-rgb), .2);--color-code-bg: var(--color-gray-200);--color-code-text: var(--color-slate-900);--color-code-inline-bg: rgba(var(--color-slate-900-rgb), .08);--color-code-inline-text: var(--color-teal-700);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Consolas", "Monaco", "Courier New", monospace;--font-family-navigation: "Consolas", "Monaco", "Courier New", monospace;--font-size-navigation: 18px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 550;--font-weight-bold: 600;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--line-height-loose: 1.8;--line-height-very-loose: 1.9;--line-height-heading: 1.3;--line-height-drop-cap: .8;--letter-spacing-tight: -.01em;--drop-cap-size: 4.5em;--drop-cap-margin-right: .05em;--drop-cap-margin-top: .05em;--drop-cap-padding-right: .02em;--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;--radius-base: 8px;--radius-sm: 4px;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: 4s;--ease-standard: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--navbar-height: 70px;--container-lg: 1400px;--hero-top-spacing: 50px;--hero-top-spacing-mobile: 70px}@layer themes;[data-color-scheme=dark]{--color-gray-400-rgb: 119, 124, 124;--color-teal-300-rgb: 50, 184, 198;--color-gray-300-rgb: 167, 169, 169;--color-gray-200-rgb: 245, 245, 245;--color-background: var(--color-charcoal-700);--color-surface: var(--color-charcoal-800);--color-text: var(--color-gray-200);--color-text-secondary: rgba(var(--color-gray-300-rgb), .7);--color-primary: var(--color-teal-300);--color-primary-hover: var(--color-teal-400);--color-primary-active: var(--color-teal-800);--color-secondary: rgba(var(--color-gray-400-rgb), .15);--color-secondary-hover: rgba(var(--color-gray-400-rgb), .25);--color-secondary-active: rgba(var(--color-gray-400-rgb), .3);--color-border: rgba(var(--color-gray-400-rgb), .3);--color-focus-ring: rgba(var(--color-teal-300-rgb), .4);--color-code-bg: rgba(var(--color-gray-400-rgb), .15);--color-code-text: var(--color-gray-200);--color-code-inline-bg: rgba(var(--color-teal-300-rgb), .15);--color-code-inline-text: var(--color-teal-300);--navbar-bg: var(--color-surface);--border-color: var(--color-border);--portfolio-primary: var(--color-primary);--text-secondary: var(--color-text-secondary)}@layer base;*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-16)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-16);line-height:var(--line-height-normal)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:var(--color-primary-hover)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-8)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit}:focus{outline:none}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-gray-200)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-500)}@layer layout;.container{width:100%;max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-3);container-type:inline-size}.section{padding:var(--space-8) 0;content-visibility:auto;contain-intrinsic-size:0 500px}.main-content{min-height:calc(100vh - var(--navbar-height));position:relative;width:100%;display:flex;flex-direction:column}.hero-container{margin-top:var(--hero-top-spacing-mobile)}@media (min-width: 768px){.container{padding:0 var(--space-6)}.section{padding:var(--space-12) 0}.hero-container{margin-top:var(--hero-top-spacing)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}.section{padding:var(--space-16) 0}}@layer components;.hero-container{margin-top:var(--hero-top-spacing-mobile);min-height:calc(100vh - var(--navbar-height) - var(--hero-top-spacing-mobile));display:flex;align-items:center;justify-content:center}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;max-height:80vh;padding:var(--space-12) var(--space-6);transform:translateZ(0);will-change:auto}.coming-soon-icon{font-size:4rem;margin-bottom:var(--space-6);opacity:.8}.coming-soon-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.2}.coming-soon-text{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-4);font-weight:var(--font-weight-medium)}.coming-soon-description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:500px;line-height:1.6;margin:0 auto;opacity:.8}@media (max-width: 767px){.coming-soon-container{min-height:50vh;padding:var(--space-8) var(--space-4)}.coming-soon-icon{font-size:3rem}.coming-soon-title{font-size:var(--font-size-3xl)}.coming-soon-text{font-size:var(--font-size-lg)}.coming-soon-description{font-size:var(--font-size-sm)}}@media (min-width: 768px){.hero-container{margin-top:var(--hero-top-spacing)}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(-180deg)}}@keyframes drift{0%{transform:translate(0) translateY(0)}25%{transform:translate(100px) translateY(-50px)}50%{transform:translate(50px) translateY(-100px)}75%{transform:translate(-50px) translateY(-50px)}to{transform:translate(0) translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%}.shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-teal-500-rgb),.1));opacity:.4;will-change:transform}.shape-1{width:80px;height:80px;top:20%;left:10%;animation:float 6s ease-in-out infinite}.shape-2{width:120px;height:120px;top:60%;left:80%;animation:floatReverse 8s ease-in-out infinite}.shape-3{width:60px;height:60px;top:80%;left:20%;animation:drift 10s ease-in-out infinite}.shape-4{width:100px;height:100px;top:10%;left:70%;animation:pulse 4s ease-in-out infinite}.shape-5{width:90px;height:90px;top:40%;left:5%;animation:float 7s ease-in-out infinite}.shape-6{width:70px;height:70px;top:70%;left:60%;animation:floatReverse 9s ease-in-out infinite}.shape-7{width:110px;height:110px;top:30%;left:90%;animation:drift 12s ease-in-out infinite}.shape-8{width:50px;height:50px;top:90%;left:40%;animation:pulse 5s ease-in-out infinite}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.02),rgba(var(--color-teal-500-rgb),.02),rgba(var(--color-primary-rgb),.02));opacity:.6}:host-context([data-color-scheme=dark]) .shape,[data-color-scheme=dark] .shape{background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.15),rgba(var(--color-primary-rgb),.15));opacity:.3}:host-context([data-color-scheme=dark]) .gradient-overlay,[data-color-scheme=dark] .gradient-overlay{background:linear-gradient(135deg,rgba(var(--color-teal-500-rgb),.03),rgba(var(--color-primary-rgb),.03),rgba(var(--color-teal-500-rgb),.03));opacity:.8}.blog-body{font-size:var(--font-size-xl)}.blog-body *{margin-top:0;margin-bottom:0}.blog-body p{padding:0;line-height:var(--line-height-very-loose);font-size:var(--font-size-xl);text-align:justify}.blog-body p:last-child{margin-bottom:0}.blog-body p:empty{display:none;height:0;margin:0;padding:0}.blog-body>p:first-of-type:first-letter,.blog-body>figure:first-of-type+p:first-letter{font-size:var(--drop-cap-size);font-weight:var(--font-weight-bold);line-height:var(--line-height-drop-cap);float:left;margin-right:var(--drop-cap-margin-right);margin-top:var(--drop-cap-margin-top);padding-right:var(--drop-cap-padding-right);font-family:var(--font-family-heading);color:var(--color-text)}.blog-body ul li,.blog-body ol li{margin-bottom:var(--space-6);margin-top:0;padding:0;line-height:var(--line-height-loose);font-size:var(--font-size-xl);text-align:justify}.blog-body ul li:last-child,.blog-body ol li:last-child{margin-bottom:0}.blog-body h1,.blog-body h2{font-size:var(--font-size-3xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);padding:0;padding-top:var(--space-5);line-height:var(--line-height-heading)}.blog-body h1:first-child,.blog-body h2:first-child{margin-top:0;padding-top:0}p+.blog-body h1,ul+.blog-body h1,ol+.blog-body h1,blockquote+.blog-body h1,pre+.blog-body h1,figure+.blog-body h1,p+.blog-body h2,ul+.blog-body h2,ol+.blog-body h2,blockquote+.blog-body h2,pre+.blog-body h2,figure+.blog-body h2{margin-top:var(--space-16);padding-top:var(--space-8)}.blog-body h3{font-size:var(--font-size-2xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);padding:0;padding-top:var(--space-2);line-height:var(--line-height-heading)}.blog-body h3:first-child{margin-top:0;padding-top:0}p+.blog-body h3,ul+.blog-body h3,ol+.blog-body h3,blockquote+.blog-body h3,pre+.blog-body h3,figure+.blog-body h3{margin-top:var(--space-16);padding-top:var(--space-6)}.blog-body h4{font-size:var(--font-size-xl);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);padding:0;line-height:var(--line-height-heading)}.blog-body h4:first-child{margin-top:0}p+.blog-body h4,ul+.blog-body h4,ol+.blog-body h4,blockquote+.blog-body h4,pre+.blog-body h4,figure+.blog-body h4{margin-top:var(--space-16)}.blog-body h5{font-size:var(--font-size-lg);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);padding:0;line-height:var(--line-height-heading)}.blog-body h5:first-child{margin-top:0}p+.blog-body h5,ul+.blog-body h5,ol+.blog-body h5,blockquote+.blog-body h5,pre+.blog-body h5,figure+.blog-body h5{margin-top:var(--space-16)}.blog-body h6{font-size:var(--font-size-base);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);padding:0;line-height:var(--line-height-heading)}.blog-body h6:first-child{margin-top:0}p+.blog-body h6,ul+.blog-body h6,ol+.blog-body h6,blockquote+.blog-body h6,pre+.blog-body h6,figure+.blog-body h6{margin-top:var(--space-16)}.blog-body .info-box,.blog-body .warning-box,.blog-body .success-box{margin:var(--space-4) 0;padding:var(--space-6) var(--space-8);border-radius:var(--radius-base);line-height:var(--line-height-relaxed)}@layer reset,base,layout,components,themes;.main-content{position:relative;z-index:1}