:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#e0e0e0;background:transparent;min-height:100vh;--primary-magenta: #FF00FF;--primary-aqua: #7fffd4;--dark-bg: transparent;--darker-bg: rgba(5, 5, 5, .4);--card-bg: rgba(2, 2, 2, .3);--blur-bg: rgba(8, 8, 8, .4);--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--font-xs: clamp(.8rem, 1.5vw, .875rem);--font-sm: clamp(.9rem, 2vw, 1rem);--font-base: clamp(1rem, 2.5vw, 1.125rem);--font-lg: clamp(1.1rem, 3vw, 1.25rem);--font-xl: clamp(1.2rem, 3.5vw, 1.5rem);--font-2xl: clamp(1.4rem, 4vw, 1.75rem);--font-3xl: clamp(1.75rem, 4.5vw, 2.25rem);--font-4xl: clamp(2.25rem, 5vw, 3rem);--font-5xl: clamp(2.75rem, 6vw, 3.5rem);--space-xs: clamp(.25rem, .8vw, .5rem);--space-sm: clamp(.5rem, 1.2vw, .875rem);--space-md: clamp(.75rem, 1.8vw, 1.125rem);--space-lg: clamp(1rem, 2.5vw, 1.5rem);--space-xl: clamp(1.25rem, 3vw, 2rem);--space-2xl: clamp(1.75rem, 4vw, 3rem);--space-3xl: clamp(2.5rem, 5vw, 4rem);--space-4xl: clamp(3rem, 6vw, 5rem);--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;background:#0a0a0a;position:relative;overflow-x:hidden;min-height:100vh;color:var(--text-primary);font-size:var(--font-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,0,255,.08) 0%,transparent 35%),radial-gradient(circle at 80% 20%,rgba(127,255,212,.06) 0%,transparent 40%),radial-gradient(circle at 40% 40%,rgba(255,0,255,.04) 0%,transparent 30%);animation:orbFloat1 45s ease-in-out infinite;z-index:-2;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(127,255,212,.05) 0%,transparent 45%),radial-gradient(circle at 30% 70%,rgba(255,0,255,.03) 0%,transparent 35%),radial-gradient(circle at 10% 90%,rgba(127,255,212,.02) 0%,transparent 50%);animation:orbFloat2 60s ease-in-out infinite reverse;z-index:-1;pointer-events:none}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(15px,-20px) scale(1.1);opacity:.8}50%{transform:translate(-10px,15px) scale(.9);opacity:.4}75%{transform:translate(20px,-10px) scale(1.05);opacity:.7}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1);opacity:.4}33%{transform:translate(-25px,20px) scale(.95);opacity:.6}66%{transform:translate(18px,-15px) scale(1.08);opacity:.3}}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-md);position:relative;z-index:1}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.glass-card{background:#0003;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-md) 0;box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,0,255,.03) 0%,transparent 50%,rgba(127,255,212,.03) 100%);pointer-events:none;border-radius:inherit}.glass-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#f0f3;background:#00000040}.glass-card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.glass-card-lg{padding:var(--space-xl);border-radius:var(--radius-xl)}h1,h2,h3,h4,h5,h6{font-weight:700;margin:var(--space-xl) 0 var(--space-lg) 0;background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--primary-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.3}h1{font-size:var(--font-4xl);text-align:center;margin-bottom:var(--space-xl);text-shadow:0 0 30px rgba(255,0,255,.3);filter:drop-shadow(0 0 15px rgba(127,255,212,.2))}h2{font-size:var(--font-3xl);margin-top:var(--space-2xl);text-shadow:0 0 15px rgba(255,0,255,.2)}h3{font-size:var(--font-2xl);margin-top:var(--space-xl);text-shadow:0 0 10px rgba(127,255,212,.2)}h4{font-size:var(--font-2xl)}h5{font-size:var(--font-xl)}h6{font-size:var(--font-lg)}p{margin:var(--space-md) 0;color:var(--text-secondary);line-height:1.6;font-size:var(--font-base)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-4xl{font-size:var(--font-4xl)}.text-5xl{font-size:var(--font-5xl)}a{color:var(--primary-aqua);text-decoration:none;transition:all var(--transition-normal);position:relative}a:hover{color:var(--primary-magenta);text-shadow:0 0 10px rgba(255,0,255,.5)}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-magenta);outline-offset:2px}.blog-post{background:#0003;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) 0;transition:all var(--transition-normal);position:relative;overflow:hidden}.blog-post:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-magenta),var(--primary-aqua));opacity:0;transition:opacity var(--transition-slow)}.blog-post:hover:before{opacity:1}.blog-post:hover{transform:translateY(-4px);border-color:#ff00ff26;background:#0000004d;box-shadow:var(--shadow-lg)}.blog-post-title{font-size:var(--font-xl);margin-bottom:var(--space-xs);font-weight:700}.blog-post-date{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--space-md);font-weight:500}.blog-post-excerpt{color:var(--text-secondary);line-height:1.6;font-size:var(--font-base)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}.post-content p{margin-bottom:var(--space-lg)}.post-content ul,.post-content ol{margin:var(--space-lg) 0;padding-left:var(--space-xl);color:#d0d0d0}.post-content li{margin-bottom:var(--space-sm)}.post-content blockquote{border-left:4px solid var(--primary-magenta);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;background:#ff00ff0d;border-radius:8px;font-style:italic;color:silver}.post-content img{max-width:100%;height:auto;border-radius:12px;margin:var(--space-xl) 0;box-shadow:0 8px 24px #0000004d}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;background:var(--blur-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;overflow:hidden}.post-content th,.post-content td{padding:var(--space-md);text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.post-content th{background:#ff00ff1a;font-weight:600;color:var(--primary-aqua)}.read-more{display:inline-block;margin-top:var(--space-lg);padding:var(--space-sm) var(--space-lg);background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);border-radius:var(--radius-sm);color:var(--primary-magenta);text-decoration:none;font-weight:500;font-size:var(--font-sm);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.read-more:hover{background:#ff00ff26;border-color:var(--primary-magenta);box-shadow:0 4px 12px #ff00ff26;color:var(--primary-magenta);transform:translateY(-1px)}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#7fffd414;border:1px solid rgba(127,255,212,.2);border-radius:var(--radius-sm);color:var(--primary-aqua);text-decoration:none;font-weight:500;font-size:var(--font-sm);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-link:hover{background:#7fffd426;border-color:var(--primary-aqua);box-shadow:0 4px 12px #7fffd426;color:var(--primary-aqua);transform:translateY(-1px)}pre{background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:var(--space-xl);overflow-x:auto;margin:var(--space-xl) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}code{font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,monospace;background:#ff00ff1a;padding:.2rem .4rem;border-radius:4px;font-size:.9rem;color:var(--primary-aqua)}pre code{background:none;padding:0;color:#e0e0e0}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0000004d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:var(--space-sm) 0;transition:all var(--transition-normal)}.header-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-md);display:flex;justify-content:space-between;align-items:center;min-height:48px}.site-title{font-size:var(--font-lg);font-weight:700;background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--primary-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all var(--transition-fast)}.site-title:hover{filter:brightness(1.1);text-shadow:0 0 15px rgba(255,0,255,.3)}.back-to-blog{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-lg);font-weight:500;color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-to-blog:hover{background:#7fffd414;border-color:#7fffd433;color:var(--primary-aqua);transform:translateY(-1px);box-shadow:0 4px 12px #7fffd426}.back-to-blog svg{transition:all var(--transition-fast);flex-shrink:0}.back-to-blog:hover svg{stroke:var(--primary-aqua)}.header-right{display:flex;gap:var(--space-sm);align-items:center}.header-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-link:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header-link svg{transition:all var(--transition-fast);width:18px;height:18px}.header-link:hover svg{fill:var(--text-primary);stroke:var(--text-primary)}main{padding-top:calc(48px + var(--space-md))}@media (min-width: 576px){.container{padding:0 var(--space-lg)}.glass-card,.blog-post{padding:var(--space-xl);margin:var(--space-lg) 0}.header-container{padding:0 var(--space-lg)}.header-link{width:38px;height:38px}}@media (min-width: 768px){.container{padding:0 var(--space-xl)}.glass-card,.blog-post{margin:var(--space-xl) 0;padding:var(--space-2xl)}.header-right{gap:var(--space-md)}.header-link{width:40px;height:40px}.header-link svg{width:20px;height:20px}.site-title{font-size:var(--font-xl)}}@media (min-width: 992px){.container{padding:0 var(--space-2xl)}.glass-card,.blog-post{padding:var(--space-3xl);margin:var(--space-2xl) 0}.site-header{padding:var(--space-md) 0}.header-container{min-height:56px}main{padding-top:calc(56px + var(--space-xl))}}@media (min-width: 1200px){.header-link{width:42px;height:42px}.header-link svg{width:22px;height:22px}}@media (max-width: 767px){.glass-card:hover,.blog-post:hover{transform:translateY(-2px)}.header-link{width:36px;height:36px;min-width:36px;min-height:36px}.header-right{gap:var(--space-xs)}.site-title{font-size:var(--font-base)}.back-to-blog{font-size:var(--font-base);padding:var(--space-xs);gap:2px}h1{margin-bottom:var(--space-lg)}h2{margin-top:var(--space-xl)}.glass-card,.blog-post{padding:var(--space-lg);border-radius:var(--radius-md);margin:var(--space-md) 0}.container{padding:0 var(--space-md)}.site-header{padding:var(--space-sm) 0}.header-container{min-height:44px}main{padding-top:calc(44px + var(--space-md))}}@media (max-width: 575px){.site-header{padding:var(--space-sm) 0}.header-container{padding:0 var(--space-sm);min-height:40px}.site-title{font-size:var(--font-sm)}.back-to-blog{font-size:var(--font-sm);padding:var(--space-xs);gap:1px}.back-to-blog svg{width:14px;height:14px}.header-link{width:32px;height:32px}.header-link svg{width:16px;height:16px}.glass-card,.blog-post{padding:var(--space-md);margin:var(--space-sm) 0;border-radius:var(--radius-sm)}main{padding-top:calc(40px + var(--space-sm))}h1{margin-bottom:var(--space-md)}h2{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.container{padding:0 var(--space-sm)}}@media (orientation: landscape) and (max-height: 600px){.glass-card,.blog-post{padding:var(--space-md);margin:var(--space-xs) 0}h1{margin-bottom:var(--space-sm)}.site-header{padding:var(--space-xs) 0}.header-container{min-height:40px}main{padding-top:calc(40px + var(--space-xs))}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.glass-card:before{background-size:100% 100%}}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #a0a0a0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.glass-card:hover,.blog-post:hover,.header-link:hover{transform:none}}@media print{.site-header,.header-link,.glass-card:before,.blog-post:before{display:none}.glass-card,.blog-post{background:#fff;color:#000;box-shadow:none;border:1px solid #ccc}main{padding-top:0}}@supports selector(:focus-visible){a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-magenta);outline-offset:2px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-magenta),var(--primary-aqua));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-aqua),var(--primary-magenta))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden;height:1px;width:1px;word-wrap:normal}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.m-0{margin:0}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pt-2xl{padding-top:var(--space-2xl)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pl-xl{padding-left:var(--space-xl)}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.pr-xl{padding-right:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-full{max-width:100%}.max-w-none{max-width:none}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-light{font-weight:300}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-magenta{color:var(--primary-magenta)}.text-aqua{color:var(--primary-aqua)}.bg-transparent{background-color:transparent}.bg-glass{background:#0003}.bg-glass-light{background:#ffffff0d}.border{border:1px solid rgba(255,255,255,.1)}.border-magenta{border-color:var(--primary-magenta)}.border-aqua{border-color:var(--primary-aqua)}.border-none{border:none}.rounded{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.transform{transform:translateZ(0)}.translate-y-1{transform:translateY(.25rem)}.translate-y-2{transform:translateY(.5rem)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}@media (max-width: 575px){.hidden-xs{display:none}.block-xs{display:block}}@media (min-width: 576px) and (max-width: 767px){.hidden-sm{display:none}.block-sm{display:block}}@media (min-width: 768px) and (max-width: 991px){.hidden-md{display:none}.block-md{display:block}}@media (min-width: 992px) and (max-width: 1199px){.hidden-lg{display:none}.block-lg{display:block}}@media (min-width: 1200px){.hidden-xl{display:none}.block-xl{display:block}}.will-change-transform{will-change:transform}.will-change-auto{will-change:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);text-decoration:none;font-weight:500;font-size:var(--font-sm);transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:#ff00ff1a;border-color:#ff00ff4d;color:var(--primary-magenta)}.btn-primary:hover{background:#ff00ff26;border-color:var(--primary-magenta);box-shadow:0 4px 12px #ff00ff26;color:var(--primary-magenta)}.btn-secondary{background:#7fffd414;border-color:#7fffd433;color:var(--primary-aqua)}.btn-secondary:hover{background:#7fffd426;border-color:var(--primary-aqua);box-shadow:0 4px 12px #7fffd426;color:var(--primary-aqua)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);gap:2px}.btn-large{padding:var(--space-md) var(--space-xl);font-size:var(--font-lg)}.btn-icon-only{width:36px;height:36px;padding:0;justify-content:center}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading 2s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton 2s infinite}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.profile{text-align:center;margin-bottom:var(--space-2xl);padding:var(--space-2xl)}.profile-content{max-width:700px;margin:0 auto}.profile-title{font-size:var(--font-4xl);margin:0 0 var(--space-md) 0;background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--primary-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.02em}.profile-subtitle{font-size:var(--font-xl);color:var(--text-secondary);margin:0 0 var(--space-lg) 0;font-weight:500}.profile-description{font-size:var(--font-lg);color:var(--text-secondary);margin:0 0 var(--space-xl) 0;line-height:1.6}.profile-description strong{color:var(--primary-aqua);font-weight:600}.skills-compact{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.skill-tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-sm);font-weight:500;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.skill-tag:hover{background:#ff00ff1a;border-color:#ff00ff4d;transform:translateY(-1px);box-shadow:0 4px 12px #ff00ff26}.blog-section{margin-bottom:var(--space-2xl)}.posts-grid{display:grid;gap:var(--space-md)}.post-card{padding:var(--space-xl);transition:all var(--transition-normal)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.post-title{margin:0 0 var(--space-sm) 0;font-size:var(--font-xl);font-weight:600}.post-title a{background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--primary-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;transition:all var(--transition-normal)}.post-title a:hover{filter:brightness(1.2);text-shadow:0 0 20px rgba(255,0,255,.5)}.post-date{color:var(--text-muted);font-size:var(--font-sm);margin-bottom:var(--space-md);display:block;font-weight:500}.post-excerpt{color:var(--text-secondary);line-height:1.6;margin:var(--space-md) 0;font-size:var(--font-base)}.post{position:relative}.post-header{margin-bottom:var(--space-3xl);text-align:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:var(--space-2xl)}.post-header .post-date{color:var(--text-muted);font-size:var(--font-lg);font-weight:500;margin-top:var(--space-md)}.post-content{color:var(--text-secondary);line-height:1.8;font-size:var(--font-lg)}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--primary-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:var(--space-3xl);margin-bottom:var(--space-lg);font-weight:700}.post-content p{margin:var(--space-xl) 0;color:var(--text-secondary)}.post-content ul,.post-content ol{margin:var(--space-xl) 0;padding-left:var(--space-2xl);color:var(--text-secondary)}.post-content li{margin:var(--space-sm) 0}.post-content a{color:var(--primary-aqua);text-decoration:none;transition:all var(--transition-normal)}.post-content a:hover{color:var(--primary-magenta);text-shadow:0 0 10px rgba(255,0,255,.3)}.post-content code{background:#ff00ff1a;border:1px solid rgba(255,0,255,.2);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.9em;color:var(--primary-aqua)}.post-content pre{background:#000c;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:var(--space-xl);overflow-x:auto;margin:var(--space-2xl) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-content pre code{background:none;border:none;padding:0;color:var(--text-primary)}.post-content blockquote{border-left:4px solid var(--primary-magenta);margin:var(--space-2xl) 0;padding:var(--space-xl) var(--space-2xl);background:#ff00ff0d;border-radius:var(--radius-md);font-style:italic;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.post-content strong{color:var(--text-primary);font-weight:600}.post-content em{color:var(--primary-aqua)}.post-navigation{margin-top:var(--space-2xl);padding:var(--space-md)}.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.nav-link{display:flex;flex-direction:column;padding:var(--space-md);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:clamp(60px,6vw,75px);justify-content:center;position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,0,255,.02) 0%,transparent 50%,rgba(127,255,212,.02) 100%);opacity:0;transition:opacity var(--transition-normal)}.nav-link:hover{background:#ffffff14;border-color:#ff00ff4d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-link:hover:before{opacity:1}.nav-previous{text-align:left}.nav-next{text-align:right}.nav-direction{display:flex;align-items:center;font-size:clamp(.7rem,1vw,.8rem);color:var(--text-muted);font-weight:500;margin-bottom:var(--space-xs);gap:var(--space-xs);line-height:1.2}.nav-previous .nav-direction{justify-content:flex-start}.nav-next .nav-direction{justify-content:flex-end;flex-direction:row-reverse}.nav-direction svg{flex-shrink:0;width:clamp(10px,1vw,12px);height:clamp(10px,1vw,12px);transition:all var(--transition-fast)}.nav-title{font-size:clamp(.8rem,1.5vw,.95rem);color:var(--text-primary);font-weight:600;line-height:1.3;background:linear-gradient(135deg,var(--primary-magenta) 0%,var(--primary-aqua) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.nav-link:hover .nav-title{filter:brightness(1.2);text-shadow:0 0 10px rgba(255,0,255,.2)}.nav-link:hover .nav-direction{color:var(--primary-aqua)}.nav-link:hover .nav-direction svg{stroke:var(--primary-aqua);transform:scale(1.1)}.nav-links:has(.nav-single){grid-template-columns:1fr 1fr}.nav-single.nav-next{grid-column:2;justify-self:end;text-align:right;width:100%;max-width:clamp(240px,35vw,320px)}.nav-single.nav-previous{grid-column:1;justify-self:start;text-align:left;width:100%;max-width:clamp(240px,35vw,320px)}.nav-single{min-width:0}.admin-layout{display:flex;min-height:100vh;background:var(--dark-bg);position:relative}.admin-sidebar{width:280px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);padding:var(--space-lg);position:fixed;height:100vh;overflow-y:auto;z-index:100;transition:transform var(--transition-normal);left:0;top:0}.admin-sidebar.hidden{transform:translate(-100%)}.admin-main{flex:1;margin-left:280px;padding:var(--space-lg);background:var(--darker-bg);min-height:100vh;width:calc(100% - 280px);transition:all var(--transition-normal)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);padding:var(--space-lg);background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:var(--space-md)}.admin-title{font-size:var(--font-3xl);font-weight:700;background:linear-gradient(135deg,var(--primary-magenta),var(--primary-aqua));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-nav{list-style:none;padding:0;margin:0}.admin-nav-item{margin-bottom:var(--space-sm)}.admin-nav-link{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid transparent}.admin-nav-link:hover,.admin-nav-link.active{background:#ff00ff1a;border-color:#ff00ff4d;color:var(--text-primary);transform:translate(4px)}.admin-nav-icon{width:20px;height:20px;margin-right:var(--space-md);opacity:.7}.admin-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md)}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgba(255,255,255,.1)}.admin-card-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary)}.admin-form{max-width:800px}.admin-form-group{margin-bottom:var(--space-lg)}.admin-form-label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-primary);font-size:var(--font-sm)}.admin-form-input,.admin-form-textarea,.admin-form-select{width:100%;padding:var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-fast)}.admin-form-input:focus,.admin-form-textarea:focus,.admin-form-select:focus{outline:none;border-color:var(--primary-magenta);box-shadow:0 0 0 3px #f0f3;background:#ffffff14}.admin-form-textarea{min-height:200px;resize:vertical;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.admin-form-textarea.large{min-height:400px}.admin-form-checkbox{width:auto;margin-right:var(--space-sm)}.admin-form-row{display:flex;gap:var(--space-lg);align-items:end}.admin-form-row .admin-form-group{flex:1}.admin-btn{display:inline-flex;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--primary-magenta);color:#fff;text-decoration:none;border:none;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.admin-btn:hover{background:#e600e6;transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-btn:active{transform:translateY(0)}.admin-btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.admin-btn-secondary:hover{background:#fff3;border-color:#fff6}.admin-btn-danger{background:#dc3545}.admin-btn-danger:hover{background:#c82333}.admin-btn-small{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm)}.admin-btn-icon{width:16px;height:16px;margin-right:var(--space-sm)}.admin-table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.admin-table{width:100%;border-collapse:collapse;background:var(--card-bg)}.admin-table th,.admin-table td{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th{background:#ffffff0d;font-weight:600;color:var(--text-primary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.05em}.admin-table td{color:var(--text-secondary)}.admin-table tr:hover{background:#ffffff05}.admin-table-actions{display:flex;gap:var(--space-sm);align-items:center}.admin-status-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.admin-status-badge.published{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-status-badge.draft{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.admin-login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg)}.admin-login-card{width:100%;max-width:400px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-3xl);box-shadow:var(--shadow-xl)}.admin-login-title{text-align:center;font-size:var(--font-2xl);font-weight:700;margin-bottom:var(--space-2xl);background:linear-gradient(135deg,var(--primary-magenta),var(--primary-aqua));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-login-form{margin-bottom:var(--space-lg)}.admin-login-button{width:100%;justify-content:center}@media (max-width: 1200px){.admin-sidebar{width:260px}.admin-main{margin-left:260px;width:calc(100% - 260px)}}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%);width:320px}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0;width:100%;padding:var(--space-lg) var(--space-md);padding-top:80px}.admin-header{margin-bottom:var(--space-lg);padding:var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-md)}.admin-title{font-size:var(--font-xl)}}@media (max-width: 768px){.admin-main{padding:var(--space-md) var(--space-sm);padding-top:70px}.admin-card{padding:var(--space-lg);margin-bottom:var(--space-lg)}.admin-header{padding:var(--space-sm);margin-bottom:var(--space-md)}.admin-title{font-size:var(--font-lg)}.admin-form-row{flex-direction:column;gap:0}.admin-table-container{font-size:var(--font-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px}.admin-table th,.admin-table td{padding:var(--space-sm);white-space:nowrap}.admin-table-actions{flex-direction:column;gap:var(--space-xs);min-width:120px}.admin-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);white-space:nowrap}.admin-form-input,.admin-form-textarea,.admin-form-select{font-size:16px}}@media (max-width: 480px){.admin-sidebar{width:100%;max-width:320px}.admin-main{padding:var(--space-sm);padding-top:60px}.admin-header{padding:var(--space-xs);margin-bottom:var(--space-sm)}.admin-card{padding:var(--space-md);border-radius:var(--radius-md)}.admin-title{font-size:var(--font-base)}.admin-table{min-width:500px;font-size:var(--font-xs)}.admin-table th,.admin-table td{padding:var(--space-xs) var(--space-sm)}.admin-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs)}.admin-btn-icon{width:14px;height:14px}.admin-login-container{padding:var(--space-md)}.admin-login-card{padding:var(--space-lg)}}.admin-mobile-toggle{display:none;position:fixed;top:var(--space-md);left:var(--space-md);z-index:200;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-sm);color:var(--text-primary);cursor:pointer;width:48px;height:48px;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.admin-mobile-toggle:hover{background:#ff00ff1a;border-color:#ff00ff4d;transform:scale(1.05)}.admin-mobile-toggle:active{transform:scale(.95)}@media (max-width: 1024px){.admin-mobile-toggle{display:flex}}@media (max-width: 768px){.admin-mobile-toggle{top:var(--space-sm);left:var(--space-sm);width:44px;height:44px}}@media (max-width: 480px){.admin-mobile-toggle{width:40px;height:40px;padding:var(--space-xs)}}.admin-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.admin-overlay.show{display:block}.admin-message{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-sm);font-weight:500}.admin-message.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-message.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-loading{display:inline-flex;align-items:center;gap:var(--space-sm)}.admin-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--primary-magenta);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.admin-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.admin-form-textarea.large{min-height:300px}.admin-form-label{font-size:var(--font-sm)}.admin-status-badge{font-size:var(--font-xs);padding:calc(var(--space-xs) / 2) var(--space-xs)}}@media (max-width: 480px){.admin-card-header{padding-bottom:var(--space-sm)}.admin-card-title{font-size:var(--font-lg)}.admin-form-textarea.large{min-height:250px}.admin-form-textarea{min-height:120px}.post-title-cell{max-width:150px}.post-excerpt{font-size:var(--font-xs)}}@media (hover: none) and (pointer: coarse){.admin-btn,.admin-nav-link,.admin-mobile-toggle{min-height:44px;min-width:44px}.admin-form-input,.admin-form-textarea,.admin-form-select{min-height:44px;padding:var(--space-md)}.admin-table th,.admin-table td{min-height:44px;padding:var(--space-sm) var(--space-md)}}.admin-table-container{position:relative}.admin-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,var(--card-bg),transparent);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}@media (max-width: 768px){.admin-table-container::-webkit-scrollbar{height:4px}.admin-table-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.admin-table-container::-webkit-scrollbar-thumb{background:var(--primary-magenta);border-radius:2px}.admin-table-container:after{opacity:1}}