:root{--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-serif: "Georgia", "Times New Roman", serif}:root,[data-theme=default]{--color-background: #0a0a0f;--color-surface: #0f0f17;--color-surface-hover: #151521;--color-border: #1a1a2e;--color-border-light: #252545;--color-text-primary: #e8e6ff;--color-text-secondary: #b8b5d1;--color-text-tertiary: #817d9a;--color-primary: #6c63ff;--color-primary-hover: #5a52d5;--color-accent: #ff6b9d;--color-accent-hover: #e55578}[data-theme=c]{--color-background: #0d0d0d;--color-surface: #161616;--color-surface-hover: #1f1f1f;--color-border: #2a2a2a;--color-border-light: #333333;--color-text-primary: #00ffaa;--color-text-secondary: #b3b3b3;--color-text-tertiary: #808080;--color-primary: #00dd88;--color-primary-hover: #00bb77;--color-accent: #ff7733;--color-accent-hover: #ee6622;--color-memory: #ff4466;--color-pointer: #44ff88;--color-function: #4488ff}[data-theme=go]{--color-background: #0c0f14;--color-surface: #111923;--color-surface-hover: #16202c;--color-border: #1e2a38;--color-border-light: #293644;--color-text-primary: #e8f4f8;--color-text-secondary: #b8d4dc;--color-text-tertiary: #8ab4c0;--color-primary: #00cdf0;--color-primary-hover: #00a8c8;--color-accent: #ff4081;--color-accent-hover: #e63668;--color-gopher: #00cdf0;--color-gopher-light: #66e0f5;--color-go-blue: #5d8fff;--color-go-aqua: #00cdf0;--color-go-yellow: #ffd700;--color-go-fuchsia: #ff4081;--color-go-code-bg: #1a2332;--color-go-link: #00a8c8;--color-go-nav: #0099bb}:root,[data-theme=default],[data-theme=c],[data-theme=go]{--color-success: #22c55e;--color-success-light: #dcfce7;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fecaca;--color-info: #06b6d4;--color-info-light: #cffafe;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--max-width: 1280px;--max-width-prose: 65ch;--border-radius: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .15), 0 2px 4px -1px rgb(99 102 241 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .2), 0 4px 6px -2px rgb(99 102 241 / .08);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .25), 0 10px 10px -5px rgb(99 102 241 / .1);--shadow-glow: 0 0 30px rgb(99 102 241 / .3);--shadow-accent: 0 8px 30px rgb(236 72 153 / .2);font-family:var(--font-primary);line-height:1.6;font-weight:400;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--color-background)!important;transition:background-color .3s cubic-bezier(.4,0,.2,1);min-height:100vh;width:100%}body{margin:0;min-width:320px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background)!important;color:var(--color-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}#header,#app,#footer{background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin:0;color:var(--color-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0;line-height:1.7;color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-accent-hover) 100%);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn-secondary{background:#ffffff1a;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(15px);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#ffffff26;border-color:var(--color-primary);color:var(--color-text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background-color:#ffffff1a;color:var(--color-text-primary);backdrop-filter:blur(10px)}#header{background:#0a0a0fb3;border-bottom:1px solid rgba(108,99,255,.1);backdrop-filter:blur(15px);position:sticky;top:0;z-index:50;transition:all .3s ease}#app{flex:1;width:100%}#footer{background-color:#0a0a0fb3;backdrop-filter:blur(10px);border-top:1px solid rgba(108,99,255,.1);padding:var(--space-16) 0}.pro-card{background-color:#0f0f174d;border:1px solid rgba(108,99,255,.1);border-radius:var(--border-radius-lg);padding:var(--space-6);transition:all .2s ease;backdrop-filter:blur(8px)}.pro-card:hover{background-color:#0f0f1780;border-color:#6c63ff33;box-shadow:0 8px 32px #6c63ff1a;backdrop-filter:blur(12px)}.pro-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.home-container{max-width:var(--max-width);margin:0 auto;padding:0}.pro-container-sm{max-width:var(--max-width-prose);margin:0 auto;padding:0 var(--space-6)}.pro-grid{display:grid;gap:var(--space-6)}.pro-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pro-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pro-section{padding:var(--space-16) 0}.pro-section-sm{padding:var(--space-12) 0}.pro-divider{height:1px;background-color:var(--color-border);border:none;margin:var(--space-8) 0}pre,code{font-family:var(--font-mono);font-size:.875rem}pre{background-color:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:var(--space-4);overflow-x:auto;line-height:1.5;backdrop-filter:blur(10px)}code{background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.8125rem;backdrop-filter:blur(5px)}.pro-input{width:100%;padding:var(--space-3) var(--space-4);background-color:#0003;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;transition:all .2s ease;backdrop-filter:blur(10px)}.pro-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133;background-color:#0000004d;backdrop-filter:blur(15px)}.pro-input::placeholder{color:var(--color-text-tertiary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:linear-gradient(135deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{backdrop-filter:blur(12px);background:#111827cc;border:1px solid rgba(55,65,81,.5)}.glass-light{backdrop-filter:blur(8px);background:#11182799;border:1px solid rgba(75,85,99,.3)}.card-modern{background:#0f0f174d;border:1px solid rgba(108,99,255,.08);border-radius:var(--border-radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;backdrop-filter:blur(8px)}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity .3s ease}.card-modern:hover:before{opacity:1}.card-modern:hover{transform:translateY(-4px);background:#0f0f1780;border-color:#6c63ff26;backdrop-filter:blur(12px);box-shadow:0 8px 32px #6c63ff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f166}50%{box-shadow:0 0 40px #6366f1b3}}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-glow{animation:glow 2s ease-in-out infinite}.scroll-fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:var(--shadow-glow)}@media (max-width: 768px){.pro-container{padding:0 var(--space-4)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.pro-section{padding:var(--space-12) 0}.pro-grid-2,.pro-grid-3{grid-template-columns:1fr}}.pro-page-header{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8) 0}.pro-page-title{font-size:3rem;font-weight:800;margin:0 0 var(--space-4) 0;color:var(--color-text-primary);line-height:1.2}.pro-page-description{font-size:1.25rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.pro-articles-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--space-12);align-items:start}.pro-articles-main{min-height:60vh}.pro-articles-sidebar{position:sticky;top:var(--space-8)}.pro-about-content{display:grid;gap:var(--space-12);padding:var(--space-8) 0}@media (max-width: 768px){.pro-articles-layout{grid-template-columns:1fr;gap:var(--space-8)}.pro-articles-sidebar{position:static;order:-1}.pro-page-title{font-size:2.5rem}.pro-page-description{font-size:1.125rem}}@media (max-width: 640px){.pro-page-header{padding:var(--space-6) 0;margin-bottom:var(--space-8)}.pro-page-title{font-size:2rem}.pro-page-description{font-size:1rem}}.page{min-height:60vh}.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;font-family:inherit;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none}.pro-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-md)}.pro-btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-accent-hover) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.pro-btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.pro-btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-1px)}.pro-card-modern{background:#0f0f174d;border:1px solid rgba(108,99,255,.08);border-radius:var(--border-radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;backdrop-filter:blur(8px)}.pro-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform:scaleX(0);transition:transform .3s ease}.pro-card-modern:hover:before{transform:scaleX(1)}.pro-card-modern:hover{transform:translateY(-4px);background:#0f0f1780;border-color:#6c63ff26;backdrop-filter:blur(12px);box-shadow:0 8px 32px #6c63ff1a}.pro-hero-section{background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,var(--color-background)) 0%,var(--color-background) 100%);padding:var(--space-20) 0;position:relative;overflow:hidden}.pro-hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--color-primary) 8%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% 80%,color-mix(in srgb,var(--color-accent) 6%,transparent) 0%,transparent 50%);pointer-events:none}.pro-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto;padding:0 var(--space-6)}.pro-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin:0 0 var(--space-6) 0;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.02em}.pro-hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin:0 0 var(--space-8) 0;line-height:1.6}.pro-form-group{margin-bottom:var(--space-6)}.pro-label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--color-text-primary);font-size:.875rem}.pro-input{width:100%;padding:var(--space-3) var(--space-4);background-color:#0003;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;transition:all .2s ease;backdrop-filter:blur(10px)}.pro-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.pro-select{width:100%;padding:var(--space-3) var(--space-4);background-color:#0003;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.pro-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.pro-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.pro-breadcrumbs a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.pro-breadcrumbs a:hover{color:var(--color-primary-hover)}.pro-breadcrumb-separator{color:var(--color-text-tertiary)}.pro-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pro-badge-primary{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}.pro-badge-success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent)}.pro-badge-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent)}.pro-badge-error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error);border:1px solid color-mix(in srgb,var(--color-error) 30%,transparent)}.pro-responsive-grid{display:grid;gap:var(--space-6)}.pro-responsive-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.pro-responsive-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pro-responsive-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.pro-responsive-grid-2,.pro-responsive-grid-3,.pro-responsive-grid-4{grid-template-columns:1fr}}:root{--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--card-bg: var(--color-surface);--border-color: var(--color-border);--accent-color: var(--color-primary);--accent-hover-color: var(--color-primary-hover);--link-color: var(--color-primary);--link-hover-color: var(--color-primary-hover);--nav-text-color: var(--color-text-secondary);--brand-color: var(--color-primary)}.medium-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.medium-page-header{padding:var(--space-12) 0 var(--space-8);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-12);text-align:center;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,transparent 100%);border-radius:var(--border-radius-xl)}.medium-page-title{font-size:3.5rem;font-weight:800;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;font-family:var(--font-primary);line-height:1.1;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.medium-page-description{font-size:1.25rem;color:var(--color-text-secondary);margin:0;font-weight:400}.medium-articles{display:flex;flex-direction:column;gap:var(--space-8)}.modern-article-card{display:flex;align-items:stretch;gap:var(--space-8);padding:var(--space-8);background:var(--color-surface);border-radius:var(--border-radius-xl);border:1px solid var(--color-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modern-article-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);opacity:0;transition:opacity .3s ease}.modern-article-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a;border-color:var(--color-primary)}.modern-article-card:hover:before{opacity:1}.modern-article-featured{background:linear-gradient(135deg,rgba(99,102,241,.08) 0%,transparent 100%);border-width:2px;border-color:var(--color-primary)}.modern-article-featured:before{opacity:1;height:6px}.modern-article-content{flex:1;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.modern-author-info{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.modern-author-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.875rem;flex-shrink:0}.modern-author-name{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.modern-meta{font-size:.8125rem;color:var(--color-text-tertiary);margin-top:var(--space-1)}.modern-separator{margin:0 var(--space-2)}.modern-content{flex:1}.modern-article-title{margin:0 0 var(--space-3) 0;line-height:1.3;font-weight:700}.modern-article-title a{color:var(--color-text-primary);text-decoration:none;font-family:var(--font-primary);transition:all .3s ease;display:block}.modern-article-title a:hover{color:var(--color-primary)}.modern-article-featured .modern-article-title{font-size:2.25rem;line-height:1.2}.modern-article-card:not(.modern-article-featured) .modern-article-title{font-size:1.5rem}.modern-article-subtitle{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin:0;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-article-featured .modern-article-subtitle{font-size:1.125rem;-webkit-line-clamp:3}.modern-article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);gap:var(--space-4)}.modern-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.modern-tag{background:#6366f11a;color:var(--color-primary);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-full);font-size:.75rem;font-weight:600;transition:all .3s ease;border:1px solid transparent}.modern-tag:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.modern-reading-progress{display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem;color:var(--color-text-tertiary)}.modern-progress-bar{width:60px;height:4px;background:var(--color-border);border-radius:var(--border-radius-full);overflow:hidden}.modern-progress-fill{height:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);transition:width .3s ease;border-radius:var(--border-radius-full)}.modern-article-image{width:300px;height:200px;flex-shrink:0;position:relative;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-border)}.modern-article-featured .modern-article-image{width:350px;height:250px}.modern-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.modern-article-card:hover .modern-article-image img{transform:scale(1.05)}.modern-image-overlay{position:absolute;top:var(--space-3);right:var(--space-3);opacity:0;transition:opacity .3s ease}.modern-article-card:hover .modern-image-overlay{opacity:1}.modern-bookmark-btn{width:40px;height:40px;border:none;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.modern-bookmark-btn:hover{background:var(--color-primary);transform:scale(1.1)}.modern-article-card:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);transition:all .3s ease;transform:translate(-50%)}.modern-article-card:hover:after{width:calc(100% - 32px)}@media (max-width: 768px){.medium-container{padding:0 var(--space-4)}.modern-article-card{flex-direction:column;gap:var(--space-6)}.modern-article-image{width:100%;height:200px;order:-1}.modern-article-featured .modern-article-image{width:100%;height:240px}.modern-article-footer{flex-direction:column;align-items:stretch;gap:var(--space-3)}.modern-reading-progress{justify-content:center}.medium-page-title{font-size:2.5rem}.modern-article-featured .modern-article-title{font-size:1.875rem}.modern-article-card:not(.modern-article-featured) .modern-article-title{font-size:1.25rem}}@media (max-width: 480px){.medium-page-title{font-size:2rem}.modern-article-featured .modern-article-title{font-size:1.5rem}.modern-article-card:not(.modern-article-featured) .modern-article-title{font-size:1.125rem}.modern-article-card{padding:var(--space-6);gap:var(--space-4)}.modern-article-image{height:160px}.modern-article-featured .modern-article-image{height:180px}}.info-section{background:#0f0f174d;border:1px solid rgba(108,99,255,.12);border-radius:var(--border-radius-xl);padding:var(--space-16);margin-bottom:var(--space-12);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.info-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.06) 0%,transparent 50%);pointer-events:none}.info-section h1{font-size:2.5rem;font-weight:800;margin:0 0 var(--space-6) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.info-section p{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;position:relative;z-index:1}.info-section ul{list-style:none;padding:0;margin:0 0 var(--space-8) 0;position:relative;z-index:1}.info-section li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:1rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(55,65,81,.3)}.info-section li:last-child{border-bottom:none}.info-section li:before{content:"→";color:var(--color-primary);font-weight:600;font-size:1.2rem}.info-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--border-radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden;z-index:1}.info-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.info-button:hover:before{left:100%}.info-button:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-accent-hover) 100%);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.contact-section{background:#0f0f174d;border:1px solid rgba(108,99,255,.12);border-radius:var(--border-radius-xl);padding:var(--space-16);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(99,102,241,.06) 0%,transparent 50%);pointer-events:none}.contact-section h2{font-size:2rem;font-weight:700;margin:0 0 var(--space-8) 0;color:var(--color-text-primary);position:relative;z-index:1}.contact-form{display:flex;flex-direction:column;gap:var(--space-6);position:relative;z-index:1}.contact-form input,.contact-form textarea{width:100%;padding:var(--space-4) var(--space-5);background:#0a0a0f66;border:1px solid rgba(108,99,255,.15);border-radius:var(--border-radius-lg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;transition:all .3s ease;backdrop-filter:blur(8px)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6c63ff33;background:#0a0a0f99;backdrop-filter:blur(12px)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--color-text-tertiary)}.contact-form button{align-self:flex-start;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--border-radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.contact-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.contact-form button:hover:before{left:100%}.contact-form button:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-accent-hover) 100%);transform:translateY(-2px);box-shadow:var(--shadow-accent)}@media (max-width: 768px){.info-section,.contact-section{padding:var(--space-8);margin-bottom:var(--space-8)}.info-section h1{font-size:2rem}.contact-section h2{font-size:1.75rem}.contact-form{gap:var(--space-4)}.info-button,.contact-form button{width:100%;text-align:center}}@media (max-width: 480px){.info-section,.contact-section{padding:var(--space-6)}.info-section h1{font-size:1.75rem}.contact-section h2{font-size:1.5rem}.info-section p{font-size:1rem}}