body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-emerald:#10b981;--primary-emerald-light:#34d399;--primary-emerald-dark:#059669;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-orange:#f59e0b;--success-green:#22c55e;--warning-yellow:#eab308;--danger-red:#ef4444;--trust-blue:#0ea5e9;--creativity-purple:#a855f7;--energy-orange:#fb923c;--calm-teal:#14b8a6;--focus-indigo:#6366f1}body{animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#0f172a,#1e293b 25%,#0f172a 50%,#1e293b 75%,#0f172a);background-size:400% 400%;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.app{min-height:100vh;overflow-x:hidden;position:relative}.app:before{animation:floatingParticles 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#10b9814d,#0000),radial-gradient(2px 2px at 40px 70px,#3b82f64d,#0000),radial-gradient(1px 1px at 90px 40px,#8b5cf64d,#0000),radial-gradient(1px 1px at 130px 80px,#ec48994d,#0000),radial-gradient(2px 2px at 160px 30px,#f59e0b4d,#0000);background-repeat:repeat;background-size:200px 100px;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes floatingParticles{0%{opacity:.6;transform:translateY(0) rotate(0deg)}50%{opacity:.8}to{opacity:.6;transform:translateY(-100px) rotate(1turn)}}.header{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border-bottom:2px solid #0000;border-image:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#ec4899,#f59e0b) 1;box-shadow:0 4px 20px #10b98126;overflow:hidden;padding:1rem 0;position:relative}.header:before{animation:headerShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes headerShimmer{0%{left:-100%}to{left:100%}}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.logo{background:linear-gradient(135deg,#10b981,#34d399 50%,#6ee7b7);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:1.5rem;font-weight:700;margin:0;position:relative;transition:all .3s ease}.logo,.logo:before{-webkit-text-fill-color:#0000}.logo:before{animation:energyPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b 25%,#ef4444 50%,#dc2626 75%,#b91c1c);-webkit-background-clip:text;background-clip:text;content:"⚡";filter:drop-shadow(0 0 12px rgba(251,191,36,.8)) drop-shadow(0 0 20px rgba(239,68,68,.6));font-size:1.25rem;margin-right:.5rem}@keyframes energyPulse{0%,to{filter:drop-shadow(0 0 8px rgba(251,191,36,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(239,68,68,.8));transform:scale(1.1)}}.logo:hover{filter:brightness(1.2);transform:scale(1.05)}.search-input{background:linear-gradient(135deg,#475569,#64748b 50%,#475569);border:2px solid #0000;border-radius:.75rem;box-shadow:inset 0 2px 4px #0000001a,0 0 15px #10b9810d;color:#f1f5f9;font-size:.875rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;position:relative;transition:all .3s ease;width:100%}.search-box{flex:1 1;max-width:400px;position:relative}.search-box:before{animation:searchGlow 3s ease-in-out infinite;content:"🔍";filter:drop-shadow(0 0 8px rgba(16,185,129,.9)) drop-shadow(0 0 15px rgba(52,211,153,.7)) drop-shadow(0 0 25px rgba(110,231,183,.5));font-size:1.1rem;left:.75rem;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@keyframes searchGlow{0%,to{filter:drop-shadow(0 0 6px rgba(16,185,129,.7));transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 12px rgba(52,211,153,.9));transform:translateY(-50%) scale(1.05)}}.search-input:focus{background:linear-gradient(135deg,#64748b,#475569 50%,#64748b);border-color:#10b981;box-shadow:0 0 0 4px #10b98140,0 4px 20px #10b9814d,inset 0 2px 4px #0000001a;transform:scale(1.02)}.search-input::placeholder{color:#cbd5e1;opacity:.8}.header-actions{display:flex;gap:.5rem}.btn-primary{background:linear-gradient(135deg,#10b981,#059669 50%,#047857);border:2px solid #0000;border-image:linear-gradient(135deg,#34d399,#10b981) 1;border-radius:.75rem;box-shadow:0 4px 15px #10b98166,0 0 20px #10b9811a;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.5rem 1.25rem;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#059669,#047857 50%,#065f46);border-image:linear-gradient(135deg,#6ee7b7,#34d399) 1;box-shadow:0 8px 25px #10b98180,0 0 30px #10b98133;transform:translateY(-2px) scale(1.02)}.btn-primary:hover:before{left:100%}.btn-secondary{background:linear-gradient(135deg,#475569,#64748b);border:2px solid #10b98133;border-radius:.5rem;color:#f1f5f9;cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.5rem 1.25rem;position:relative;transition:all .3s ease}.btn-secondary:before{animation:userIconPulse 2.5s ease-in-out infinite;content:"👤";filter:drop-shadow(0 0 6px rgba(16,185,129,.8)) drop-shadow(0 0 12px rgba(59,130,246,.6)) drop-shadow(0 0 18px rgba(139,92,246,.4));font-size:.875rem;margin-right:.5rem}@keyframes userIconPulse{0%,to{filter:drop-shadow(0 0 4px rgba(16,185,129,.6))}50%{filter:drop-shadow(0 0 8px rgba(52,211,153,.8))}}.btn-secondary:hover{background:linear-gradient(135deg,#64748b,#475569);border-color:#10b98166;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.main{min-height:calc(100vh - 80px);padding:2rem 0;position:relative}.main:before{animation:colorShift 25s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#10b9810a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f60a 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b5cf608 0,#0000 50%),radial-gradient(circle at 60% 70%,#ec489908 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes colorShift{0%,to{opacity:1}50%{opacity:.7}}.error,.loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:50vh;position:relative}.loading:before{animation:loadingPulse 2s ease-in-out infinite;background:radial-gradient(circle,#10b9811a 0,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes loadingPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.spinner{animation:spin 1s linear infinite,colorShift 3s ease-in-out infinite;border:3px solid #0000;border-color:#10b981 #34d399 #6ee7b7 #a7f3d0;border-radius:50%;border-style:solid;border-width:3px;filter:drop-shadow(0 0 10px rgba(16,185,129,.5));height:2.5rem;position:relative;width:2.5rem;z-index:1}.spinner:before{animation:spin 2s linear infinite reverse;border:2px solid #0000;border-radius:50%;border-top-color:#10b9814d;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome{margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1000px;text-align:center}.welcome h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;position:relative;text-shadow:0 2px 4px #f1f5f94d}.welcome h1:before{animation:targetPulse 2s infinite;content:"🎯";filter:drop-shadow(0 0 15px rgba(239,68,68,1)) drop-shadow(0 0 25px rgba(220,38,38,.8)) drop-shadow(0 0 35px rgba(185,28,28,.6));left:-3rem}.welcome h1:after,.welcome h1:before{font-size:2.2rem;position:absolute;top:50%;transform:translateY(-50%)}.welcome h1:after{animation:lightningPulse 2s 1s infinite;content:"⚡";filter:drop-shadow(0 0 18px rgba(251,191,36,1)) drop-shadow(0 0 30px rgba(245,158,11,.9)) drop-shadow(0 0 40px rgba(217,119,6,.7));right:-3rem}@keyframes targetPulse{0%,to{filter:drop-shadow(0 0 10px rgba(239,68,68,.8));opacity:.7;transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 20px rgba(239,68,68,1));opacity:1;transform:translateY(-50%) scale(1.15)}}@keyframes lightningPulse{0%,to{filter:drop-shadow(0 0 12px rgba(251,191,36,.9));opacity:.7;transform:translateY(-50%) scale(1)}50%{filter:drop-shadow(0 0 25px rgba(251,191,36,1));opacity:1;transform:translateY(-50%) scale(1.15)}}@keyframes pulse{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}.welcome p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#cbd5e1,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:500;position:relative}.welcome p:before{animation:sparkleLeft 3s ease-in-out infinite;content:"✨";filter:drop-shadow(0 0 12px rgba(168,85,247,1)) drop-shadow(0 0 20px rgba(147,51,234,.8)) drop-shadow(0 0 30px rgba(126,34,206,.6));font-size:1.1rem;margin-right:.5rem}.welcome p:after{animation:sparkleRight 3s ease-in-out 1.5s infinite;content:"✨";filter:drop-shadow(0 0 12px rgba(236,72,153,1)) drop-shadow(0 0 20px rgba(219,39,119,.8)) drop-shadow(0 0 30px rgba(190,24,93,.6));font-size:1.1rem;margin-left:.5rem}@keyframes sparkleLeft{0%,to{filter:drop-shadow(0 0 8px rgba(168,85,247,.8));transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 15px rgba(168,85,247,1));transform:scale(1.2) rotate(180deg)}}@keyframes sparkleRight{0%,to{filter:drop-shadow(0 0 8px rgba(236,72,153,.8));transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 15px rgba(236,72,153,1));transform:scale(1.2) rotate(-180deg)}}.hash-pro-subtitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399 50%,#6ee7b7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 2px 4px #10b9814d}.hash-pro-subtitle:before{animation:diamondRotate 3s linear infinite;content:"💎";filter:drop-shadow(0 0 15px rgba(59,130,246,1)) drop-shadow(0 0 25px rgba(37,99,235,.8)) drop-shadow(0 0 35px rgba(29,78,216,.6));font-size:1.4rem;margin-right:.5rem}@keyframes diamondRotate{0%{filter:drop-shadow(0 0 10px rgba(59,130,246,.9));transform:rotate(0deg)}25%{filter:drop-shadow(0 0 15px rgba(168,85,247,1))}50%{filter:drop-shadow(0 0 20px rgba(236,72,153,1))}75%{filter:drop-shadow(0 0 15px rgba(16,185,129,1))}to{filter:drop-shadow(0 0 10px rgba(59,130,246,.9));transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.section{margin-bottom:3rem}.section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #0000;border-image:linear-gradient(135deg,#10b981,#34d399,#6ee7b7) 1;display:flex;font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative;text-shadow:0 2px 4px #f1f5f933}.categories-container{display:flex;flex-direction:column;gap:1rem}.section-tabs{background:#ffffff08;border:1px solid #10b9811a;border-radius:16px;gap:1rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding:.5rem}.section-tabs,.tab-button{display:flex;justify-content:center}.tab-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;color:#94a3b8;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab-button:hover{background:#10b9810d;border-color:#10b9814d;color:#cbd5e1;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#10b98126,#34d3991a);border-color:#10b981;box-shadow:0 4px 12px #10b9814d;color:#10b981}.tab-button.active:before{background:linear-gradient(90deg,#10b981,#34d399);content:"";height:3px;left:0;position:absolute;right:0;top:0}.tab-icon{filter:drop-shadow(0 0 8px rgba(16,185,129,.5));font-size:1.3rem}.tab-count{background:#10b98133;border-radius:8px;font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}.tab-button.active .tab-count{background:#10b9814d;color:#10b981}.section-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.grouped-categories-wrapper{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.topic-group{background:#ffffff05;border:1px solid #10b9811a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.topic-group:hover{border-color:#10b9814d;box-shadow:0 4px 12px #10b9811a}.group-header{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.group-header:hover{transform:translateX(4px)}.group-title{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.group-icon{filter:drop-shadow(0 0 10px rgba(16,185,129,.5));font-size:2rem}.group-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:1.5rem;font-weight:600;margin:0}.group-arrow{color:#10b981;font-size:1.2rem;transition:transform .2s ease}.group-meta{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;margin-left:3rem}.group-description{font-style:italic;opacity:.8}.group-count{background:#10b9811a;border-radius:12px;color:#10b981;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.categories-container.grouped{border-left:2px solid #10b98133;margin-left:2rem;margin-top:1rem;padding-left:1rem}@media (max-width:768px){.section-tabs{flex-direction:column;gap:.75rem;padding:.75rem}.tab-button{font-size:.9rem;padding:.875rem 1rem}.tab-icon{font-size:1.1rem}.tab-count{font-size:.7rem;padding:.2rem .4rem}.section-content{padding:1.5rem .5rem}.group-title h3{font-size:1.2rem}.group-icon{font-size:1.5rem}.group-meta{align-items:flex-start;flex-direction:column;gap:.5rem;margin-left:2rem}.categories-container.grouped{margin-left:1rem;padding-left:.5rem}.topic-group{padding:1rem}}.category-section{width:100%}.categories-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.category-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#334155,#475569);border:2px solid #0000;border-left:4px solid #10b981;border-radius:.75rem;box-shadow:0 4px 15px #00000026,0 0 20px #10b9810d;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;width:100%}.category-card[data-category=arrays]{border-left-color:#3b82f6}.category-card[data-category=heaps]{border-left-color:#10b981}.category-card[data-category=binary-tree]{border-left-color:#f59e0b}.category-card[data-category=binary-search-tree]{border-left-color:#ef4444}.category-card[data-category=binary-search]{border-left-color:#8b5cf6}.category-card[data-category=bit-manipulation]{border-left-color:#ec4899}.category-card[data-category=graphs]{border-left-color:#06b6d4}.category-card[data-category=linked-list]{border-left-color:#84cc16}.category-card[data-category=sliding-window--two-pointer]{border-left-color:#f97316}.category-card[data-category=dynamic-programming]{border-left-color:#dc2626}.category-card[data-category=tries]{border-left-color:#7c3aed}.category-card[data-category=strings]{border-left-color:#059669}.category-card[data-category=data-types]{border-left-color:#dc2626}.category-card[data-category=for-loop]{border-left-color:#ea580c}.category-card[data-category=while-loop]{border-left-color:#d97706}.category-card[data-category=if--else-statements]{border-left-color:#65a30d}.category-card[data-category=functions]{border-left-color:#0891b2}.category-card[data-category=all-patterns]{border-left-color:#7c2d12}.category-card[data-category=stl--c]{border-left-color:#be185d}.category-card:before{background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.category-card:hover{background:linear-gradient(135deg,#475569,#334155);border-color:#10b98180;box-shadow:0 12px 35px #10b98140,0 0 30px #10b98126;transform:translateY(-5px) scale(1.02)}.category-card:hover:before{left:100%}.category-card.expanded{background:linear-gradient(135deg,#475569,#334155);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 4px 15px #10b98133}.category-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:1.125rem;font-weight:700;margin-bottom:.25rem;position:relative}.category-info h3:before{animation:bookGlow 2.5s ease-in-out infinite;content:"📚";filter:drop-shadow(0 0 10px rgba(59,130,246,1)) drop-shadow(0 0 18px rgba(37,99,235,.8)) drop-shadow(0 0 28px rgba(29,78,216,.6)) drop-shadow(0 0 38px rgba(30,64,175,.4));font-size:1.1rem;margin-right:.5rem}@keyframes bookGlow{0%,to{filter:drop-shadow(0 0 6px rgba(59,130,246,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(147,51,234,1));transform:scale(1.05)}}.problem-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#64748b,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:500;position:relative}.problem-count:before{animation:targetGlow 3s ease-in-out infinite;content:"🎯";filter:drop-shadow(0 0 8px rgba(239,68,68,1)) drop-shadow(0 0 15px rgba(220,38,38,.8)) drop-shadow(0 0 22px rgba(185,28,28,.6));font-size:.85rem;margin-right:.25rem}@keyframes targetGlow{0%,to{filter:drop-shadow(0 0 4px rgba(239,68,68,.7))}50%{filter:drop-shadow(0 0 8px rgba(251,191,36,.9))}}.category-icon{align-items:center;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;box-shadow:0 2px 8px #10b9814d;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:2.5rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:2.5rem}.category-card[data-category=arrays] .category-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #3b82f666}.category-card[data-category=heaps] .category-icon{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 8px #10b98166}.category-card[data-category=binary-tree] .category-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 2px 8px #f59e0b66}.category-card[data-category=binary-search-tree] .category-icon{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 8px #ef444466}.category-card[data-category=binary-search] .category-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 2px 8px #8b5cf666}.category-card[data-category=bit-manipulation] .category-icon{background:linear-gradient(135deg,#ec4899,#f472b6);box-shadow:0 2px 8px #ec489966}.category-card[data-category=graphs] .category-icon{background:linear-gradient(135deg,#06b6d4,#22d3ee);box-shadow:0 2px 8px #06b6d466}.category-card[data-category=linked-list] .category-icon{background:linear-gradient(135deg,#84cc16,#a3e635);box-shadow:0 2px 8px #84cc1666}.category-card[data-category=sliding-window--two-pointer] .category-icon{background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 2px 8px #f9731666}.category-card[data-category=dynamic-programming] .category-icon{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 8px #dc262666}.category-card[data-category=tries] .category-icon{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 2px 8px #7c3aed66}.category-card[data-category=strings] .category-icon{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 8px #05966966}.category-card[data-category=data-types] .category-icon{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 8px #dc262666}.category-card[data-category=for-loop] .category-icon{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 2px 8px #ea580c66}.category-card[data-category=while-loop] .category-icon{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 2px 8px #d9770666}.category-card[data-category=if--else-statements] .category-icon{background:linear-gradient(135deg,#65a30d,#84cc16);box-shadow:0 2px 8px #65a30d66}.category-card[data-category=functions] .category-icon{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 2px 8px #0891b266}.category-card[data-category=all-patterns] .category-icon{background:linear-gradient(135deg,#7c2d12,#dc2626);box-shadow:0 2px 8px #7c2d1266}.category-card[data-category=stl--c] .category-icon{background:linear-gradient(135deg,#be185d,#ec4899);box-shadow:0 2px 8px #be185d66}.category-icon:before{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s}.category-card:hover .category-icon{box-shadow:0 4px 15px #10b98180;transform:rotate(1turn) scale(1.1)}.category-card[data-category=arrays]:hover .category-icon{box-shadow:0 4px 15px #3b82f699}.category-card[data-category=heaps]:hover .category-icon{box-shadow:0 4px 15px #10b98199}.category-card[data-category=binary-tree]:hover .category-icon{box-shadow:0 4px 15px #f59e0b99}.category-card[data-category=binary-search-tree]:hover .category-icon{box-shadow:0 4px 15px #ef444499}.category-card[data-category=binary-search]:hover .category-icon{box-shadow:0 4px 15px #8b5cf699}.category-card[data-category=bit-manipulation]:hover .category-icon{box-shadow:0 4px 15px #ec489999}.category-card[data-category=graphs]:hover .category-icon{box-shadow:0 4px 15px #06b6d499}.category-card[data-category=linked-list]:hover .category-icon{box-shadow:0 4px 15px #84cc1699}.category-card[data-category=sliding-window--two-pointer]:hover .category-icon{box-shadow:0 4px 15px #f9731699}.category-card[data-category=dynamic-programming]:hover .category-icon{box-shadow:0 4px 15px #dc262699}.category-card[data-category=tries]:hover .category-icon{box-shadow:0 4px 15px #7c3aed99}.category-card[data-category=strings]:hover .category-icon{box-shadow:0 4px 15px #05966999}.category-card[data-category=data-types]:hover .category-icon{box-shadow:0 4px 15px #dc262699}.category-card[data-category=for-loop]:hover .category-icon{box-shadow:0 4px 15px #ea580c99}.category-card[data-category=while-loop]:hover .category-icon{box-shadow:0 4px 15px #d9770699}.category-card[data-category=if--else-statements]:hover .category-icon{box-shadow:0 4px 15px #65a30d99}.category-card[data-category=functions]:hover .category-icon{box-shadow:0 4px 15px #0891b299}.category-card[data-category=all-patterns]:hover .category-icon{box-shadow:0 4px 15px #7c2d1299}.category-card[data-category=stl--c]:hover .category-icon{box-shadow:0 4px 15px #be185d99}.category-card:hover .category-icon:before{transform:translateX(100%)}.category-problems{animation:slideDown .3s ease;background:#475569;border:1px solid #64748b;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border-top:none;padding:1rem}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:500px;opacity:1;padding-bottom:1rem;padding-top:1rem}}.category-problems .problems-list{gap:.5rem}.category-problems .problem-item{background:#334155;border:1px solid #64748b;padding:.75rem 1rem}.category-problems .problem-item:hover{background:#1e293b;border-color:#10b981}.no-problems{color:#94a3b8;padding:2rem;text-align:center}.no-problems p{font-size:.875rem;margin-bottom:1rem}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.back-btn{border-radius:.375rem;font-size:1rem;padding:.5rem;transition:all .2s}.back-btn:hover{background:#eff6ff}.category-header h2{color:#065f46;font-size:1.875rem;font-weight:700}.problems-list{display:flex;flex-direction:column;gap:.75rem}.problem-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#334155,#475569);border:2px solid #0000;border-radius:.75rem;box-shadow:0 3px 10px #00000026,0 0 15px #10b98108;cursor:pointer;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.problem-item:before{background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.problem-item:hover{background:linear-gradient(135deg,#1e293b,#334155);border-color:#10b98199;box-shadow:0 8px 25px #10b9814d,0 0 20px #10b9811a;transform:translateX(8px) translateY(-2px)}.problem-item:hover:before{left:100%}.problem-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.problem-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:1rem;font-weight:600;margin:0;position:relative}.problem-info h3:before{animation:lightbulbGlow 2s ease-in-out infinite;content:"💡";filter:drop-shadow(0 0 10px rgba(251,191,36,1)) drop-shadow(0 0 18px rgba(245,158,11,.9)) drop-shadow(0 0 28px rgba(217,119,6,.7)) drop-shadow(0 0 38px rgba(180,83,9,.5));font-size:1rem;margin-right:.5rem}@keyframes lightbulbGlow{0%,to{filter:drop-shadow(0 0 6px rgba(251,191,36,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(251,191,36,1));transform:scale(1.1)}}.difficulty{border-radius:.375rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.25rem .75rem;position:relative;text-transform:uppercase;transition:all .3s ease}.difficulty:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.difficulty:hover:before{left:100%}.difficulty.easy{background:linear-gradient(135deg,#22c55e4d,#22c55e33);border:1px solid #4ade804d;box-shadow:0 2px 4px #22c55e33;color:#4ade80}.difficulty.easy:after{animation:easyPulse 2s ease-in-out infinite;content:"🟢";filter:drop-shadow(0 0 8px rgba(34,197,94,1)) drop-shadow(0 0 15px rgba(22,163,74,.8)) drop-shadow(0 0 22px rgba(21,128,61,.6));font-size:.75rem;margin-left:.25rem}.difficulty.medium{background:linear-gradient(135deg,#fbbf244d,#fbbf2433);border:1px solid #fbbf244d;box-shadow:0 2px 4px #fbbf2433;color:#fbbf24}.difficulty.medium:after{animation:mediumPulse 2s ease-in-out .5s infinite;content:"🟡";filter:drop-shadow(0 0 8px rgba(251,191,36,1)) drop-shadow(0 0 15px rgba(245,158,11,.8)) drop-shadow(0 0 22px rgba(217,119,6,.6));font-size:.75rem;margin-left:.25rem}.difficulty.hard{background:linear-gradient(135deg,#ef44444d,#ef444433);border:1px solid #f871714d;box-shadow:0 2px 4px #ef444433;color:#f87171}.difficulty.hard:after{animation:hardPulse 2s ease-in-out 1s infinite;content:"🔴";filter:drop-shadow(0 0 8px rgba(239,68,68,1)) drop-shadow(0 0 15px rgba(220,38,38,.8)) drop-shadow(0 0 22px rgba(185,28,28,.6));font-size:.75rem;margin-left:.25rem}@keyframes easyPulse{0%,to{filter:drop-shadow(0 0 4px rgba(34,197,94,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(34,197,94,1));transform:scale(1.2)}}@keyframes mediumPulse{0%,to{filter:drop-shadow(0 0 4px rgba(251,191,36,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(251,191,36,1));transform:scale(1.2)}}@keyframes hardPulse{0%,to{filter:drop-shadow(0 0 4px rgba(239,68,68,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(239,68,68,1));transform:scale(1.2)}}.problem-category{color:#64748b;font-size:.875rem}.search-results h2{color:#f1f5f9;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.post-view{background:#0f172a;min-height:100vh;padding-top:0}.post-header{background:linear-gradient(135deg,#1e293b,#334155);border-bottom:1px solid #334155;box-shadow:0 1px 3px #0003;padding:1.25rem 0;position:relative;z-index:10}.post-nav{justify-content:space-between;margin-bottom:1rem}.post-nav,.post-nav .back-btn{align-items:center;display:flex}.post-nav .back-btn{background:#10b9811a;border:1px solid #10b98133;border-radius:.375rem;color:#10b981;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.post-nav .back-btn:hover{background:#10b98126;border-color:#10b9814d;transform:translateX(-1px)}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-actions{display:flex;gap:.5rem}.btn-edit{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f666}.btn-edit:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f680}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444466}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444480}.post-category{background:#47556999;border-radius:.375rem;color:#cbd5e1;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.post-title{color:#f8fafc;font-size:2rem;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin:0;max-width:1000px}.post-content-wrapper{flex:1 1;padding:2rem 0 3rem}.post-content{color:#cbd5e1;font-size:1.125rem;line-height:1.8;margin:0 auto;max-width:1000px;padding:0 2rem}.post-content p{margin-bottom:1.25rem}.post-content p:last-child{margin-bottom:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:#f8fafc;font-weight:600;letter-spacing:-.025em;margin-bottom:.75rem;margin-top:1.75rem}.post-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #10b98133;font-size:1.75rem;padding-bottom:.5rem;position:relative}.post-content h1:before{animation:rocketGlow 3s ease-in-out infinite;content:"🚀";filter:drop-shadow(0 0 12px rgba(16,185,129,1)) drop-shadow(0 0 20px rgba(52,211,153,.8)) drop-shadow(0 0 30px rgba(110,231,183,.6)) drop-shadow(0 0 40px rgba(167,243,208,.4));font-size:1.6rem;margin-right:.5rem}.post-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;position:relative}.post-content h2:before{animation:starTwinkle 2.5s ease-in-out infinite;content:"⭐";filter:drop-shadow(0 0 10px rgba(52,211,153,1)) drop-shadow(0 0 18px rgba(110,231,183,.8)) drop-shadow(0 0 28px rgba(167,243,208,.6)) drop-shadow(0 0 38px rgba(209,250,229,.4));font-size:1.4rem;margin-right:.5rem}.post-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6ee7b7,#a7f3d0);-webkit-background-clip:text;background-clip:text;font-size:1.375rem;position:relative}.post-content h3:before{animation:sparkleRotate 4s linear infinite;content:"💫";filter:drop-shadow(0 0 8px rgba(110,231,183,1)) drop-shadow(0 0 15px rgba(167,243,208,.8)) drop-shadow(0 0 25px rgba(209,250,229,.6)) drop-shadow(0 0 35px rgba(240,253,244,.4));font-size:1.25rem;margin-right:.5rem}@keyframes rocketGlow{0%,to{filter:drop-shadow(0 0 8px rgba(16,185,129,.8));transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(16,185,129,1));transform:scale(1.1)}}@keyframes starTwinkle{0%,to{filter:drop-shadow(0 0 6px rgba(52,211,153,.8));transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 12px rgba(52,211,153,1));transform:scale(1.15) rotate(180deg)}}@keyframes sparkleRotate{0%{filter:drop-shadow(0 0 5px rgba(110,231,183,.8));transform:rotate(0deg)}25%{filter:drop-shadow(0 0 8px rgba(167,243,208,1))}50%{filter:drop-shadow(0 0 10px rgba(110,231,183,1))}75%{filter:drop-shadow(0 0 8px rgba(167,243,208,1))}to{filter:drop-shadow(0 0 5px rgba(110,231,183,.8));transform:rotate(1turn)}}.post-content b,.post-content strong{color:#10b981;font-weight:600}.post-content ol,.post-content ul{line-height:1.8;margin:1.25rem 0;padding-left:2rem}.post-content ul{list-style-type:disc}.post-content ul ul{list-style-type:circle;margin-top:.5rem}.post-content ul ul ul{list-style-type:square}.post-content ol{list-style-type:decimal}.post-content ol ol{list-style-type:lower-alpha;margin-top:.5rem}.post-content ol ol ol{list-style-type:lower-roman}.post-content li{color:#cbd5e1;margin-bottom:.75rem;padding-left:.5rem}.post-content li::marker{color:#10b981;font-weight:700}.post-content code{background:linear-gradient(135deg,#10b98126,#34d3991a);border:1px solid #10b9814d;border-radius:.375rem;box-shadow:0 2px 4px #0000001a,0 0 8px #10b9811a;color:#34d399;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:500;padding:.25rem .5rem;position:relative}.post-content code,.post-content code *,.post-content pre,.post-content pre *{-webkit-touch-callout:none!important}.post-content pre [aria-label*=Copy]:not(.copy-code-btn),.post-content pre [aria-label*=copy]:not(.copy-code-btn),.post-content pre~[aria-label*=Copy],.post-content pre~[aria-label*=copy],.post-content pre~[title*=Copy],.post-content pre~[title*=copy]{display:none!important;opacity:0!important;visibility:hidden!important}.copy-code-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#d4d4d4;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px 8px;position:absolute;right:8px;top:8px;transition:all .2s ease;z-index:10}.copy-code-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.copy-code-btn.copied{background:#10b98133;border-color:#10b981;color:#10b981}.post-content pre:hover .copy-code-btn{opacity:1}.post-content pre{background:#1e1e1e;border:1px solid #2d2d30;border-radius:8px;box-shadow:0 8px 16px #0009;margin:1.5rem 0;overflow-x:auto;padding:1.5rem;position:relative}.post-content pre,.post-content pre code{font-family:Consolas,Courier New,monospace;line-height:1.7}.post-content pre code{background:none;border:none;color:#d4d4d4;display:block;font-size:1.1rem;padding:0}.post-content pre code .keyword{color:#569cd6;font-weight:400}.post-content pre code .string{color:#ce9178}.post-content pre code .comment{color:#6a9955;font-style:italic}.post-content pre code .function{color:#dcdcaa}.post-content pre code .number{color:#b5cea8}.post-content pre code .operator{color:#d4d4d4}.post-content pre code .class-name{color:#4ec9b0}.post-content pre code .variable{color:#9cdcfe}.post-content pre code .tag{color:#569cd6}.post-content pre code .attribute,.post-content pre code .property{color:#9cdcfe}.post-content pre code .value{color:#ce9178}.post-content pre code .selector{color:#d7ba7d}.post-content pre code .preprocessor{color:#c586c0}.post-content pre code .decorator{color:#dcdcaa;font-style:normal}.post-content pre code .macro{color:#c586c0}.post-content pre code .symbol{color:#4ec9b0}.post-content blockquote{background:#10b98114;border-left:3px solid #10b981;border-radius:0 .375rem .375rem 0;font-style:italic;margin:1.25rem 0;padding:1rem 1.25rem;position:relative}.post-content blockquote:before{color:#10b981;content:'"';font-family:serif;font-size:2rem;left:.5rem;position:absolute;top:-.5rem}.post-content table{border-collapse:collapse;margin:1.5rem 0;width:100%}.post-content td,.post-content th{border:1px solid #475569;padding:.75rem;text-align:left}.post-content th{background:#334155;color:#f1f5f9;font-weight:600}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#000c,#1e293be6);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}}.modal{animation:modalSlideIn .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#334155,#475569);border:2px solid #10b98133;border-radius:1rem;box-shadow:0 25px 50px #0000004d,0 0 40px #10b9811a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;background:#1e293b;border-bottom:1px solid #475569;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#f1f5f9;flex:1 1;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;line-height:1;margin-left:1rem;padding:.5rem;position:relative;transition:all .2s ease;width:2.5rem}.close-btn:hover{background:#10b9811a;color:#10b981;transform:scale(1.1)}.close-btn:active{transform:scale(.95)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.problem-meta{display:flex;gap:.75rem;margin-bottom:1.5rem}.category{background:#f1f5f9;border-radius:.25rem;color:#475569;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.problem-content{color:#e2e8f0;font-size:1rem;line-height:1.8}.problem-content p{margin-bottom:1rem}.problem-content p:last-child{margin-bottom:0}.problem-content b,.problem-content strong{color:#10b981;font-weight:600}.problem-content span{background:none!important}.problem-content ul{margin:1rem 0;padding-left:1.5rem}.problem-content li{margin-bottom:.5rem}.problem-content code{background:#475569;border-radius:.25rem;color:#10b981;font-family:Courier New,monospace;font-size:.875rem;padding:.25rem .5rem}.admin-login-modal{background:#334155;border:1px solid #475569;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;position:relative;width:100%}.admin-login-header{background:#1e293b;border-bottom:1px solid #475569;padding:2rem 2rem 1rem;position:relative;text-align:center}.admin-login-header h2{color:#f1f5f9;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.admin-login-header p{color:#cbd5e1;font-size:.9rem;margin:0}.admin-login-header .close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4755694d;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2.5rem}.admin-login-header .close-button:hover{background:#10b98133;box-shadow:0 4px 12px #10b9814d;color:#10b981;transform:scale(1.1)}.admin-login-header .close-button:active{transform:scale(.95)}.admin-login-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#f1f5f9;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{background:#475569;border:1px solid #64748b;border-radius:.5rem;box-sizing:border-box;color:#f1f5f9;font-size:1rem;outline:none;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.error-message{background:#991b1b;border:1px solid #dc2626;border-radius:.5rem;color:#fecaca;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.login-button{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.login-button:hover:not(:disabled){background:#059669}.login-button:disabled{background:#9ca3af;cursor:not-allowed}.login-button.loading{background:#6b7280}.login-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}.security-notice{background:#475569;border-top:1px solid #64748b;padding:1rem 2rem 2rem;text-align:center}.security-notice p{color:#10b981;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.security-notice small{color:#64748b;font-size:.75rem}.admin-setup-wizard{background:#334155;border:1px solid #475569;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;overflow-y:auto;position:relative;width:100%}.setup-header{background:#1e293b;border-bottom:1px solid #475569;padding:2rem 2rem 1rem;position:relative;text-align:center}.setup-header h2{color:#f1f5f9;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.setup-header p{color:#cbd5e1;font-size:.9rem;margin:0}.setup-header .close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4755694d;border:none;border-radius:50%;color:#cbd5e1;cursor:pointer;display:flex;font-size:1.25rem;height:2.5rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2.5rem}.setup-header .close-button:hover{background:#10b98133;box-shadow:0 4px 12px #10b9814d;color:#10b981;transform:scale(1.1)}.setup-header .close-button:active{transform:scale(.95)}.setup-step{padding:2rem}.setup-step h3{color:#f1f5f9;font-size:1.25rem;margin:0 0 1rem}.setup-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.setup-option{align-items:center;background:#475569;border:2px solid #64748b;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .2s}.setup-option:hover{background:#64748b;border-color:#10b981}.option-icon{flex-shrink:0;font-size:2rem}.option-content h4{color:#f1f5f9;font-size:1rem;margin:0 0 .5rem}.option-content p{color:#cbd5e1;font-size:.875rem;line-height:1.4;margin:0}.setup-form{margin-top:1.5rem}.setup-submit-btn{background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.setup-submit-btn:hover:not(:disabled){background:#059669}.setup-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.success-message{background:#d1fae5;border:1px solid #a7f3d0;border-radius:.5rem;color:#065f46;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.back-btn{background:none;border:none;color:#10b981;cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:.5rem 0}.back-btn:hover{color:#059669}.setup-option-section{border-top:1px solid #e2e8f0;padding:1rem 2rem;text-align:center}.divider{align-items:center;display:flex;margin:1rem 0}.divider:after,.divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.divider span{color:#64748b;font-size:.875rem;padding:0 1rem}.setup-wizard-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.5rem;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1rem;transition:all .2s;width:100%}.setup-wizard-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155}@media (min-width:768px) and (max-width:1024px){.post-content{font-size:1.125rem;line-height:1.8;max-width:900px;padding:0 2rem}.post-title{font-size:1.875rem}.post-content h1{font-size:1.625rem}.post-content h2{font-size:1.375rem}.post-content h3{font-size:1.25rem}.post-content code,.post-content pre code{font-size:1.05rem}}@media (max-width:767px){.header-content{flex-direction:column;gap:1rem}.search-box{max-width:none;order:2;width:100%}.welcome h1{font-size:2rem}.categories-grid{grid-template-columns:1fr}.modal{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-body,.modal-header{padding:1rem}.problem-info{align-items:flex-start;flex-direction:column;gap:.5rem}.post-header{padding:1.25rem 0;position:static}.post-nav{gap:1rem;margin-bottom:1rem}.post-meta,.post-nav{align-items:flex-start;flex-direction:column}.admin-actions,.post-meta{width:100%}.admin-actions button{flex:1 1;justify-content:center}.post-title{font-size:1.625rem;line-height:1.3}.post-content-wrapper{padding:1.5rem 0}.post-content{font-size:1.0625rem;line-height:1.7;max-width:100%;padding:0 1.25rem}.post-content h1{font-size:1.5rem}.post-content h2{font-size:1.375rem}.post-content h3{font-size:1.25rem}.post-content p{margin-bottom:1.25rem}.post-content ol,.post-content ul{margin:1.25rem 0;padding-left:1.5rem}.post-content pre{margin:1.25rem 0;padding:1.25rem}.post-content code{font-size:1rem;padding:.25rem .4rem}.post-content pre code{font-size:1rem}}@media (min-width:1440px){.post-content{font-size:1.25rem;line-height:1.9;max-width:1200px;padding:0 3rem}.post-title{font-size:2.25rem;max-width:1200px}.post-content h1{font-size:2rem}.post-content h2{font-size:1.75rem}.post-content h3{font-size:1.5rem}.post-content code,.post-content pre code{font-size:1.3rem}.post-content pre{padding:2rem}}.footer{background:linear-gradient(135deg,#1e293b,#334155 50%,#475569);border-image:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#ec4899,#f59e0b) 1;border-top:2px solid #0000;margin-top:4rem;overflow:hidden;padding:2rem 0;position:relative}.footer:before{animation:footerShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes footerShimmer{0%{left:-100%}to{left:100%}}.footer-content{position:relative;text-align:center;z-index:1}.footer-content p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#cbd5e1,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#cbd5e1;font-size:.875rem;line-height:1.6;margin:0}.footer-content a{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;color:#10b981;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.footer-content a:hover{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(16,185,129,.6));transform:scale(1.05)}.footer-content a:before{background:linear-gradient(90deg,#10b981,#34d399);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-content a:hover:before{width:100%}@media (max-width:767px){.footer{margin-top:2rem;padding:1.5rem 0}.footer-content p{font-size:.75rem;line-height:1.5;padding:0 1rem}}.icon-fire-basics{color:#ff9800;margin-right:8px}.icon-fire-advance{color:#2196f3;margin-right:8px}.post-content-preview{color:#cbd5e1;font-size:1.125rem;line-height:1.8}.post-content-preview p{margin-bottom:1.25rem}.post-content-preview h1,.post-content-preview h2,.post-content-preview h3{color:#f8fafc;font-weight:600;margin-bottom:.75rem;margin-top:1.75rem}.post-content-preview h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #10b98133;font-size:1.75rem;padding-bottom:.5rem}.post-content-preview h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;background-clip:text;font-size:1.5rem}.post-content-preview h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6ee7b7,#a7f3d0);-webkit-background-clip:text;background-clip:text;font-size:1.375rem}.post-content-preview b,.post-content-preview strong{color:#10b981;font-weight:600}.post-content-preview ol,.post-content-preview ul{line-height:1.8;margin:1.25rem 0;padding-left:2rem}.post-content-preview ul{list-style-type:disc}.post-content-preview ul ul{list-style-type:circle;margin-top:.5rem}.post-content-preview ul ul ul{list-style-type:square}.post-content-preview ol{list-style-type:decimal}.post-content-preview ol ol{list-style-type:lower-alpha;margin-top:.5rem}.post-content-preview ol ol ol{list-style-type:lower-roman}.post-content-preview li{color:#e2e8f0;margin-bottom:.75rem;padding-left:.5rem}.post-content-preview li::marker{color:#10b981;font-weight:700}.post-content-preview code{background:linear-gradient(135deg,#10b98126,#34d3991a);border:1px solid #10b9814d;border-radius:.375rem;color:#34d399;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:500;padding:.25rem .5rem}.post-content-preview pre{background:#1e1e1e;border:1px solid #2d2d30;border-radius:8px;box-shadow:0 8px 16px #0009;margin:3rem 0 1.5rem;overflow-x:auto;padding:1.5rem;position:relative}.post-content-preview pre,.post-content-preview pre code{font-family:Consolas,Courier New,monospace;line-height:1.6}.post-content-preview pre code{background:none;border:none;color:#d4d4d4;display:block;font-size:.95rem;padding:0}.post-content-preview blockquote{background:#10b98114;border-left:3px solid #10b981;border-radius:0 .375rem .375rem 0;font-style:italic;margin:1.25rem 0;padding:1rem 1.25rem}.post-content-preview table{border-collapse:collapse;margin:1.5rem 0;width:100%}.post-content-preview td,.post-content-preview th{border:1px solid #475569;padding:.75rem;text-align:left}.post-content-preview th{background:#334155;color:#f1f5f9;font-weight:600}.post-content-preview pre code .keyword{color:#569cd6;font-weight:400}.post-content-preview pre code .string{color:#ce9178}.post-content-preview pre code .comment{color:#6a9955;font-style:italic}.post-content-preview pre code .function{color:#dcdcaa}.post-content-preview pre code .number{color:#b5cea8}.post-content-preview pre code .operator{color:#d4d4d4}.post-content-preview pre code .class-name{color:#4ec9b0}.post-content-preview pre code .variable{color:#9cdcfe}.post-content-preview pre code .tag{color:#569cd6}.post-content-preview pre code .attribute,.post-content-preview pre code .property{color:#9cdcfe}.post-content-preview pre code .value{color:#ce9178}.post-content-preview pre code .selector{color:#d7ba7d}.post-content-preview pre code .preprocessor{color:#c586c0}.post-content-preview pre code .decorator{color:#dcdcaa;font-style:normal}.post-content-preview pre code .macro{color:#c586c0}.post-content-preview pre code .symbol{color:#4ec9b0}.post-content-preview pre[data-language]:before{background:#0000;border-radius:4px;color:#858585;content:attr(data-language);font-family:Consolas,Courier New,monospace;font-size:.75rem;font-weight:400;left:0;letter-spacing:.02em;padding:.25rem .5rem;position:absolute;text-transform:lowercase;top:-35px}
/*# sourceMappingURL=main.12a07c39.css.map*/