.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#02061799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:auth-modal-fade .2s ease-out}@keyframes auth-modal-fade{0%{opacity:0}to{opacity:1}}.auth-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;max-width:360px;padding:24px 22px;border-radius:16px;background:linear-gradient(165deg,#1e293bf7,#0f172afa,#0f172afc);border:1px solid rgba(71,85,105,.7);box-shadow:0 4px 6px -1px #0000004d,0 10px 24px -4px #0006,0 0 0 1px #3b82f626,inset 0 1px #ffffff0a;animation:auth-modal-in .22s ease-out;box-sizing:border-box}@keyframes auth-modal-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.96) translateY(-10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.auth-modal-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:none;border-radius:8px;background:#33415580;color:#94a3b8;font-size:18px;line-height:1;cursor:pointer;transition:color .15s,background .15s,box-shadow .15s}.auth-modal-close:hover{color:#e2e8f0;background:#475569b3;box-shadow:0 0 0 1px #3b82f64d}.auth-modal-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#e2e8f0;text-align:center;letter-spacing:.02em}.auth-modal-tabs{display:flex;gap:4px;margin-bottom:16px;padding:3px;border-radius:10px;background:#0f172acc}.auth-modal-tab{flex:1;padding:6px 10px;border:none;border-radius:8px;background:transparent;color:#94a3b8;font-size:12px;cursor:pointer;transition:color .15s,background .15s}.auth-modal-tab:hover{color:#e2e8f0;background:#33415580}.auth-modal-tab.active{background:#3b82f633;color:#93c5fd;box-shadow:0 0 0 1px #3b82f666}.auth-modal-form{display:flex;flex-direction:column;gap:12px}.auth-modal-field{display:flex;flex-direction:column;gap:4px}.auth-modal-label{font-size:11px;color:#94a3b8;font-weight:500}.auth-modal-input{padding:9px 12px;border-radius:10px;border:1px solid rgba(71,85,105,.75);background:#0f172ad9;color:#e2e8f0;font-size:13px;transition:border-color .15s,box-shadow .15s}.auth-modal-input::placeholder{color:#64748b}.auth-modal-input:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 0 2px #3b82f633}.auth-modal-message{margin:0;font-size:12px;text-align:center}.auth-modal-message--ok{color:#34d399}.auth-modal-message--error{color:#f87171}.auth-modal-submit{margin-top:4px;padding:10px 14px;border:none;border-radius:10px;background:linear-gradient(180deg,#3b82f666,#2563eb80);color:#e2e8f0;font-size:13px;font-weight:500;cursor:pointer;transition:box-shadow .16s ease-out,transform .1s ease-out;box-shadow:0 0 0 1px #3b82f666}.auth-modal-submit:hover{box-shadow:0 0 0 1px #3b82f699,0 4px 14px #3b82f659}.auth-modal-submit:active{transform:scale(.98)}.auth-modal-submit:disabled{opacity:.7;cursor:not-allowed}.blog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:999px;background:radial-gradient(circle at top left,#0f172afa,#0f172af5);border:1px solid rgba(51,65,85,.9);box-shadow:0 14px 30px #0f172ae6,0 0 35px #3b82f638;position:sticky;top:16px;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.blog-logo{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.blog-logo-img{width:26px;height:26px;border-radius:6px;display:block;object-fit:contain}.blog-logo-text{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af}.blog-nav-desktop{display:inline-flex;align-items:center;gap:10px}.nav-link{border-radius:999px;padding:6px 12px;font-size:12px;border:none;background:transparent;color:#9ca3af;cursor:pointer;transition:all .16s ease-out;text-decoration:none;display:inline-flex;align-items:center}.nav-link:hover{color:#e5e7eb;background:#0f172ae6;box-shadow:0 0 0 1px #3b82f680,0 0 16px #3b82f673}.nav-link.active{background:radial-gradient(circle at top left,#3b82f640,#0f172afa);color:#e5e7eb;box-shadow:0 0 0 1px #3b82f6bf}.nav-link-outlined{border:1px solid rgba(148,163,184,.6)}.nav-link-auth{font-family:inherit}.nav-link-auth:hover{color:#93c5fd}.nav-link-placeholder{visibility:hidden;pointer-events:none}.nav-link-user{cursor:context-menu;-webkit-user-select:none;user-select:none}.nav-link-user:hover{color:#93c5fd}.nav-user-context-menu{position:fixed;z-index:1000;min-width:100px;padding:4px 0;border-radius:10px;background:#0f172afa;border:1px solid rgba(71,85,105,.8);box-shadow:0 10px 30px #0006}.nav-user-context-item{display:block;width:100%;padding:8px 14px;border:none;border-radius:0;background:transparent;color:#94a3b8;font-size:13px;text-align:left;cursor:pointer;transition:background .15s,color .15s}.nav-user-context-item:hover{background:#3b82f633;color:#e2e8f0}.blog-nav-toggle{display:none;width:32px;height:28px;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#0f172afa;align-items:center;justify-content:center;padding:0;cursor:pointer}.blog-nav-toggle:hover{box-shadow:0 0 0 1px #3b82f699,0 0 18px #3b82f68c}.nav-toggle-chevron{display:inline-block;width:12px;height:12px;border-radius:3px;border-bottom:2px solid #e5e7eb;border-right:2px solid #e5e7eb;transform:rotate(45deg);transition:transform .18s ease-out,border-color .18s ease-out,box-shadow .18s ease-out;box-shadow:0 0 10px #3b82f680}.nav-toggle-chevron.open{transform:rotate(-135deg) translateY(1px);border-color:#93c5fd;box-shadow:0 0 14px #3b82f6cc,0 0 24px #818cf8e6}.blog-nav-mobile{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:10px 12px;background:radial-gradient(circle at top,#0f172afa,#0f172afa);border-radius:20px;border:1px solid rgba(55,65,81,.9);box-shadow:0 18px 40px #0f172a,0 0 40px #3b82f64d;display:flex;flex-direction:column;gap:4px}.blog-nav-mobile .nav-link{width:100%;justify-content:flex-start;text-align:left}@media (max-width: 640px){.blog-header{border-radius:18px}}@media (max-width: 720px){.blog-nav-desktop{display:none}.blog-nav-toggle{display:inline-flex}}@keyframes float-orbit{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(20px,-10px,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}@keyframes soft-pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}.blog-page{min-height:100vh;width:100%;max-width:1120px;margin:0 auto;padding:20px 20px 24px;position:relative;z-index:1;display:flex;flex-direction:column;gap:28px}.blog-bg-orbit{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.6;filter:blur(40px);mix-blend-mode:screen}.blog-bg-orbit-1{background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.45),transparent 55%),radial-gradient(circle at 90% 10%,rgba(244,114,182,.45),transparent 55%);animation:float-orbit 18s ease-in-out infinite}.blog-bg-orbit-2{background:radial-gradient(circle at 0% 90%,rgba(45,212,191,.35),transparent 55%),radial-gradient(circle at 100% 90%,rgba(249,115,22,.35),transparent 55%);animation:float-orbit 24s ease-in-out infinite reverse}.blog-bg-orbit-3{background:radial-gradient(circle at 50% 50%,#0f172afa,#020617 70%,#000),radial-gradient(circle at 10% 0%,rgba(59,130,246,.35),transparent 55%),radial-gradient(circle at 90% 100%,rgba(236,72,153,.28),transparent 55%);-webkit-mask-image:radial-gradient(circle at 50% 10%,black 0,black 55%,transparent 80%);mask-image:radial-gradient(circle at 50% 10%,black 0,black 55%,transparent 80%)}.blog-bg-orbit-3:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.55) 1px,transparent 1px);background-size:80px 80px;mix-blend-mode:soft-light;opacity:.6}.blog-bg-orbit-3:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(248,250,252,.5),transparent 40%);background-size:320px 320px;mix-blend-mode:screen;opacity:.3;animation:soft-pulse 12s ease-in-out infinite alternate}.sci-fi-bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.blog-hero{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.blog-hero-content{display:flex;flex-direction:column;gap:20px}.blog-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:linear-gradient(120deg,#0f172ae6,#0f172a99);box-shadow:0 0 0 1px #0f172acc,0 10px 40px #0f172ae6;color:#e5e7eb}.blog-title{font-size:clamp(32px,4vw,40px);line-height:1.2;color:#f9fafb;letter-spacing:.03em}.blog-title span{display:block;background:linear-gradient(135deg,#60a5fa,#a855f7,#ec4899);-webkit-background-clip:text;color:transparent}.blog-subtitle{color:#9ca3af;font-size:14px;max-width:520px}.blog-hero-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.btn-primary,.btn-ghost{border-radius:999px;padding:9px 20px;font-size:14px;border:1px solid transparent;cursor:pointer;transition:all .18s ease-out;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#a855f7);color:#f9fafb;box-shadow:0 14px 30px #3b82f659}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #3b82f6b3,0 0 22px #818cf8d9}.btn-ghost{background:#0f172acc;border-color:#94a3b880;color:#e5e7eb}.btn-ghost:hover{background:#0f172a;border-color:#94a3b8e6;box-shadow:0 0 0 1px #94a3b8b3,0 0 18px #94a3b899}.blog-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:38px}.blog-hero-meta>div{padding:10px 12px;border-radius:16px;background:radial-gradient(circle at top left,#94a3b829,#0f172acc);border:1px solid rgba(148,163,184,.25);box-shadow:0 18px 40px #0f172acc}.meta-label{display:block;font-size:10px;text-transform:uppercase;color:#9ca3af;letter-spacing:.16em;margin-bottom:4px}.meta-value{font-size:13px;color:#e5e7eb}.blog-hero-card{border-radius:24px;padding:20px 18px;background:radial-gradient(circle at top,#3b82f629,#0f172afa);border:1px solid rgba(148,163,184,.35);box-shadow:0 20px 50px #0f172a,0 0 60px #3b82f638;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.blog-hero-avatar{display:flex;align-items:center;gap:14px;margin-bottom:14px}.avatar-ring{width:60px;height:60px;border-radius:999px;background:conic-gradient(from 180deg,#3b82f6,#a855f7,#ec4899,#22d3ee,#3b82f6),radial-gradient(circle at center,#020617,#020617);padding:2px;animation:soft-pulse 5s ease-in-out infinite}.avatar-core{width:100%;height:100%;border-radius:inherit;background:radial-gradient(circle at 30% 0%,#1e293b,#020617);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#e5e7eb}.blog-hero-card h2{font-size:18px;margin-bottom:4px;color:#f9fafb}.blog-hero-card p{font-size:13px;color:#9ca3af;margin-bottom:12px}.blog-hero-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;list-style:none}.blog-hero-tags li{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-size:11px;color:#e5e7eb;background:#0f172acc}.blog-main:not(.page-layout-wrap){display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:flex-start}.blog-section{border-radius:24px;padding:18px 18px 20px;background:radial-gradient(circle at top left,#2563eb24,#0f172af5);border:1px solid rgba(148,163,184,.3);box-shadow:0 18px 50px #0f172ae6}.blog-section-secondary{background:radial-gradient(circle at top,#082f4999,#0f172afa)}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.section-header h3{font-size:16px;color:#e5e7eb}.section-subtitle{font-size:12px;color:#9ca3af}.post-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.post-card-wrap{display:block;text-decoration:none;color:inherit}.post-card{position:relative;border-radius:18px;padding:14px;background:radial-gradient(circle at top left,#0f172ae6,#0f172afa);border:1px solid rgba(55,65,81,.9);overflow:hidden;cursor:pointer;transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}.post-card:hover{transform:translateY(-4px);border-color:#60a5fae6;box-shadow:0 18px 40px #0f172a,0 0 40px #3b82f659}.post-glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at top left,rgba(59,130,246,.25),transparent 55%);opacity:0;transition:opacity .18s ease-out;pointer-events:none}.post-card:hover .post-glow{opacity:1}.post-tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:#0f172af2;border:1px solid rgba(96,165,250,.7);color:#bfdbfe;font-size:10px;text-transform:uppercase;letter-spacing:.16em;position:relative;z-index:1}.post-title{margin:8px 0 4px;font-size:15px;color:#e5e7eb;line-height:1.5;position:relative;z-index:1}.post-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:#9ca3af;margin-bottom:6px;position:relative;z-index:1}.post-desc{font-size:12px;color:#9ca3af;margin-bottom:10px;line-height:1.7;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}.post-link{border:none;background:transparent;padding:0;font-size:12px;color:#93c5fd;cursor:pointer;display:inline-flex;align-items:center;gap:4px;position:relative;z-index:1}.post-link:hover{color:#bfdbfe;text-shadow:0 0 12px rgba(96,165,250,.85)}.home-page .page-hero{text-align:left;padding:32px 0 0;min-height:140px;margin-bottom:48px}.home-page .page-hero-eyebrow{margin:0 0 14px;font-weight:500}.home-page .page-hero-eyebrow-animated{display:inline-block;font-size:13px;letter-spacing:.22em;background:linear-gradient(90deg,#93c5fd,#a78bfa,#38bdf8,#a78bfa,#93c5fd);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:home-eyebrow-shimmer 4s linear infinite}@keyframes home-eyebrow-shimmer{0%{background-position:0% center}to{background-position:200% center}}.home-page .page-hero-title,.home-page .page-hero-desc{text-align:left}.home-page .home-hero-actions{justify-content:flex-start;margin-top:40px}.home-page .blog-hero-meta{max-width:520px;margin-top:48px}.home-page .blog-hero-meta .meta-value{white-space:nowrap}.home-page .home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start;margin-top:0}.home-page .home-section-articles{min-width:0}.home-page .home-section-timeline{min-width:0;position:sticky;top:80px}@media (max-width: 880px){.home-page .home-content-grid{grid-template-columns:1fr}.home-page .home-section-timeline{position:static}}.timeline{position:relative;padding-left:28px;margin-top:8px}.timeline:before{content:"";position:absolute;left:10px;top:14px;bottom:14px;width:2px;border-radius:1px;background:linear-gradient(180deg,#60a5fae6,#60a5fa66,#94a3b833);box-shadow:0 0 12px #3b82f659}.timeline-item{position:relative;padding-left:20px;margin-bottom:20px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-25px;top:10px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#93c5fd,#1d4ed8);box-shadow:0 0 0 3px #0f172af2,0 0 0 5px #3b82f666,0 0 16px #3b82f680;transition:box-shadow .2s ease-out,transform .2s ease-out}.timeline-item:hover .timeline-dot{box-shadow:0 0 0 3px #0f172af2,0 0 0 6px #3b82f680,0 0 24px #3b82f6b3;transform:scale(1.15)}.timeline-item:nth-child(1) .timeline-dot{background:radial-gradient(circle at 30% 30%,#93c5fd,#1d4ed8)}.timeline-item:nth-child(2) .timeline-dot{background:radial-gradient(circle at 30% 30%,#67e8f9,#0e7490);box-shadow:0 0 0 3px #0f172af2,0 0 0 5px #22d3ee66,0 0 16px #22d3ee80}.timeline-item:nth-child(2):hover .timeline-dot{box-shadow:0 0 0 3px #0f172af2,0 0 0 6px #22d3ee80,0 0 24px #22d3eeb3}.timeline-item:nth-child(3) .timeline-dot{background:radial-gradient(circle at 30% 30%,#a78bfa,#5b21b6);box-shadow:0 0 0 3px #0f172af2,0 0 0 5px #a78bfa66,0 0 16px #a78bfa80}.timeline-item:nth-child(3):hover .timeline-dot{box-shadow:0 0 0 3px #0f172af2,0 0 0 6px #a78bfa80,0 0 24px #a78bfab3}.timeline-date{display:inline-block;font-size:11px;color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;padding:3px 10px;border-radius:999px;background:#3b82f626;border:1px solid rgba(96,165,250,.35);margin-bottom:8px}.timeline-title{font-size:14px;color:#e5e7eb;margin:0 0 6px;font-weight:600;letter-spacing:.02em}.timeline-text{font-size:13px;color:#9ca3af;line-height:1.65;margin:0}.timeline-content{padding:14px 16px 16px;border-radius:16px;background:radial-gradient(circle at top left,#0f172aeb,#0f172afa);border:1px solid rgba(55,65,81,.85);border-left:3px solid rgba(96,165,250,.6);box-shadow:0 8px 28px #0f172ad9;transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}.timeline-item:hover .timeline-content{transform:translate(4px);border-left-color:#60a5faf2;box-shadow:0 12px 36px #0f172af2,0 0 20px #3b82f633}@media (max-width: 880px){.blog-page{padding:24px 18px 20px;gap:24px}.blog-hero{grid-template-columns:minmax(0,1fr)}.blog-main:not(.page-layout-wrap){grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.blog-hero-meta{grid-template-columns:minmax(0,1fr)}.blog-hero-actions{flex-wrap:wrap}}@media (max-width: 720px){.blog-page{padding:14px 14px 18px;gap:22px}.blog-hero{margin-top:4px}}.blog-main.page-layout-wrap{display:block;width:100%;max-width:none;margin-top:8px}.page-main{min-width:0}.page-sidebar{position:sticky;top:80px}.page-sidebar-card{border-radius:20px;padding:18px;background:radial-gradient(circle at top left,#2563eb1f,#0f172af5);border:1px solid rgba(148,163,184,.28);box-shadow:0 18px 50px #0f172ae6;margin-bottom:16px}.page-sidebar-card:last-child{margin-bottom:0}.page-sidebar-title{font-size:14px;font-weight:600;color:#e5e7eb;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(148,163,184,.25);letter-spacing:.04em}.page-sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.page-sidebar-stat{text-align:center;padding:12px 8px;border-radius:14px;background:#1e40af1f;border:1px solid rgba(96,165,250,.2)}.page-sidebar-stat dt{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}.page-sidebar-stat dd{font-size:20px;font-weight:700;color:#93c5fd;margin:0}.page-hero{text-align:center;margin-bottom:40px}.page-hero-title{font-size:1.5rem;font-weight:600;color:#f3f4f6;margin:0 0 8px;letter-spacing:.02em}.page-hero-desc{font-size:14px;color:#9ca3af;margin:0;line-height:1.6}.page-section{padding:24px 22px 28px;border-radius:20px;background:radial-gradient(circle at top left,#0f172ae6,#0f172afa);border:1px solid rgba(148,163,184,.28);box-shadow:0 18px 50px #0f172ae6;margin-bottom:24px}.page-section:last-child{margin-bottom:0}.page-sidebar-link{display:block;padding:8px 10px;border-radius:12px;color:#e5e7eb;text-decoration:none;font-size:13px;border:1px solid transparent;transition:background .16s,border-color .16s}.page-sidebar-link:hover{background:#1e40af2e;border-color:#60a5fa4d}@media (max-width: 640px){.page-hero-title{font-size:1.3rem}}body,html{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}html,body{padding:0;margin:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top,#020617,#020617 40%,#020617);color:#e5e7eb;-webkit-font-smoothing:antialiased}#root{min-height:100vh}