:root{--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6;--tip-color:#8b5cf6;--error-color:#ef4444;--bg:rgba(255,255,255,0.04);--bg-light:rgba(255,255,255,0.02);--bg-darker:#0d0d0d;--text-primary:#fff;--text-muted:rgba(255,255,255,0.6);--text-secondary:rgba(255,255,255,0.75);--text-placeholder:#999;--text-code:#d4d4d4;--border-color:rgba(255,255,255,0.08);--focus-ring:rgba(59,130,246,0.5);--primary-light:rgba(59,130,246,0.1);--tooltip-bg:rgba(0,0,0,0.9);--bg-success:rgba(16,185,129,0.12);--bg-warning:rgba(245,158,11,0.08);--bg-info:rgba(59,130,246,0.08);--bg-note:rgba(255,255,0,0.07);--radius:8px;--radius-sm:6px;--radius-xs:4px;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace;--margin-element:1.5rem}[data-theme=light]{--bg:rgba(0,0,0,0.08);--bg-light:rgba(0,0,0,0.04);--bg-darker:#f0f0f0;--text-primary:#333;--text-muted:rgba(0,0,0,0.7);--text-secondary:rgba(0,0,0,0.6);--text-code:#333;--text-placeholder:#999;--border-color:rgba(0,0,0,0.15);--bg-success:rgba(16,185,129,0.1);--bg-warning:rgba(245,158,11,0.1);--bg-info:rgba(59,130,246,0.1);--bg-note:rgba(255,255,0,0.15);--color-background-hover:rgba(0,0,0,0.04);--color-background-active:rgba(0,0,0,0.08);--color-background-code:#f7f7f7;--color-text-primary:#333}.theory-renderer{padding:.5rem 1.5rem 2rem}.editable-block:hover{background-color:var(--color-background-hover,rgba(255,255,255,.02))}.editable-block:focus{box-shadow:0 0 0 2px var(--focus-ring,rgba(59,130,246,.3));background-color:var(--color-background-active,rgba(255,255,255,.05))}.theory-block-wrapper:hover{background-color:var(--color-background-hover,rgba(255,255,255,.03))}.theory-codeblock.editable-block,.theory-formula.editable-block{border:1px solid var(--border-color);border-radius:var(--radius);padding:12px;margin-bottom:16px;background-color:var(--bg)}.theory-container{margin:2rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color)}.theory-section+.theory-section{margin-top:1.5rem}.theory-title{font-size:1.25rem;margin:0 0 .75rem;color:var(--accent-color)}.theory-subheading{font-size:1.1rem;margin:1rem 0 .25rem;color:var(--text-muted)}.theory-paragraph{line-height:1.7;margin-top:2rem;color:var(--text-muted)}.theory-blocks>:not(:last-child){margin-bottom:.75rem}.theory-formula{position:relative;margin:.75rem 0;padding:.75rem 1rem;border-radius:var(--radius);background:var(--bg);overflow:auto;display:flex;align-items:center}.copy-btn,.theory-formula .copy-btn{background:none;border:0;cursor:pointer;font-size:.95rem;opacity:.8;transition:opacity .2s ease}.theory-formula .copy-btn{position:absolute;right:8px;top:8px;padding:.4rem;border-radius:var(--radius-sm)}.copy-btn:hover,.theory-formula .copy-btn:hover{opacity:1}.theory-formula .formula-code,.theory-formula code{font-family:var(--font-mono);font-size:.95rem;color:var(--text-primary)}.copied-msg{position:absolute;bottom:4px;left:8px;font-size:.75rem;color:#8f8}.theory-note{margin:.75rem 0;padding:.6rem .85rem;background:var(--bg-note);border-left:3px solid rgba(255,255,0,.8);border-radius:var(--radius-sm);color:var(--text-primary)}.theory-list{margin:.5rem 0}.theory-list li{margin:.35rem 0}.theory-codeblock{border-radius:10px}.code-actions{justify-content:space-between;padding:0 .25rem;margin-bottom:.35rem}.code-lang{font-size:.75rem;opacity:.8}.code-content{display:block;padding:.65rem;font-family:var(--font-mono);font-size:.9rem;white-space:pre;overflow:auto}.theory-callout{gap:.75rem;padding:1rem!important;background:var(--bg);align-items:flex-start}.callout-icon,.theory-callout{display:flex;border-radius:var(--radius)}.callout-icon{flex:0 0 36px;height:36px;width:36px;align-items:center;justify-content:center;background:rgba(255,255,255,.03)}.callout-body{flex:1}.callout-title{font-weight:600;margin-bottom:.25rem}.callout-content{color:var(--text-muted)}.callout-info{border-left:4px solid var(--info-color);background:var(--bg-info)}.callout-warning{border-left:4px solid var(--warning-color);background:var(--bg-warning)}.callout-tip{border-left:4px solid var(--tip-color);background:var(--bg-info)}.callout-success{border-left:4px solid rgba(16,185,129,.95);background:var(--bg-success)}.theory-example{border:1px dashed var(--border-color);padding:.65rem;border-radius:var(--radius);background:transparent}.example-title{font-weight:600;margin-bottom:.4rem}.example-body{color:var(--text-muted)}.theory-table-wrap{overflow:auto;border-radius:var(--radius);margin:.75rem 0}.theory-table{width:100%;border-collapse:collapse;color:var(--text-muted)}.theory-table th{text-align:left;padding:.5rem;background:var(--bg-light);font-size:.85rem}.theory-table td{padding:.6rem;border-top:1px solid var(--bg)}.theory-image img{max-width:100%;height:auto;border-radius:var(--radius-sm);display:block}.theory-image figcaption{font-size:.85rem;opacity:.8;margin-top:.35rem}.theory-image-container{margin:2rem 0;display:block;position:relative;transition:width .3s ease-in-out}.size-xsmall{width:20%;min-width:180px}.size-small{width:30%;min-width:250px}.size-medium{width:50%;min-width:300px}.size-large{width:85%}.size-full{width:100%}@media (max-width:600px){.theory-image-container{width:100%!important}}.image-editor-toolbar{background:var(--bg-light);padding:10px;border-radius:8px;margin-bottom:10px;display:flex;gap:8px;flex-wrap:wrap}.url-input{flex:1;padding:4px 8px}.size-select{padding:4px;border-radius:var(--border-radius)}.upload-btn:after{display:none!important}.image-wrapper{position:relative;overflow:hidden;border-radius:var(--border-radius)}.image-wrapper.is-link{cursor:pointer}.image-wrapper img{width:100%;height:auto;display:block}.editing-border{border:2px dashed #ccc}.copyright-badge{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.503);color:white;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:5rem;padding:0;overflow:hidden;white-space:nowrap;backdrop-filter:blur(4px);box-sizing:border-box;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .3s}.copyright-badge:hover{width:180px;background-color:rgba(0,0,0,.701)}.badge-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.9rem}.badge-text{font-size:.75rem;text-decoration:underline;opacity:0;margin-left:.2rem;transition:opacity .3s ease;display:none}.copyright-badge:hover .badge-text{opacity:1;transition-delay:.15s;display:block}.image-caption{margin-top:10px;font-style:italic;color:#666;outline:none;text-align:left}.theory-toggle{border-radius:var(--radius);background:var(--bg-light);overflow:hidden}.toggle-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.6rem;border:0;background:none;cursor:pointer;font-size:1rem;font-weight:900;color:var(--text-primary)}.toggle-panel{transition:max-height .25s ease,padding .25s;overflow:hidden;padding:0 .6rem}.theory-toggle.open .toggle-panel{padding:.6rem}@media (max-width:640px){.theory-container{margin:1rem;padding:.75rem}.theory-title{font-size:1.1rem}}.create-blog-container .blog-editor-area .form-group .Editor{position:relative;border-radius:var(--radius);overflow:hidden}.json-editor-textarea{box-sizing:border-box;font-family:var(--font-mono);font-size:14px;line-height:1.5;padding:1rem;position:relative;z-index:1;color:transparent;caret-color:var(--text-primary);background:transparent;border:none;outline:none;width:100%;min-height:400px;resize:vertical;overflow:auto}.json-editor-textarea~pre{position:absolute;top:0;left:0;width:100%;min-height:400px;margin:0;padding:1rem;pointer-events:none;user-select:none;background-color:var(
    --color-background-code,#1e1e1e
  );border-radius:var(--radius);overflow:hidden}.json-editor-textarea~pre .token-line{padding-right:1rem;padding-left:1rem}.create-blog-container{max-width:1400px;padding:20px;margin:5rem auto 0}.top-controls-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:var(--bg);border-radius:var(--radius);margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.editor-title{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.blog-editor-area{background-color:var(--bg);border-radius:var(--radius);padding:20px}.add-block-btn,.clear-all-btn-toolbar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-sm);font-size:16px;cursor:pointer;transition:all .2s;position:relative}.clear-all-btn-toolbar{background-color:var(--error-color);color:white;margin-left:12px}.clear-all-btn-toolbar:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 8px rgba(239,68,68,.3)}.clear-all-btn-toolbar:active{transform:translateY(0)}.add-block-btn:after,.clear-all-btn-toolbar:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.8);padding:6px 10px;background-color:var(--tooltip-bg);color:white;font-size:12px;white-space:nowrap;border-radius:var(--radius-xs);opacity:0;pointer-events:none;transition:all .2s;z-index:1000}.add-block-btn:hover:after,.clear-all-btn-toolbar:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.blog-main-title-editor{margin-bottom:30px;padding:15px 0;border-bottom:2px solid var(--border-color)}.main-blog-title,.theory-section-title{font-weight:700;color:var(--text-primary);line-height:1.2;border-radius:var(--radius-sm);transition:box-shadow .2s,background-color .2s}.theory-section-title{font-size:1.75rem;color:var(--accent-color);margin:1.5rem 0 1rem;padding:8px 0;line-height:1.3}.main-blog-title{font-size:clamp(2rem,5vw,2.5rem);margin:0 0 .5rem 1rem}.tab-switcher{gap:12px;padding-bottom:12px;border-bottom:2px solid var(--border-color);margin-bottom:24px;flex-wrap:wrap}.tab-button,.tab-switcher{display:flex;align-items:center}.tab-button{padding:8px 16px;font-size:14px;font-weight:600;border:none;border-radius:var(--radius-sm);background-color:var(--bg-light);color:var(--text-secondary);cursor:pointer;transition:all .2s;gap:6px}.tab-button:hover:not(:disabled){background-color:var(--color-background-hover);color:var(--text-primary)}.tab-button.active{background-color:var(--accent-color);color:white}.tab-button:disabled{opacity:.5;cursor:not-allowed}.add-block-controls{display:flex;gap:6px;margin-left:auto;padding-left:12px;border-left:1px solid var(--border-color);flex-wrap:wrap}.add-block-btn{color:white}.add-block-btn,.add-block-btn:hover{background-color:var(--accent-color)}.add-block-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.add-block-btn:active{transform:translateY(0)}.editable-block{outline:none;cursor:text;border-radius:var(--radius-sm);position:relative;transition:all .2s;padding:4px 8px;margin:2px 0}.editable-block[contenteditable=true]:empty:before,[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);font-style:italic}.theory-block-wrapper{display:flex;gap:8px;margin-bottom:16px;padding:8px;border-radius:var(--radius);transition:all .2s;position:relative}.theory-block-wrapper.dragging{opacity:.5;background-color:var(--primary-light)}.theory-block-controls{display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s;align-items:center;padding-top:4px}.theory-block-wrapper:focus-within .theory-block-controls,.theory-block-wrapper:hover .theory-block-controls{opacity:1}.drag-handle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--text-secondary);border-radius:var(--radius-xs);transition:all .2s}.drag-handle:hover{background-color:var(--bg-light);color:var(--accent-color)}.drag-handle:active{cursor:grabbing;color:var(--accent-color)}.theory-block-controls button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:12px}.theory-block-controls button:hover{background-color:var(--bg-light);border-color:var(--accent-color);color:var(--accent-color)}.theory-block-controls button[title*=Delete]:hover{border-color:var(--error-color);color:var(--error-color);background-color:rgba(239,68,68,.1)}.theory-block-content{flex:1;min-width:0}.theory-formula.editable-block{display:flex;flex-direction:column;align-items:stretch}.edit-switch-bar{display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.switch-btn{background:none;border:none;padding:6px 12px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.switch-btn:hover:not(.active){background-color:var(--color-background-hover);color:var(--text-primary)}.switch-btn.active{color:var(--accent-color);font-weight:600;background-color:var(--primary-light)}.code-editor-input,.latex-editor-input{width:100%;background-color:var(--color-background-code,#1e1e1e);color:var(--text-code);border:1px solid var(--border-color);padding:12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:14px;line-height:1.5;resize:vertical;min-height:100px;box-sizing:border-box;transition:border-color .2s}.code-editor-input:focus,.latex-editor-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.preview-area{min-height:80px;padding:12px;background-color:var(--bg);border-radius:var(--radius-sm);display:flex}.latex-placeholder{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-placeholder);font-style:italic;padding:20px}.code-actions{display:flex;align-items:center;gap:10px;margin-bottom:8px}.code-language-input{background-color:var(--bg-darker);color:var(--text-code);border:1px solid var(--border-color);border-radius:var(--radius-xs);padding:4px 8px;font-family:var(--font-mono);font-size:13px;width:120px;transition:border-color .2s}.code-language-input:focus{border-color:var(--accent-color);outline:none}.code-language-input:disabled{opacity:.6;cursor:not-allowed}.code-switch{font-size:16px;padding:4px 8px}.code-actions .copy-btn{margin-left:auto;border:1px solid var(--border-color);padding:4px 8px;border-radius:var(--radius-xs);color:var(--text-secondary);opacity:1}.code-actions .copy-btn:hover{background-color:var(--bg-light);border-color:var(--accent-color);color:var(--accent-color);opacity:1}.callout-header-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.callout-type-selector{padding:8px 12px;border:2px solid var(--accent-color);border-radius:8px;background:var(--bg-light);color:var(--accent-color);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.15)}[data-theme=light] .callout-type-selector{background:var(--bg-color)}.callout-type-selector:hover{border-color:var(--accent-color);background:var(--bg-light);box-shadow:0 4px 12px rgba(0,230,230,.3)}.callout-type-selector:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--focus-ring)}.callout-type-selector option{font-weight:500}.theory-list-container{margin:12px 0}.list-item-editor{margin:4px 0;padding:4px 8px;border-radius:var(--radius-xs)}.add-item-btn{margin-top:8px;padding:6px 12px;font-size:13px;display:flex;align-items:center;gap:6px;background-color:var(
    --accent-color
  );color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.theory-table-wrap{margin:2rem 0}.table-controls{display:flex;gap:8px;margin-bottom:12px}.table-add-btn{padding:6px 12px;font-size:13px;display:flex;align-items:center;gap:6px;background-color:var(--accent-color);color:white;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.theory-table td.editable-block,.theory-table th.editable-block{min-width:80px}.image-editor-mode{border:2px dashed var(--border-color);border-radius:var(--radius);padding:16px;background-color:var(--bg-light)}.image-controls{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.image-url-input{flex:1;min-width:200px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg);color:var(--text-primary);font-size:14px;transition:border-color .2s}.image-url-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.upload-label{display:flex;align-items:center;gap:6px;cursor:pointer}.callout-content strong,.example-body strong,.theory-note strong,.theory-paragraph strong,.toggle-panel strong{font-weight:700;color:var(--accent-color)}@media (max-width:768px){.create-blog-container{padding:10px}.top-controls-bar{flex-direction:column;gap:10px}.add-block-controls{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--border-color);padding-top:12px;width:100%;justify-content:center}.tab-switcher{flex-direction:column;align-items:stretch}.main-blog-title{font-size:1.75rem}.theory-block-wrapper{gap:4px;padding:4px}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.blog-page-wrapper{margin-top:6rem;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 1rem}.blog-layout{display:flex;gap:2rem;align-items:flex-start}.blog-main-column{flex:1;min-width:0}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;color:var(--text-muted)}.breadcrumb-nav a{text-decoration:none;color:var(--text-muted);transition:color .2s}.breadcrumb-nav a:hover{color:var(--accent-color)}.breadcrumb-sep{font-size:.7rem;opacity:.5}.current-path{font-weight:600;color:var(--accent-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-toc-sidebar{width:280px;position:sticky;top:7rem;display:none;padding:1rem;border-left:1px solid color-mix(in oklab,var(--accent-color),transparent 85%)}@media (min-width:1024px){.blog-toc-sidebar{display:block}}.toc-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:.75rem}.toc-list a{text-decoration:none;font-size:.9rem;color:var(--text-muted);display:block;line-height:1.4;transition:all .2s ease}.toc-list a:hover{color:var(--accent-color);transform:translateX(4px)}.blog-container{padding:0}.indent-1{margin-left:calc(1 * var(--margin-element))}.indent-2{margin-left:calc(2 * var(--margin-element))}.indent-3{margin-left:calc(3 * var(--margin-element))}.indent-4{margin-left:calc(4 * var(--margin-element))}.blog-header{border:1px solid #0000;background:color-mix(in oklab,var(--accent-color),transparent 92%);border-color:color-mix(in oklab,var(--accent-color),transparent 60%);border-radius:var(--border-radius);padding:1.5rem}.blog-title{font-size:2.25rem;margin:.5rem 0;font-weight:800;line-height:1.2}.blog-desc{margin-top:1rem;color:var(--text-muted)}.blog-meta-footer{justify-content:space-between;border-top:1px solid color-mix(in oklab,var(--accent-color),transparent 60%);padding-top:1rem;margin-top:1.5rem}.author-info,.blog-meta-footer{display:flex;align-items:center}.author-info{gap:1rem}.author-avatar{height:3rem;width:3rem;overflow:hidden;border-radius:9999px;background:var(--bg-gradient);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;color:white;font-family:serif;font-style:italic;font-size:1.25rem;border:2px solid color-mix(in oklab,var(--accent-color),transparent 60%)}.author-details{display:flex;flex-direction:column}.author-name{font-size:.875rem;font-weight:700;color:var(--accent-color)}.publish-date{font-size:.75rem;color:var(--text-muted)}.reading-time-content{display:flex;flex-direction:column;align-items:flex-end}.reading-time-label{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:700}.reading-time-value{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--accent-color)}.reading-progress-bar{top:0;left:0;height:4px;transform-origin:left;z-index:9999;width:100%;transition:transform .1s linear}.back-to-top-btn,.reading-progress-bar{position:fixed;background-color:var(--accent-color)}.back-to-top-btn{bottom:2rem;right:2rem;width:3rem;height:3rem;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;z-index:9000;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px);pointer-events:none}.back-to-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-btn:hover{background-color:color-mix(in oklab,var(--accent-color),black 10%);transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.share-section{display:flex;align-items:center;gap:1rem;margin:1rem;flex-wrap:wrap}.share-label{font-weight:700;color:var(--text-secondary);font-size:.9rem;margin-right:.5rem}.share-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;transition:transform .2s,color .2s;color:var(--text-muted);display:flex;align-items:center;justify-content:center;position:relative}.share-btn:hover{transform:scale(1.15)}.share-btn.linkedin:hover{color:#0077b5}.share-btn.twitter:hover{color:#1da1f2}.share-btn.whatsapp:hover{color:#25d366}.copy-feedback,.share-btn.copy:hover{color:var(--text-primary)}.copy-feedback{position:absolute;top:-2rem;left:50%;transform:translateX(-50%);background-color:var(--bg-darker);padding:4px 8px;font-size:.75rem;border-radius:var(--radius-xs);box-shadow:0 2px 8px rgba(0,0,0,.2);white-space:nowrap;animation:fadeInOut 2s forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(5px)}10%{opacity:1;transform:translateX(-50%) translateY(0)}90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-5px)}}.blog-navigation{display:flex;justify-content:space-between;align-items:stretch;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);gap:1rem}.blog-nav-link{display:flex;align-items:center;text-decoration:none;group:true;max-width:48%;padding:1rem;border-radius:var(--radius);transition:background-color .2s}.blog-nav-link:hover{background-color:var(--bg-light)}.nav-content{display:flex;flex-direction:column}.nav-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.nav-title{font-size:1rem;font-weight:700;color:var(--text-primary);transition:color .2s}.blog-nav-link:hover .nav-title{color:var(--accent-color)}.nav-icon{color:var(--text-muted);font-size:.9rem;transition:transform .2s;margin:0 1rem}.blog-nav-link.prev .nav-icon{margin-left:0}.blog-nav-link.prev:hover .nav-icon{transform:translateX(-4px);color:var(--accent-color)}.blog-nav-link.next{text-align:right;justify-content:flex-end}.blog-nav-link.next .nav-icon{margin-right:0}.blog-nav-link.next:hover .nav-icon{transform:translateX(4px);color:var(--accent-color)}.related-section{margin-bottom:4rem;padding-top:2rem}.related-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-left:1rem;border-left:4px solid var(--accent-color);color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.related-card{display:block;background-color:var(--bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s,text-shadow .2s,border-color .2s;height:100%;display:flex;flex-direction:column}.related-card:hover{transition:transform .2s,box-shadow .2s,border-color .2s;transform:translateY(-4px);box-shadow:0 1rem 1rem rgba(0,0,0,.05);border-color:color-mix(in oklab,var(--accent-color),transparent 70%);text-shadow:none}.related-card:hover>.related-cta{text-shadow:0 0 5px var(--accent-color);transition:text-shadow .2s}.related-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;line-height:1.4}.related-card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6;flex-grow:1;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-cta{font-size:.8rem;font-weight:700;color:var(--accent-color);display:flex;align-items:center;gap:4px}.related-cta>svg{transition:transform .2s}.related-card:hover .related-cta>svg{transform:translateX(4px)}@media (max-width:768px){.blog-navigation{flex-direction:column;gap:1rem}.nav-link{max-width:100%}.back-to-top-btn{bottom:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem}}:root{--ph-surface:#0f1524;--ph-fg:#e8eefb;--ph-fg-muted:rgba(232,238,251,0.55);--ph-grid:rgba(115,130,175,0.16);--ph-ring:color-mix(in oklab,var(--accent-color),white 12%);--ph-radius:14px;--ph-gap:1rem}[data-theme=light]{--ph-surface:#ffffff;--ph-fg:#1a1a1a;--ph-fg-muted:rgba(26,26,26,0.65);--ph-grid:rgba(0,0,0,0.08);--ph-ring:color-mix(in oklab,var(--accent-color),black 15%)}.ph-landing-page{display:flex;flex-direction:column;gap:4rem;background:var(--bg-color);min-height:100vh}.ph-hero{justify-content:center;position:relative;isolation:isolate;border-radius:var(--ph-radius);overflow:clip;min-height:100vh;display:grid;align-items:center;padding:clamp(5rem,9vw,7rem) 0 clamp(4rem,7vw,6rem);background:radial-gradient(circle at 72% 27%,color-mix(in oklab,var(--accent-color),transparent 72%),transparent 34rem),linear-gradient(135deg,rgba(4,8,17,.92),rgba(10,17,31,.72) 46%,rgba(0,230,230,.1))}.ph-hero>div{will-change:transform;transition:transform .05s linear}.ph-background,.ph-bg{position:fixed;inset:0;z-index:-10;border:none;outline:none}.ph-background{width:100%;height:100%;background-color:rgb(11,15,25,.6);opacity:.95}[data-theme=light] .ph-background{background-color:rgba(255,255,255,.85)}.ph-radial{position:absolute;inset:-13.5rem -12rem auto -12rem;height:90rem;background:radial-gradient(80% 60% at 50% 40%,color-mix(in oklab,var(--accent-color),transparent 45%),transparent 70%);filter:blur(2rem);opacity:.95;pointer-events:none}.ph-hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.ph-hero__container{position:relative;width:min(1180px,calc(100% - 2rem));max-width:1180px;padding:clamp(2rem,4vw,3rem);margin:clamp(3rem,7vw,5.5rem) auto;text-align:left;color:var(--ph-fg);pointer-events:none}.ph-hero__container--landing{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.78fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin:clamp(1.5rem,4vw,3rem) auto;padding-block:clamp(2rem,4vw,3.75rem)}.ph-hero__container--landing:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid color-mix(in oklab,var(--accent-color),transparent 72%);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),color-mix(in oklab,var(--ph-surface),transparent 12%);box-shadow:0 30px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}.ph-hero__copy{max-width:680px}@media (max-width:768px){.ph-hero__container{margin:0;padding-top:2rem;padding-bottom:8rem}}.ph-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--accent-color),white 36%);background:color-mix(in oklab,var(--accent-color),transparent 82%);border:1px solid color-mix(in oklab,var(--accent-color),transparent 54%);padding:.45rem .75rem;border-radius:999px;box-shadow:0 0 30px color-mix(in oklab,var(--accent-color),transparent 86%)}.ph-hero__title{margin:1.25rem 0;font-size:clamp(2.4rem,5.7vw,5.35rem);line-height:.98;letter-spacing:-.05em;max-width:11ch}.ph-hero__subtitle{margin:1.25rem 0;color:color-mix(in oklab,var(--ph-fg),transparent 24%);font-size:clamp(1.02rem,1.45vw,1.2rem);max-width:58ch}.ph-hero__ctas{display:flex;gap:.85rem;flex-wrap:wrap;margin:2rem 0 1.25rem;pointer-events:auto}.ph-btn{--pad-x:1.1rem;--pad-y:0.78rem;display:inline-flex;align-items:center;gap:.5rem;padding:var(--pad-y) var(--pad-x);border-radius:14px;text-decoration:none;font-weight:600;border:1px solid transparent;transition:transform .4s ease,box-shadow .4s ease,background .4s ease,text-shadow .4s ease;will-change:transform;cursor:pointer}.ph-btn--primary{color:#001919;background:linear-gradient(180deg,color-mix(in oklab,var(--accent-color),white 20%),var(--accent-color));box-shadow:0 18px 38px color-mix(in oklab,var(--accent-color),transparent 68%),inset 0 1px 0 rgba(255,255,255,.42)}.ph-btn--primary:hover{transform:scale3d(1.03,1.03,1);transition:transform .4s ease,box-shadow .4s ease,background .4s ease;box-shadow:0 10px 28px color-mix(in oklab,var(--accent-color),transparent 68%)}.ph-btn--ghost{color:var(--ph-fg);background:color-mix(in oklab,var(--accent-color),transparent 92%);border-color:color-mix(in oklab,var(--accent-color),transparent 60%)}.ph-btn--ghost:hover{transition:transform .4s ease,box-shadow .4s ease,background .4s ease,text-shadow .4s ease;background:color-mix(in oklab,var(--accent-color),transparent 86%);transform:translateY(-1px)}.main-btn{font-size:1.05rem;--pad-x:1.35rem;--pad-y:0.9rem}.ph-hero__stats{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;pointer-events:auto}.ph-stat{display:flex;align-items:center;gap:.75rem;background:color-mix(in oklab,var(--accent-color),transparent 94%);border:1px solid color-mix(in oklab,var(--accent-color),transparent 75%);border-radius:12px;padding:.85rem 1rem}.ph-stat__value{display:block;color:var(--ph-fg-muted);font-size:.9rem}.ph-stat__label{display:block;font-weight:700;font-variant-numeric:tabular-nums;min-width:2ch}@media (max-width:640px){.ph-hero{min-height:56vh}.ph-hero__ctas{gap:.6rem}}@media (prefers-reduced-motion:reduce){.ph-hero__canvas{display:none}}.ph-hero__info{color:color-mix(in oklab,var(--ph-fg),transparent 34%)}.ph-hero-preview{position:relative;pointer-events:auto;min-height:470px;border-radius:26px;border:1px solid color-mix(in oklab,var(--accent-color),transparent 62%);background:radial-gradient(circle at 50% 42%,color-mix(in oklab,var(--accent-color),transparent 62%),transparent 18rem),linear-gradient(160deg,rgba(10,18,33,.96),rgba(4,10,21,.88));box-shadow:0 26px 70px rgba(0,0,0,.42),0 0 70px color-mix(in oklab,var(--accent-color),transparent 84%);overflow:hidden}.ph-hero-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ph-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ph-grid) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,black,transparent 78%);opacity:.8}.ph-hero-preview:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1) 42%,transparent 54%);transform:translateX(-130%);animation:ph-preview-shine 5.5s ease-in-out infinite;pointer-events:none}.ph-hero-preview__metrics,.ph-hero-preview__toolbar,.ph-hero-preview__topics{position:relative;z-index:2}.ph-hero-preview__toolbar{display:flex;align-items:center;gap:.5rem;padding:1rem 1.15rem;border-bottom:1px solid color-mix(in oklab,var(--accent-color),transparent 78%);background:rgba(255,255,255,.04)}.ph-hero-preview__toolbar span{width:.65rem;height:.65rem;border-radius:999px;background:color-mix(in oklab,var(--accent-color),white 28%);opacity:.82}.ph-hero-preview__toolbar strong{margin-left:.4rem;color:color-mix(in oklab,var(--ph-fg),transparent 8%);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.ph-hero-preview__stage{position:relative;min-height:300px}.ph-hero-preview__scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--accent-color),transparent 72%),transparent);height:34%;opacity:.48;animation:ph-scan 4.8s ease-in-out infinite}.ph-hero-preview__pulse{position:absolute;inset:50%;width:5rem;height:5rem;border:1px solid color-mix(in oklab,var(--accent-color),transparent 38%);border-radius:999px;transform:translate(-50%,-50%);animation:ph-pulse-ring 3s ease-out infinite}.ph-hero-preview__pulse--two{animation-delay:1.2s}.ph-hero-preview__orbit{position:absolute;inset:50%;border:1px solid color-mix(in oklab,var(--accent-color),transparent 48%);border-radius:999px;transform:translate(-50%,-50%) rotate(-18deg)}.ph-hero-preview__orbit--outer{width:270px;height:160px;box-shadow:0 0 28px color-mix(in oklab,var(--accent-color),transparent 86%);animation:ph-orbit-outer 8s linear infinite}.ph-hero-preview__orbit--inner{width:190px;height:190px;transform:translate(-50%,-50%) rotate(58deg);opacity:.65;animation:ph-orbit-inner 6.5s linear infinite reverse}.ph-hero-preview__orbit--tilt{width:235px;height:118px;opacity:.55;transform:translate(-50%,-50%) rotate(118deg);animation:ph-orbit-tilt 7.5s linear infinite}.ph-hero-preview__mass{position:absolute;border-radius:999px;background:var(--accent-color);box-shadow:0 0 22px var(--accent-color),0 0 54px color-mix(in oklab,var(--accent-color),transparent 45%)}.ph-hero-preview__mass--primary{width:1.2rem;height:1.2rem;top:36%;right:24%;animation:ph-float-primary 3.6s ease-in-out infinite}.ph-hero-preview__mass--secondary{width:.8rem;height:.8rem;left:27%;bottom:29%;background:#ffffff;animation:ph-float-secondary 4.2s ease-in-out infinite}.ph-hero-preview__mass--tertiary{width:.55rem;height:.55rem;top:26%;left:31%;background:color-mix(in oklab,var(--accent-color),white 38%);animation:ph-float-tertiary 3.2s ease-in-out infinite}.ph-hero-preview__vector{position:absolute;left:33%;bottom:31%;width:140px;height:2px;background:linear-gradient(90deg,var(--accent-color),transparent);transform:rotate(-32deg);transform-origin:left center;animation:ph-vector 2.8s ease-in-out infinite}.ph-hero-preview__vector:after{content:"";position:absolute;right:0;top:50%;width:.55rem;height:.55rem;border-top:2px solid var(--accent-color);border-right:2px solid var(--accent-color);transform:translateY(-50%) rotate(45deg)}.ph-hero-preview__atom{position:absolute;inset:50%;transform:translate(-50%,-50%);color:color-mix(in oklab,var(--accent-color),white 16%);font-size:4.5rem;filter:drop-shadow(0 0 20px var(--accent-color));animation:ph-atom-hover 4s ease-in-out infinite}.ph-hero-preview__topics{display:flex;flex-wrap:wrap;gap:.55rem;padding:0 1rem .8rem}.ph-hero-preview__topics a{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .7rem;border-radius:999px;color:color-mix(in oklab,var(--accent-color),white 26%);background:color-mix(in oklab,var(--accent-color),transparent 88%);border:1px solid color-mix(in oklab,var(--accent-color),transparent 64%);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.ph-hero-preview__topics a:focus-visible,.ph-hero-preview__topics a:hover{transform:translateY(-2px);background:color-mix(in oklab,var(--accent-color),transparent 80%);box-shadow:0 10px 24px color-mix(in oklab,var(--accent-color),transparent 78%);text-shadow:none}.ph-hero-preview__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:0 1rem 1rem}.ph-hero-preview__metrics a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;border-radius:14px;color:color-mix(in oklab,var(--ph-fg),transparent 10%);background:rgba(255,255,255,.06);border:1px solid color-mix(in oklab,var(--accent-color),transparent 76%);font-size:.83rem;font-weight:700;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.ph-hero-preview__metrics a:focus-visible,.ph-hero-preview__metrics a:hover{transform:translateY(-2px);background:color-mix(in oklab,var(--accent-color),transparent 84%);border-color:color-mix(in oklab,var(--accent-color),transparent 44%);box-shadow:0 14px 26px rgba(0,0,0,.24);text-shadow:none}.ph-hero-preview__try{color:#001919!important;background:linear-gradient(180deg,color-mix(in oklab,var(--accent-color),white 24%),var(--accent-color))!important;box-shadow:0 12px 28px color-mix(in oklab,var(--accent-color),transparent 68%)}@keyframes ph-preview-shine{0%,42%{transform:translateX(-130%)}58%,to{transform:translateX(130%)}}@keyframes ph-scan{0%,to{transform:translateY(-40%)}50%{transform:translateY(210%)}}@keyframes ph-pulse-ring{0%{opacity:.7;transform:translate(-50%,-50%) scale(.45)}to{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}@keyframes ph-orbit-outer{to{transform:translate(-50%,-50%) rotate(342deg)}}@keyframes ph-orbit-inner{to{transform:translate(-50%,-50%) rotate(418deg)}}@keyframes ph-orbit-tilt{to{transform:translate(-50%,-50%) rotate(478deg)}}@keyframes ph-float-primary{50%{transform:translate(-18px,12px) scale(1.12)}}@keyframes ph-float-secondary{50%{transform:translate(20px,-16px) scale(1.1)}}@keyframes ph-float-tertiary{50%{transform:translate(14px,18px) scale(1.25)}}@keyframes ph-vector{50%{opacity:.55;transform:rotate(-24deg) scaleX(.8)}}@keyframes ph-atom-hover{50%{transform:translate(-50%,-54%) scale(1.06);filter:drop-shadow(0 0 32px var(--accent-color))}}@media (max-width:960px){.ph-hero__container--landing{grid-template-columns:1fr}.ph-hero__title{max-width:13ch}.ph-hero-preview{min-height:360px}}@media (max-width:640px){.ph-hero{min-height:auto;padding-top:5.5rem}.ph-hero__container--landing{width:min(100% - 1rem,1180px);padding:1.35rem}.ph-hero__container--landing:before{border-radius:22px}.ph-hero__title{font-size:clamp(2.25rem,12vw,3.2rem)}.ph-btn{width:100%;justify-content:center}.ph-hero__ctas>*{flex:1 1 100%}.ph-hero-preview{min-height:300px}.ph-hero-preview__metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ph-hero-preview:after,.ph-hero-preview__atom,.ph-hero-preview__mass,.ph-hero-preview__orbit,.ph-hero-preview__pulse,.ph-hero-preview__scan,.ph-hero-preview__vector{animation:none}}