.scrollable-box{max-width:1024px;width:90%;height:75vh;overflow-y:auto;margin:auto;padding:2rem 3rem;background-color:#ffffffe6;border-radius:1rem;border:1px solid rgba(0,255,255,.5);box-shadow:0 8px 32px #0003,inset 0 1px #fff3;color:#333;scrollbar-gutter:stable;box-sizing:border-box;overflow-x:hidden}.scrollable-box::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{display:none}.scrollable-box,.custom-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scrollable-box h1,.scrollable-box h2{text-align:center;color:#1773ee;margin-bottom:1.5rem}.scrollable-box h1{font-size:2.2rem;font-weight:600}.scrollable-box h2{font-size:1.8rem;font-weight:500;margin-top:2.5rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.scrollable-box p,.scrollable-box ul{margin-bottom:1rem;line-height:1.7}.scrollable-box ul{list-style-type:disc;margin-left:20px}.scrollable-box strong{font-weight:700}.scrollable-box a{color:#1773ee;text-decoration:none}.scrollable-box a:not(.no-underline-nav):hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards;opacity:0}.animate-shimmer{animation:shimmer 1.5s infinite linear}.carousel-container-3d{position:relative;width:100%;height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:grab;user-select:none;-webkit-user-select:none}.carousel-container-3d:active{cursor:grabbing}.carousel-stage{position:relative;width:340px;height:450px}.carousel-card-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;transition:filter .3s,opacity .3s;perspective:800px}.carousel-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.2,.2,1)}.carousel-card-wrapper.flipped .carousel-card-inner{transform:rotateY(180deg)}.carousel-card-face{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.carousel-card-face.front{background:#1a1a2e;display:flex;flex-direction:column;box-shadow:0 8px 30px #00000040;border:1px solid rgba(255,255,255,.12)}.carousel-card-face.front img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.card-title-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,transparent 100%);pointer-events:none}.card-title-overlay h3{margin:0;color:#fff;font-size:1.1rem;font-weight:700;line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.6)}.carousel-card-face.back{transform:rotateY(180deg);background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;box-shadow:0 8px 30px #0003;border:1px solid rgba(0,0,0,.08)}.card-back-content{display:flex;flex-direction:column;gap:10px;align-items:center;height:100%;justify-content:center;overflow:hidden}.card-back-content h3{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b;line-height:1.25}.card-back-content p{margin:0;font-size:.85rem;color:#475569;line-height:1.45;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.read-more-link{display:inline-block;margin-top:6px;color:#667eea;text-decoration:none;font-weight:600;font-size:.88rem;transition:color .2s}.read-more-link:hover{color:#4f46e5;text-decoration:underline}.article-content{color:#374151;line-height:1.8}.article-content h2{font-size:1.875rem;font-weight:700;color:#111827;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #E5E7EB}.article-content h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-top:2rem;margin-bottom:.75rem}.article-content p{margin-bottom:1.25rem;font-size:1.125rem}.article-content ul,.article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem;font-size:1.125rem}.article-content ul li{list-style-type:disc}.article-content ol li{list-style-type:decimal}.article-content blockquote{border-left:4px solid #3B82F6;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#6b7280;background:#f9fafb;padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0}.article-content a{color:#2563eb;text-decoration:underline;transition:color .2s}.article-content a:hover{color:#1d4ed8}.article-content img{max-width:100%;height:auto;border-radius:.75rem;margin:1.5rem 0;box-shadow:0 10px 25px -5px #0000001a}.article-content code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em;color:#dc2626}.article-content pre{background:#1f2937;color:#f9fafb;padding:1.25rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0}.article-content pre code{background:transparent;padding:0;color:inherit}.article-content strong{font-weight:600;color:#111827}.article-content em{font-style:italic}.article-content hr{border:none;border-top:2px solid #E5E7EB;margin:2rem 0}.article-content .highlight-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #BFDBFE;border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.article-content .highlight-box h4{color:#1e40af;font-weight:600;margin-bottom:.5rem}.admin-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);overflow:hidden}.admin-bg:before,.admin-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(100px);animation:float 12s ease-in-out infinite}.admin-bg:before{width:500px;height:500px;background:radial-gradient(circle,rgba(0,210,255,.3),transparent);top:-100px;left:-100px}.admin-bg:after{width:600px;height:600px;background:radial-gradient(circle,rgba(138,43,226,.25),transparent);bottom:-150px;right:-150px;animation-delay:-6s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.95)}}.glass-card{background:#ffffff12;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0d;position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.glass-modal{background:#ffffff1a;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.18);border-radius:1.5rem;box-shadow:0 25px 60px #0006,inset 0 1px #ffffff26,inset 0 -1px #ffffff0d}.glass-input{width:100%;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;color:#fff;font-size:.95rem;outline:none;transition:all .3s ease}.glass-input:focus{border-color:#00d2ff80;box-shadow:0 0 20px #00d2ff26;background:#ffffff1f}.glass-input::placeholder{color:#ffffff59}.glass-textarea{width:100%;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:.75rem;color:#fff;font-size:.9rem;font-family:Fira Code,Courier New,monospace;outline:none;resize:vertical;min-height:200px;transition:all .3s ease;line-height:1.6}.glass-textarea:focus{border-color:#00d2ff80;box-shadow:0 0 20px #00d2ff26;background:#ffffff1f}.glass-btn{padding:.6rem 1.5rem;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:.5rem}.glass-btn-primary{background:linear-gradient(135deg,#0096ff66,#00d2ff4d);color:#fff;border-color:#00d2ff4d}.glass-btn-primary:hover{background:linear-gradient(135deg,#0096ff99,#00d2ff80);box-shadow:0 0 25px #00d2ff4d;transform:translateY(-1px)}.glass-btn-danger{background:linear-gradient(135deg,#ff32324d,#ff646433);color:#f88;border-color:#ff64644d}.glass-btn-danger:hover{background:linear-gradient(135deg,#ff323280,#ff646466);box-shadow:0 0 25px #ff32324d;color:#fff;transform:translateY(-1px)}.glass-btn-ghost{background:#ffffff0d;color:#ffffffb3}.glass-btn-ghost:hover{background:#ffffff1f;color:#fff}.glass-row{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:1rem;transition:background .2s ease}.glass-row:hover{background:#ffffff0d}.glass-row:last-child{border-bottom:none}.glass-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:.5rem}.glass-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#00d2ff26;color:#00d2ffe6;border:1px solid rgba(0,210,255,.2)}.tag-draft{background:#ffab0026;color:#ffab00;border-color:#ffab004d}.tag-published{background:#22c55e26;color:#4ade80;border-color:#22c55e4d}.glass-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:2rem;animation:overlayIn .3s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.glass-toast{position:fixed;top:1.5rem;right:1.5rem;z-index:200;padding:.75rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastIn .4s ease}.glass-toast-success{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#86efac}.glass-toast-error{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5}@keyframes toastIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.admin-tab{background:transparent;border:none;color:#fff6;font-size:.75rem;font-weight:600;padding:.5rem 1rem;border-radius:.6rem;cursor:pointer;transition:all .2s ease}.admin-tab:hover{color:#ffffffb3}.admin-tab-active{background:#ffffff1a;border:none;color:#fff;font-size:.75rem;font-weight:700;padding:.5rem 1rem;border-radius:.6rem;cursor:default;box-shadow:0 4px 12px #0000001a}.admin-scroll::-webkit-scrollbar{width:6px}.admin-scroll::-webkit-scrollbar-track{background:transparent}.admin-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.admin-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff40}.admin-preview{background:#fffffff2;border-radius:.75rem;padding:1.5rem;color:#333;max-height:300px;overflow-y:auto;font-size:.9rem;line-height:1.7}.admin-preview h2{font-size:1.4rem;font-weight:700;margin:1rem 0 .5rem;color:#111}.admin-preview h3{font-size:1.15rem;font-weight:600;margin:.8rem 0 .4rem;color:#333}.admin-preview p{margin-bottom:.75rem}.admin-preview ul,.admin-preview ol{padding-left:1.5rem;margin-bottom:.75rem}.admin-preview blockquote{border-left:3px solid #3b82f6;padding-left:1rem;color:#555;font-style:italic}