@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Instrument+Serif:ital@0;1&family=Outfit:wght@300;400;600;800&family=Plus+Jakarta+Sans:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,border-color .4s,color .3s,transform .2s,box-shadow .3s}body{background-color:var(--bg-color);min-height:100vh;color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}.theme-developer{--bg-color:#080a0f;--text-color:#e2e8f0;--text-muted:#64748b;--primary:#0fc;--primary-glow:#00ffcc26;--secondary:#3b82f6;--card-bg:#0d121eb3;--card-border:#0fc3;--card-hover-border:#0fc9;--font-heading:"Fira Code", monospace;--font-body:"Fira Code", monospace;--accent-gradient:linear-gradient(135deg, #0fc 0%, #3b82f6 100%);--grid-gap:20px;--glow-color:#0fc;--panel-blur:12px}.theme-designer{--bg-color:#0d0415;--text-color:#f8fafc;--text-muted:#94a3b8;--primary:#ff007f;--primary-glow:#ff007f33;--secondary:#7000ff;--card-bg:#190c2666;--card-border:#ff007f26;--card-hover-border:#ff007f80;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--accent-gradient:linear-gradient(135deg, #ff007f 0%, #7000ff 50%, #00f0ff 100%);--grid-gap:24px;--glow-color:#ff007f;--panel-blur:20px}.theme-reader{--bg-color:#f7f5f0;--text-color:#1e293b;--text-muted:#64748b;--primary:#475569;--primary-glow:#4755691a;--secondary:#94a3b8;--card-bg:#ffffffe6;--card-border:#47556926;--card-hover-border:#47556966;--font-heading:"Instrument Serif", serif;--font-body:"Plus Jakarta Sans", sans-serif;--accent-gradient:linear-gradient(135deg, #475569 0%, #94a3b8 100%);--grid-gap:16px;--glow-color:#475569;--panel-blur:4px}.container{max-width:1300px;margin:0 auto;padding:2rem}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--panel-blur));border:1px solid var(--card-border);border-radius:20px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.glass-panel:before{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0d 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.glass-panel:hover:before{opacity:1}.glass-panel:hover{border-color:var(--card-hover-border);box-shadow:0 15px 40px #00000040, 0 0 15px var(--primary-glow);transform:translateY(-4px)}.marquee-container{white-space:nowrap;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);background:#0003;width:100%;padding:.5rem 0;overflow:hidden}.marquee-content{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--primary);font-size:1.2rem;font-weight:800;animation:20s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em}.glow-text{text-shadow:0 0 10px var(--primary-glow)}.interactive-title{cursor:default;transition:transform .1s;display:inline-block}.interactive-title span{transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.interactive-title span:hover{color:var(--primary);text-shadow:0 0 12px var(--glow-color);transform:translateY(-8px)scale(1.15)rotate(5deg)}.btn-micro{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);font-family:var(--font-body);cursor:pointer;z-index:1;border-radius:12px;align-items:center;gap:8px;padding:.8rem 1.5rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-micro:after{content:"";background:var(--accent-gradient);z-index:-2;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;bottom:0;left:0}.btn-micro:before{content:"";background:var(--bg-color);z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .3s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0;transform:scaleY(0)}.btn-micro:hover{color:#fff;box-shadow:0 5px 15px var(--primary-glow);border-color:#0000}.btn-micro:hover:after{opacity:1}.btn-micro:active{transform:scale(.95)}.bento-grid{gap:var(--grid-gap);grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;margin-top:2rem;margin-bottom:4rem;display:grid}.bento-w1{grid-column:span 1}.bento-w2{grid-column:span 2}.bento-w3{grid-column:span 3}.bento-w4{grid-column:span 4}.bento-h1{grid-row:span 1}.bento-h2{grid-row:span 2}.bento-h3{grid-row:span 3}.theme-developer .bento-grid{grid-auto-rows:200px}.theme-designer .bento-grid{grid-auto-rows:240px}.theme-reader .bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.theme-reader .glass-panel{border-radius:12px;padding:2rem;grid-area:span 1/span 1!important}.scrollytelling-container{border-top:1px solid var(--card-border);min-height:400vh;margin-top:4rem;margin-bottom:4rem;display:flex;position:relative}.scrollytelling-visual{justify-content:center;align-items:center;width:55%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scrollytelling-content{width:45%;padding-left:2rem}.scrollytelling-step{opacity:.15;flex-direction:column;justify-content:center;height:100vh;padding:2rem;transition:opacity .5s,transform .5s;display:flex;transform:translateY(20px)}.scrollytelling-step.active{opacity:1;transform:translateY(0)}.exhibition-canvas-container{cursor:grab;width:100%;height:100%;min-height:250px;position:relative}.exhibition-canvas-container:active{cursor:grabbing}.three-overlay{border:1px solid var(--card-border);pointer-events:none;font-size:.8rem;font-family:var(--font-body);background:#0009;border-radius:8px;padding:6px 12px;position:absolute;top:10px;left:10px}.canvas-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.scanlines{z-index:999;pointer-events:none;opacity:0;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px;width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.theme-developer .scanlines{opacity:.15}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-w4,.bento-w3,.bento-w2{grid-column:span 2}.scrollytelling-container{flex-direction:column-reverse;min-height:auto}.scrollytelling-visual{width:100%;height:400px;position:relative;top:auto}.scrollytelling-content{width:100%;padding-left:0}.scrollytelling-step{height:auto;padding:3rem 1rem}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-w4,.bento-w3,.bento-w2,.bento-w1{grid-column:span 1}.bento-h2,.bento-h3{grid-row:span 1}.container{padding:1rem}}.flex-center{justify-content:center;align-items:center;display:flex}.badge{background:var(--primary-glow);color:var(--primary);border:1px solid var(--card-border);border-radius:8px;width:fit-content;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.admin-layout{flex:1;gap:1.5rem;min-height:450px;display:flex}.admin-sidebar{border-right:1px solid #ffffff14;flex-direction:column;gap:6px;width:180px;padding-right:1rem;display:flex}.admin-tab-btn{color:var(--text-muted);text-align:left;cursor:pointer;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.admin-tab-btn:hover{color:var(--text-color);background:#ffffff08}.admin-tab-btn.active{color:var(--primary);background:var(--primary-glow);border-color:var(--card-border)}.admin-content{flex-direction:column;flex:1;gap:1.25rem;max-height:60vh;padding-right:8px;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:6px;width:100%;display:flex}.form-group label{text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-size:.75rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--card-border);color:#fff;background:#0000004d;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .3s,box-shadow .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.form-textarea{resize:vertical;min-height:100px}.dropzone{border:2px dashed var(--card-border);text-align:center;cursor:pointer;background:#ffffff03;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:1.5rem;transition:all .3s;display:flex}.dropzone:hover{border-color:var(--primary);background:#00ffcc05}.avatar-preview-container{align-items:center;gap:15px;margin-top:10px;display:flex}.avatar-preview{border:1px solid var(--card-border);object-fit:cover;border-radius:12px;width:80px;height:80px}.admin-list-item{border:1px solid var(--card-border);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.news-slider-card{flex-direction:column;justify-content:space-between;width:100%;max-width:900px;min-height:300px;margin:0 auto;transition:transform .4s,box-shadow .4s;display:flex;position:relative}.slide-transition{animation:.5s cubic-bezier(.16,1,.3,1) slideFadeIn}@keyframes slideFadeIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.slider-nav-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.slider-nav-btn:hover{color:#fff;border-color:var(--primary);background:var(--primary-glow);box-shadow:0 0 10px var(--primary-glow)}.slider-dots{justify-content:center;gap:8px;margin-top:1.5rem;display:flex}.slider-dot{cursor:pointer;background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.slider-dot.active{background:var(--primary);box-shadow:0 0 10px var(--primary);border-radius:4px;width:24px}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;width:100%;padding-bottom:10px;padding-right:0;overflow-x:auto}.admin-tab-btn{white-space:nowrap}.admin-content{max-height:50vh}}