@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}body{color:#c8d6e5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06060f;margin:0;padding:0}#root{text-align:left;width:100%;max-width:100%;margin:0}.app-layout{min-height:100vh;overflow-x:hidden;background:#06060f!important}.app-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;border-bottom:1px solid #00d4ff1a;position:sticky;top:0;background:#06060fd9!important;height:64px!important;padding:0 32px!important;line-height:64px!important}.header-content{justify-content:space-between;align-items:center;max-width:1400px;height:100%;margin:0 auto;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-icon{color:#00d4ff;filter:drop-shadow(0 0 8px #00d4ff99);font-size:24px}.header-title{letter-spacing:2px;color:#e8f0f8!important;margin:0!important;font-family:JetBrains Mono,SF Mono,monospace!important;font-size:20px!important;font-weight:600!important}.header-title .accent{color:#00d4ff;text-shadow:0 0 20px #00d4ff66}.header-links{gap:16px;display:flex}.header-link{color:#89a;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .3s;display:flex}.header-link:hover{color:#00d4ff}.app-content{background:#06060f!important}.hero-section{text-align:center;padding:64px 32px 40px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(#00d4ff1f 0%,#7c3aed0f 50%,#0000 70%);width:600px;height:200px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.hero-icon{color:#00d4ff;filter:drop-shadow(0 0 20px #00d4ff80);margin-bottom:16px;font-size:48px;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px #00d4ff80)}50%{filter:drop-shadow(0 0 40px #00d4ffcc)}}.hero-title{color:#e8f0f8;letter-spacing:-1px;margin:0 0 12px;font-family:JetBrains Mono,SF Mono,monospace;font-size:48px;font-weight:700}.hero-title .accent{color:#00d4ff;text-shadow:0 0 30px #00d4ff80}.hero-subtitle{color:#7a8ba0;max-width:560px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.7}.carousel-viewport{max-width:1400px;margin:0 auto;padding:20px 0 60px;position:relative}.carousel-gradient{z-index:10;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.carousel-gradient-left{background:linear-gradient(90deg,#06060f 0%,#0000 100%);left:0}.carousel-gradient-right{background:linear-gradient(270deg,#06060f 0%,#0000 100%);right:0}.carousel-track{scroll-behavior:auto;cursor:grab;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none;gap:24px;padding:20px 80px 30px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:active{cursor:grabbing}.carousel-hint{text-align:center;color:#3a4a5a;letter-spacing:.5px;margin-top:12px;font-family:JetBrains Mono,SF Mono,monospace;font-size:13px}.blog-card-wrapper{flex-shrink:0;width:320px;transition:transform .3s,box-shadow .3s}.blog-card-wrapper:hover{transform:translateY(-6px)}.blog-card-wrapper:hover .blog-card{box-shadow:0 0 30px #00d4ff26,0 8px 32px #0006!important}.blog-card{height:100%;transition:all .3s;overflow:hidden;border-radius:12px!important}.blog-card .ant-card-body{padding:0!important}.blog-card-cover{height:140px;position:relative;overflow:hidden}.blog-card-cover-bg{opacity:.6;position:absolute;inset:0}.blog-card-cover-pattern{background-color:#0000;background-image:linear-gradient(90deg,#00d4ff0d 1px,#0000 1px),linear-gradient(0deg,#00d4ff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.blog-card-content{padding:20px 22px 22px}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#e8f0f8!important;margin:0 0 10px!important;font-size:17px!important;font-weight:600!important;line-height:1.4!important}.blog-card-excerpt{color:#7a8ba0;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-meta{margin-bottom:10px}.blog-card-date{color:#5a6a7a;align-items:center;gap:6px;font-size:12px;display:flex}.blog-card-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-card-tags .ant-tag{border-radius:4px;margin:0;font-size:11px}.blog-detail-modal .ant-modal-content{box-shadow:0 0 60px #00d4ff1a,0 16px 64px #00000080!important}.blog-detail{color:#c8d6e5}.blog-detail-header{margin-bottom:12px}.blog-detail-title{letter-spacing:-.5px;color:#e8f0f8!important;margin:0 0 10px!important;font-size:28px!important;font-weight:700!important;line-height:1.3!important}.blog-detail-meta{align-items:center;gap:16px;display:flex}.blog-detail-date{color:#5a6a7a;align-items:center;gap:6px;font-size:14px;display:flex}.blog-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-detail-h2{border-bottom:1px solid #00d4ff1a;padding-bottom:8px;color:#00d4ff!important;margin:28px 0 12px!important;font-size:20px!important;font-weight:600!important}.blog-detail-h3{color:#c8d6e5!important;margin:20px 0 8px!important;font-size:17px!important;font-weight:600!important}.blog-detail-paragraph{color:#9aabba;margin:0 0 16px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.85}.ant-modal-mask{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}@media (width<=768px){.hero-title{font-size:32px}.hero-subtitle{font-size:14px}.blog-card-wrapper{width:280px}.app-header{padding:0 16px!important}.blog-detail .ant-modal-body{padding:20px!important}}