:root{--blog-font-serif: "Newsreader", "Merriweather", "Georgia", serif;--blog-accent: #818cf8;--blog-accent-hover: #6366f1;--blog-card-bg: rgba(255, 255, 255, .025);--blog-card-border: rgba(255, 255, 255, .08);--blog-card-hover: rgba(255, 255, 255, .045)}.navbar-blog-actions{display:flex;align-items:center;gap:1.35rem;margin-left:1.5rem}.btn-nav-write{display:inline-flex;align-items:center;gap:.45rem;color:#94a3b8;font-size:.92rem;font-weight:500;text-decoration:none!important;padding:.35rem .5rem;border-radius:8px;transition:all .2s ease}.btn-nav-write:hover{color:#fff}.btn-nav-signin{color:#fff;font-size:.92rem;font-weight:600;text-decoration:none!important;padding:.35rem .5rem;transition:all .2s ease}.btn-nav-signin:hover{color:#818cf8}.btn-nav-getstarted{position:relative;overflow:hidden;background:linear-gradient(135deg,#818cf8,#6366f1)!important;color:#fff!important;font-size:.88rem;font-weight:700;padding:.55rem 1.35rem;border-radius:99px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #818cf859;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-nav-getstarted:hover{transform:translateY(-1px);box-shadow:0 6px 20px #818cf880}.btn-nav-user{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.88rem;font-weight:600;text-decoration:none!important}.nav-user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid #818cf8;object-fit:cover}.nav-user-avatar-badge{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#6366f1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;text-transform:uppercase;box-shadow:0 2px 10px #818cf866;border:1.5px solid rgba(255,255,255,.25);flex-shrink:0;line-height:1}.btn-nav-logout{font-size:.82rem;color:#94a3b8;text-decoration:none!important}.btn-nav-logout:hover{color:#ef4444}@media(max-width:900px){.navbar-blog-actions{margin-left:0;margin-top:1rem;flex-direction:column;width:100%;gap:.75rem}.btn-nav-getstarted{width:100%;text-align:center}}html,body,a,button,input,textarea,select,[role=button],label,.story-card,.filter-tab,.btn-primary-shiny,.btn-nav-getstarted,.btn-nav-write,.btn-nav-signin,.hero-tag-badge,.story-tag-pill{cursor:none}.custom-cursor{position:fixed;top:0;left:0;width:42px;height:42px;border-radius:50%;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:800;font-size:1.05rem;line-height:1;pointer-events:none;z-index:9999999;transform:translate3d(-100px,-100px,0) translate(-50%,-50%);box-shadow:none;transition:opacity .12s ease,width .15s cubic-bezier(.16,1,.3,1),height .15s cubic-bezier(.16,1,.3,1);opacity:0;visibility:hidden;will-change:transform}.custom-cursor.is-visible{opacity:1;visibility:visible}.custom-cursor-logo{width:70%;height:70%;object-fit:contain;border-radius:50%;pointer-events:none}.custom-cursor-arrow{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.custom-cursor-arrow svg{width:10px;height:10px;stroke:#fff}.custom-cursor.is-hover{width:52px;height:52px}@media(hover:none),(pointer:coarse){html,body{cursor:auto}a,button,input,textarea,select{cursor:pointer}.custom-cursor{display:none!important}}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#818cf8,#c084fc);width:0%;z-index:99999;transition:width .1s ease}.blog-main-container{max-width:1200px;margin:0 auto;padding:calc(var(--header-height, 76px) + 3.8rem) 1.5rem 5rem 1.5rem;width:100%}.blog-hero-section{display:grid;grid-template-columns:1.25fr .95fr;gap:3rem;padding-top:.5rem;padding-bottom:3.5rem;border-bottom:1px solid var(--blog-card-border);margin-bottom:3rem;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1.15rem}.hero-content a{text-decoration:none!important;text-align:left;display:block;width:100%}.hero-tag-badge{align-self:flex-start;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blog-accent);background:#818cf81f;border:1px solid rgba(129,140,248,.35);padding:.3rem .85rem;border-radius:99px;display:inline-block;text-align:left;margin-bottom:.25rem}.hero-title{font-family:var(--blog-font-serif);font-size:clamp(2.15rem,3.4vw,2.85rem);font-weight:800;line-height:1.22;color:#fff;letter-spacing:-.025em;text-decoration:none;text-align:left;margin:0;width:100%;max-width:100%;text-wrap:balance;word-break:break-word;transition:color .2s ease}.hero-title:hover{color:var(--blog-accent)}.hero-excerpt{font-size:1.08rem;color:#94a3b8;line-height:1.65;text-align:left;margin:0;width:100%;max-width:100%;text-wrap:pretty}.hero-author-meta{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;margin-top:.4rem;font-size:.88rem;color:#64748b;text-align:left}.author-mini-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1.5px solid var(--blog-accent)}.hero-image-wrap{border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 30px #00000080;border:1px solid var(--blog-card-border);max-height:380px;aspect-ratio:16 / 10;background:#ffffff05}.hero-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.hero-image-wrap:hover .hero-image{transform:scale(1.03)}.blog-filter-bar{display:flex;align-items:center;gap:.75rem;overflow-x:auto;padding-bottom:1rem;margin-bottom:2.5rem;border-bottom:1px solid var(--blog-card-border);scrollbar-width:none}.blog-filter-bar::-webkit-scrollbar{display:none}.filter-tab{padding:.45rem 1rem;font-size:.88rem;font-weight:500;border-radius:99px;color:#94a3b8;background:transparent;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s ease}.filter-tab:hover{color:#fff;background:var(--blog-card-hover)}.filter-tab.active{background:#818cf826;border-color:#818cf866;color:var(--blog-accent);font-weight:600}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.story-card{background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1)}.story-card:hover{transform:translateY(-4px);border-color:#818cf859;background:var(--blog-card-hover);box-shadow:0 12px 30px #0006}.story-card-image-wrap{height:200px;overflow:hidden;position:relative;background:#111827}.story-card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.story-card:hover .story-card-image{transform:scale(1.04)}.story-card-body{padding:1.5rem;display:flex;flex-direction:column;flex:1;gap:.75rem}.story-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:#64748b}.story-card-title{font-family:var(--blog-font-serif);font-size:1.35rem;font-weight:700;line-height:1.35;color:#fff;text-decoration:none;transition:color .2s ease}.story-card-title:hover{color:var(--blog-accent)}.story-card-excerpt{font-size:.92rem;color:#94a3b8;line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05);font-size:.82rem;color:#64748b}.story-tags-wrap{display:flex;gap:.4rem;flex-wrap:wrap}.story-tag-pill{background:#ffffff0d;padding:.2rem .55rem;border-radius:99px;font-size:.75rem;color:#94a3b8;text-decoration:none}.article-reading-container{max-width:740px;margin:0 auto;padding:calc(var(--header-height, 76px) + 3.8rem) 1.5rem 5rem 1.5rem}.article-header{margin-bottom:2.5rem;display:flex;flex-direction:column;gap:1.25rem}.article-title{font-family:var(--blog-font-serif);font-size:2.85rem;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.025em}.article-subtitle{font-size:1.25rem;color:#94a3b8;line-height:1.5}.article-author-card{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid var(--blog-card-border);border-bottom:1px solid var(--blog-card-border)}.author-info-left{display:flex;align-items:center;gap:.9rem}.author-large-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--blog-accent)}.author-name-text{font-weight:700;font-size:1rem;color:#fff}.article-meta-details{font-size:.85rem;color:#64748b}.article-share-actions{display:flex;align-items:center;gap:.6rem}.btn-share-icon{width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid var(--blog-card-border);display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s ease}.btn-share-icon:hover{color:var(--blog-accent);background:#818cf826;border-color:#818cf866}.btn-share-icon.btn-instagram:hover{color:#e1306c;background:#e1306c26;border-color:#e1306c66}.btn-share-icon.btn-linkedin:hover{color:#0a66c2;background:#0a66c226;border-color:#0a66c266}.btn-share-icon.btn-youtube:hover{color:red;background:#ff000026;border-color:#f006}.btn-edit-story{display:inline-flex;align-items:center;gap:.4rem;background:#818cf81f;border:1px solid rgba(129,140,248,.35);color:var(--blog-accent);padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;margin-left:.4rem}.btn-edit-story:hover{background:var(--blog-accent);color:#fff;border-color:var(--blog-accent)}.btn-delete-story{display:inline-flex;align-items:center;gap:.4rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:.4rem}.btn-delete-story:hover{background:#ef4444e6;color:#fff;border-color:#ef4444}.article-cover-wrap{margin-bottom:3rem;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0009}.article-body-content{font-family:var(--blog-font-serif);font-size:1.22rem;line-height:1.8;color:#e2e8f0}.article-body-content p{margin-bottom:1.75rem}.article-body-content h2{font-family:var(--font-family-primary, "Plus Jakarta Sans", sans-serif);font-size:1.85rem;font-weight:700;color:#fff;margin:3rem 0 1rem;letter-spacing:-.02em}.article-body-content h3{font-family:var(--font-family-primary, "Plus Jakarta Sans", sans-serif);font-size:1.45rem;font-weight:600;color:#fff;margin:2.25rem 0 .85rem}.article-body-content blockquote{border-left:4px solid var(--blog-accent);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0;font-style:italic;color:#cbd5e1;font-size:1.3rem;line-height:1.6}.article-body-content ul,.article-body-content ol{margin:1.5rem 0 2rem 1.5rem}.article-body-content li{margin-bottom:.6rem}.article-body-content pre{background:#0f172a;border:1px solid var(--blog-card-border);border-radius:12px;padding:1.25rem;overflow-x:auto;font-family:Fira Code,monospace;font-size:.95rem;color:#f1f5f9;margin:2rem 0;line-height:1.55}.article-body-content code:not(pre code){background:#818cf826;color:#c7d2fe;padding:.15rem .4rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.editor-container{max-width:820px;margin:0 auto;padding:calc(var(--header-height, 76px) + 3.8rem) 1.5rem 6rem 1.5rem}.editor-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--blog-card-border)}.editor-status-text{font-size:.85rem;color:#64748b}.editor-title-input{width:100%;background:transparent;border:none;outline:none;font-family:var(--blog-font-serif);font-size:2.6rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem;resize:none}.editor-title-input::placeholder{color:#ffffff40}.editor-excerpt-input{width:100%;background:transparent;border:none;outline:none;font-family:inherit;font-size:1.15rem;color:#94a3b8;line-height:1.5;margin-bottom:1.5rem;resize:none}.editor-excerpt-input::placeholder{color:#fff3}.editor-meta-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:1.25rem;background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:12px}.editor-input-group{display:flex;flex-direction:column;gap:.4rem}.editor-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase}.editor-text-input{background:#0000004d;border:1px solid var(--blog-card-border);border-radius:6px;padding:.6rem .85rem;color:#fff;font-size:.9rem;outline:none;transition:all .2s ease}.editor-text-input:focus{border-color:var(--blog-accent);box-shadow:0 0 0 2px #818cf840}.btn-browse-cover{display:inline-flex;align-items:center;gap:.4rem;background:#818cf826;border:1px solid rgba(129,140,248,.35);color:var(--blog-accent);padding:.6rem .9rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-browse-cover:hover{background:#818cf847;color:#fff}.cover-preview-container{position:relative;border-radius:8px;overflow:hidden}.btn-remove-cover{position:absolute;top:8px;right:8px;background:#000c;color:#f87171;border:1px solid rgba(248,113,113,.4);border-radius:6px;padding:.3rem .65rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-remove-cover:hover{background:#dc2626f2;color:#fff}.editor-toolbar{position:sticky;top:75px;background:#0f172a;border:1px solid var(--blog-card-border);border-radius:8px;padding:.4rem;display:flex;align-items:center;gap:.3rem;margin-bottom:1.5rem;z-index:100}.editor-tool-btn{background:transparent;border:none;color:#94a3b8;padding:.4rem .65rem;border-radius:4px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.editor-tool-btn:hover{color:#fff;background:#ffffff14}.editor-tool-btn.active{color:#818cf8;background:#818cf833}.editor-rich-content{width:100%;min-height:450px;background:transparent;border:none;outline:none;font-family:var(--blog-font-serif);font-size:1.25rem;line-height:1.8;color:#f1f5f9;padding:.5rem 0;position:relative;word-break:break-word}.editor-rich-content:focus{outline:none}.editor-rich-content:empty:before,.editor-rich-content[data-empty=true]:before{content:attr(data-placeholder);color:#ffffff40;pointer-events:none;display:block;position:absolute;top:.5rem;left:0}.editor-rich-content p{margin-bottom:1.5rem;min-height:1.8em}.editor-rich-content h2{font-family:var(--blog-font-sans);font-size:1.85rem;font-weight:700;color:#fff;margin:2rem 0 1rem;letter-spacing:-.02em}.editor-rich-content h3{font-family:var(--blog-font-sans);font-size:1.45rem;font-weight:600;color:#fff;margin:1.75rem 0 .75rem}.editor-rich-content blockquote{border-left:4px solid var(--blog-accent);padding:.5rem 0 .5rem 1.5rem;margin:1.5rem 0;font-style:italic;color:#cbd5e1;font-size:1.25rem;line-height:1.6}.editor-rich-content ul,.editor-rich-content ol{margin:1.25rem 0 1.5rem 2rem}.editor-rich-content li{margin-bottom:.5rem}.editor-rich-content pre{background:#0f172a;border:1px solid var(--blog-card-border);border-radius:8px;padding:1.25rem;overflow-x:auto;font-family:Fira Code,monospace;font-size:.95rem;color:#f1f5f9;margin:1.5rem 0;line-height:1.55}.editor-rich-content code:not(pre code){background:#818cf826;color:#c7d2fe;padding:.15rem .4rem;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.editor-rich-content a{color:var(--blog-accent);text-decoration:underline}.editor-rich-content.editor-dragover{border:2px dashed var(--blog-accent);background:#818cf80d;border-radius:8px}.editor-rich-content figure.article-body-figure,figure.article-body-figure{margin:2rem 0;text-align:center}.editor-rich-content img.article-body-img,img.article-body-img{max-width:100%;height:auto;border-radius:8px;margin:0 auto;display:block;box-shadow:0 10px 30px #00000080}.editor-rich-content figcaption,figcaption{margin-top:.6rem;font-size:.85rem;color:var(--blog-text-muted);font-style:italic;outline:none}.editor-body-textarea{width:100%;min-height:450px;background:transparent;border:none;outline:none;font-family:var(--blog-font-serif);font-size:1.25rem;line-height:1.8;color:#f1f5f9;resize:vertical}.editor-body-textarea::placeholder{color:#ffffff40}.auth-page-container{max-width:440px;margin:2rem auto;padding:2.5rem;background:var(--blog-card-bg);border:1px solid var(--blog-card-border);border-radius:12px;box-shadow:0 20px 50px #0009}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem}.auth-subtitle{font-size:.92rem;color:#94a3b8}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#64748b;font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--blog-card-border)}.auth-divider span{padding:0 .85rem}.auth-alert{padding:.75rem 1rem;border-radius:8px;font-size:.88rem;margin-bottom:1.25rem}.auth-alert-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.auth-alert-success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#86efac}@media(max-width:991px){.navbar-blog-actions{width:100%;margin-left:0;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.navbar-blog-actions .btn-nav-getstarted{flex:1;min-width:120px;text-align:center}.navbar-blog-actions .btn-nav-signin,.navbar-blog-actions .btn-nav-write{padding:.5rem .75rem}}@media(max-width:900px){.blog-hero-section{grid-template-columns:1fr;gap:1.5rem}.hero-title{font-size:clamp(1.6rem,5.5vw,1.85rem);line-height:1.25}.editor-meta-inputs{grid-template-columns:1fr}.article-title{font-size:2.15rem}}
