@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-deep:#f0f4f8;--bg-white:#fff;--bg-card:#fff;--bg-hero:#0a0f1e;--bg-dark:#0a0f1e;--bg-dark-alt:#111827;--primary:#1d4ed8;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--primary-glow:#1d4ed81a;--primary-glow-strong:#1d4ed82e;--secondary:#0ea5e9;--accent:#1d4ed8;--accent-light:#60a5fa;--text-primary:#0a0f1e;--text-secondary:#374151;--text-muted:#6b7280;--text-white:#fff;--text-white-muted:#ffffffb8;--border-glass:#0a0f1e17;--border-glass-hover:#0a0f1e2e;--border-blue:#1d4ed840;--border-blue-strong:#1d4ed88c;--shadow-sm:0 1px 3px #0a0f1e12, 0 1px 2px #0a0f1e0d;--shadow-md:0 4px 16px #0a0f1e17, 0 2px 6px #0a0f1e0f;--shadow-lg:0 12px 32px #0a0f1e1f, 0 4px 12px #0a0f1e14;--shadow-blue:0 8px 24px #1d4ed838;--shadow-neon:var(--shadow-md);--shadow-neon-hover:var(--shadow-lg);--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*,:before,:after{box-sizing:border-box;border:0;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background:var(--bg-deep);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.6;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-deep);background:#1d4ed840;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#1d4ed873}a{color:inherit;text-decoration:none;transition:color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.protected-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;draggable:false}.protected-image-wrapper{-webkit-user-select:none;user-select:none;position:relative}.protected-image-wrapper:after{content:"";z-index:2;cursor:default;position:absolute;inset:0}.gradient-text{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-accent-text{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 55%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:.55s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-slide-in{animation:.4s forwards slideInRight}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glass-hover);box-shadow:var(--shadow-md)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.form-group{margin-bottom:24px}.form-label{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.01em;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-input,.form-textarea{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);box-shadow:var(--shadow-sm);background:#fff;border:1.5px solid #0a0f1e26;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed824, var(--shadow-sm);background:#fff}.form-textarea{resize:vertical;min-height:200px;line-height:1.7}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.01em;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border:none;box-shadow:0 4px 14px #1d4ed84d}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 24px #1d4ed861}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border-glass-hover);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--bg-deep);border-color:var(--border-blue);transform:translateY(-1px)}.btn-danger{color:#dc2626;background:#ef444414;border:1.5px solid #ef444440}.btn-danger:hover{background:#ef444426;transform:translateY(-1px)}.btn-disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.navbar-wrapper{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);background:#fffffff2;position:sticky;top:0;box-shadow:0 1px 8px #0a0f1e0f}.nav-container{justify-content:space-between;align-items:center;height:68px;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.logo-text{color:var(--text-primary)}.logo-accent{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:7px 14px;font-size:.9rem;font-weight:600;transition:all .2s}.nav-link:hover,.nav-link-active{color:var(--primary);background:var(--primary-glow)}.admin-indicator{color:var(--primary);background:var(--primary-glow);position:relative}.btn-logout{font-family:var(--font-sans);color:#dc2626;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1.5px solid #ef444440;align-items:center;gap:6px;padding:7px 14px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-logout:hover{background:#ef444414}.hero-section{background:linear-gradient(135deg, var(--bg-hero) 0%, #0f1f4a 55%, #1e3a8a 100%);padding:80px 0 72px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#3b82f62e 0%,#0000 60%),radial-gradient(at 80% 20%,#0ea5e91f 0%,#0000 55%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:780px;margin:0 auto;padding:0 24px;position:relative}.hero-badge{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;background:#3b82f62e;border:1px solid #60a5fa59;border-radius:100px;align-items:center;gap:7px;margin-bottom:22px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-heading);letter-spacing:-.03em;color:#fff;margin-bottom:18px;font-size:3.4rem;font-weight:900;line-height:1.15}.hero-title span{background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 50%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffb3;max-width:540px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:44px;display:flex}.hero-stat{text-align:center;color:#fff}.hero-stat-num{font-family:var(--font-heading);color:#93c5fd;font-size:1.35rem;font-weight:800;line-height:1}.hero-stat-label{color:#ffffff94;text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.8rem}.search-section{border-bottom:1px solid var(--border-glass);background:#fff;padding:20px 0;box-shadow:0 2px 8px #0a0f1e0a}.search-panel-row{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.search-input-wrapper{flex:2 300px;width:100%;position:relative}.filter-select-wrapper{flex:150px;width:100%}.post-feed{padding:56px 0 96px}.article-card{background:var(--bg-white);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-blue);transform:translateY(-3px)}.article-card-accent{background:linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%);height:4px;display:block}.article-header{padding:32px 40px 0}.article-body{padding:0 40px 36px}.article-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.article-meta-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-glow);border:1px solid var(--border-blue);border-radius:100px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.article-meta-date{color:var(--text-muted);align-items:center;gap:5px;font-size:.82rem;display:inline-flex}.article-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:12px;font-size:2.1rem;font-weight:800;line-height:1.22;transition:color .2s}.article-title:hover{color:var(--primary)}.post-image-container{border-radius:var(--radius-md);border:1px solid var(--border-glass);-webkit-user-select:none;user-select:none;width:100%;margin-bottom:24px;position:relative;overflow:hidden}.post-image-container:after{content:"";z-index:2;position:absolute;inset:0}.post-image-container img,.post-image-container [data-nextjs-image]{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;draggable:false}.link-card{border:1px solid var(--border-blue);border-left:4px solid var(--primary);border-radius:var(--radius-md);background:linear-gradient(135deg,#1d4ed80a 0%,#0ea5e90a 100%);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:18px 22px;display:flex}.link-card-info{flex-direction:column;gap:3px;min-width:0;display:flex}.link-card-label{color:var(--text-primary);align-items:center;gap:6px;font-size:.92rem;font-weight:700;display:flex}.link-card-url{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:.8rem;overflow:hidden}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px;margin-top:40px;display:grid}.blog-card{height:100%;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-image-wrapper{-webkit-user-select:none;user-select:none;width:100%;height:200px;position:relative;overflow:hidden}.card-image-wrapper:after{content:"";z-index:2;position:absolute;inset:0}.card-image{object-fit:cover;pointer-events:none;-webkit-user-drag:none;transition:transform .5s}.blog-card:hover .card-image{transform:scale(1.04)}.card-content{flex-direction:column;flex-grow:1;padding:22px;display:flex}.card-tag{text-transform:uppercase;color:var(--primary);background:var(--primary-glow);letter-spacing:.06em;border-radius:100px;align-self:flex-start;margin-bottom:10px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-block}.card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.15rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:18px;font-size:.9rem;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-muted);border-top:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-top:14px;font-size:.8rem;display:flex}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:var(--bg-card);flex-direction:column;gap:16px;height:450px;padding:24px;display:flex}.skeleton-image{width:100%;height:180px}.skeleton-title{width:80%;height:28px}.skeleton-text{width:100%;height:16px}.post-container{max-width:820px;margin:48px auto 96px;padding:0 24px}.post-header{margin-bottom:36px}.post-title{margin-bottom:18px;font-size:2.6rem;font-weight:900;line-height:1.22}.post-meta{color:var(--text-muted);align-items:center;gap:16px;font-size:.88rem;display:flex}.post-image-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-glass);-webkit-user-select:none;user-select:none;width:100%;height:420px;margin-bottom:44px;position:relative;overflow:hidden}.post-image-wrapper:after{content:"";z-index:2;position:absolute;inset:0}.post-image{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.post-body{color:var(--text-secondary);margin-bottom:52px;font-size:1.08rem;line-height:1.84}.post-body p{margin-bottom:22px}.post-body h2{color:var(--text-primary);border-bottom:2px solid var(--border-glass);margin:44px 0 18px;padding-bottom:8px;font-size:1.75rem}.post-body h3{color:var(--text-primary);margin:32px 0 14px;font-size:1.35rem}.post-body ul,.post-body ol{margin-bottom:22px;padding-left:26px}.post-body li{margin-bottom:8px}.post-body blockquote{border-left:4px solid var(--primary);background:var(--primary-glow);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:28px 0;padding:14px 24px;font-style:italic}.post-body code{background:var(--bg-deep);color:var(--primary);border-radius:4px;padding:2px 7px;font-family:Courier New,monospace;font-size:.88em}.post-link-card{background:var(--primary-glow);border:1px solid var(--border-blue);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin:32px 0;padding:20px;display:flex}.post-link-info{flex-direction:column;gap:4px;display:flex}.post-link-title{color:var(--text-primary);font-weight:600}.post-link-url{color:var(--primary);font-size:.84rem}.file-explorer-title{align-items:center;gap:8px;margin-bottom:14px;font-size:1.3rem;display:flex}.file-explorer{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:var(--bg-deep);padding:20px}.explorer-node{margin-left:16px}.explorer-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:.92rem;transition:background .15s;display:flex}.explorer-folder{color:#d97706}.explorer-folder:hover{background:#d9770612}.explorer-file{color:var(--text-secondary)}.explorer-file:hover{color:var(--text-primary);background:#0a0f1e0a}.explorer-file-link{align-items:center;gap:8px;width:100%;display:flex}.explorer-children{border-left:1px dashed var(--border-glass);margin-left:20px}.icon-folder,.icon-file{font-size:1.05rem}.admin-dashboard-container{padding:44px 0;animation:.5s fadeInUp}.dashboard-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:22px;display:flex}.dashboard-list{flex-direction:column;gap:14px;display:flex}.dashboard-item{background:var(--bg-white);border:1px solid var(--border-glass);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:16px 22px;transition:all .2s;display:flex}.dashboard-item:hover{border-color:var(--border-blue);box-shadow:var(--shadow-md)}.dashboard-item-info{flex-direction:column;gap:4px;display:flex}.dashboard-item-title{font-size:1.05rem;font-weight:700}.dashboard-item-date{color:var(--text-muted);font-size:.82rem}.dashboard-item-actions{flex-wrap:wrap;gap:10px;display:flex}.dropzone{border:2px dashed var(--border-blue);background:var(--primary-glow);border-radius:var(--radius-md);text-align:center;cursor:pointer;margin-top:8px;padding:28px;transition:all .2s}.dropzone:hover{border-color:var(--primary);background:var(--primary-glow-strong)}.dropzone-icon{margin-bottom:10px;font-size:2rem}.dropzone-text{color:var(--text-secondary);font-size:.92rem;font-weight:500}.dropzone-hint{color:var(--text-muted);margin-top:4px;font-size:.78rem}.upload-list{flex-direction:column;gap:7px;max-height:200px;margin-top:14px;padding-right:4px;display:flex;overflow-y:auto}.upload-item{background:var(--bg-deep);border:1px solid var(--border-glass);border-radius:7px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.83rem;display:flex}.upload-item-name{white-space:nowrap;text-overflow:ellipsis;max-width:70%;overflow:hidden}.upload-progress-bar{background:var(--primary);border-radius:2px;height:4px;transition:width .2s}.link-row{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.link-row-inputs{flex-direction:column;flex:1;gap:8px;display:flex}.link-row-remove{color:#dc2626;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1.5px solid #ef444440;flex-shrink:0;margin-top:2px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.link-row-remove:hover{background:#ef444414}.social-floating-bar{z-index:999;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.social-floating-link{background:var(--bg-white);width:42px;height:42px;color:var(--text-secondary);border:1.5px solid var(--border-glass);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-floating-link:hover{color:#fff;box-shadow:var(--shadow-md);transform:scale(1.1)translate(-2px)}.social-floating-link.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:#0000}.social-floating-link.youtube:hover{background:red;border-color:#0000}.footer-area{background:var(--bg-dark);color:#ffffffa6;border-top:none;margin-top:0;padding:60px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand-name{font-family:var(--font-heading);color:#fff;margin-bottom:10px;font-size:1.3rem;font-weight:800}.footer-brand-tagline{color:#ffffff85;max-width:280px;font-size:.88rem;line-height:1.6}.footer-col-title{font-family:var(--font-heading);letter-spacing:.09em;text-transform:uppercase;color:#ffffff61;margin-bottom:16px;font-size:.78rem;font-weight:700}.footer-link{color:#fff9;padding:4px 0;font-size:.88rem;transition:color .2s;display:block}.footer-link:hover{color:#fff}.footer-bottom{color:#ffffff59;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:24px;font-size:.82rem;display:flex}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0;display:none}.nav-toggle span{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}.nav-toggle.open span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>:first-child{grid-column:1/-1}}@media (max-width:768px){.hero-title{font-size:2.2rem}.hero-stats{gap:24px}.nav-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:1000;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:28px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:translateY(-100%)}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{font-size:1.2rem}.btn-logout{padding:10px 24px;font-size:1.1rem}.search-panel-row{flex-direction:column;align-items:stretch}.search-input-wrapper,.filter-select-wrapper{flex:100%}.blog-grid{gap:18px}.post-container{margin:24px auto 56px;padding:0 16px}.post-title{font-size:1.9rem}.post-image-wrapper{height:240px}.post-body{font-size:1rem}.article-title{font-size:1.55rem}.article-header{padding:20px 22px 0}.article-body{padding:0 22px 22px}.dashboard-header{flex-direction:column;align-items:stretch;gap:14px}.dashboard-header .btn{width:100%}.dashboard-item{flex-direction:column;align-items:stretch;gap:14px}.dashboard-item-actions{justify-content:flex-start}.dashboard-item-actions .btn{flex:1}.link-card{flex-direction:column;align-items:stretch;gap:12px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{text-align:center;flex-direction:column}.social-floating-bar{gap:8px;right:10px}.social-floating-link{width:36px;height:36px}}