:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--secondary: #0d9488;--accent: #f43f5e;--accent-yellow: #fef08a;--accent-purple: #9333ea;--ink-black: #1e293b;--ink-muted: #475569;--ink-light: #64748b;--paper-bg: #fbf9f5;--paper-card: #ffffff;--paper-card-alt: #fefdfb;--paper-border: 2px solid #1e293b;--paper-border-thick: 2.5px solid #1e293b;--paper-border-thin: 1.5px solid #1e293b;--paper-radius-card: 255px 15px 225px 15px/15px 225px 15px 255px;--paper-radius-card-alt: 15px 225px 15px 255px/255px 15px 225px 15px;--paper-radius-btn: 255px 25px 225px 25px/25px 225px 25px 255px;--paper-radius-pill: 255px 50px 225px 50px/50px 225px 50px 255px;--paper-radius-round: 50% 50% 50% 50% / 60% 60% 40% 40%;--paper-shadow-sm: 2px 2px 0px #1e293b;--paper-shadow: 4px 4px 0px #1e293b;--paper-shadow-lg: 6px 6px 0px #1e293b;--paper-shadow-primary: 4px 4px 0px #4338ca;--paper-shadow-accent: 4px 4px 0px #be123c;--font-hand: "Patrick Hand", "Neucha", cursive, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .2s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{min-height:100vh;font-family:var(--font-body);background-color:var(--paper-bg);background-image:url(background.png);background-repeat:repeat;color:var(--ink-black);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--ink-black);font-family:var(--font-hand);font-weight:400;line-height:1.25;letter-spacing:.01em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.65rem}h4{font-size:1.35rem}h5{font-size:1.15rem}h6{font-size:1rem}p{color:var(--ink-muted)}.material-symbols-outlined,.material-icons{font-size:20px;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.container-sm{width:100%;max-width:768px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.container-md{width:100%;max-width:960px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.container-lg{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.main-content{flex:1 0 auto;padding-top:2rem;padding-bottom:4rem}.grid{display:grid;gap:1.75rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.container,.container-sm,.container-md,.container-lg{padding-left:1rem;padding-right:1rem}}.page-hero{text-align:center;margin-bottom:2.5rem;padding:2.25rem 1.5rem;background:var(--paper-card);border:var(--paper-border-thick);border-radius:var(--paper-radius-card);box-shadow:var(--paper-shadow);position:relative;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.page-hero:hover{transform:translateY(-2px);box-shadow:var(--paper-shadow-lg)}.page-hero-title{font-family:var(--font-hand);font-size:2.5rem;color:var(--ink-black);margin-bottom:.35rem}.page-hero-title .gradient-text{color:var(--primary);text-decoration:underline;text-decoration-style:wavy;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px}.page-hero-subtitle{font-size:1.05rem;color:var(--ink-muted);max-width:600px;margin:0 auto;font-family:var(--font-body)}.modern-card{background:var(--paper-card);border:var(--paper-border);border-radius:var(--paper-radius-card);box-shadow:var(--paper-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.modern-card:hover{transform:translate(-3px,-3px);box-shadow:var(--paper-shadow-lg)}.modern-card-static{background:var(--paper-card);border:var(--paper-border);border-radius:var(--paper-radius-card);box-shadow:var(--paper-shadow);overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;font-family:var(--font-hand);font-size:1.15rem;font-weight:600;border:var(--paper-border);border-radius:var(--paper-radius-btn);box-shadow:var(--paper-shadow);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1.3;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--paper-card);color:var(--ink-black)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--paper-shadow-lg)}.btn:active{transform:translate(2px,2px);box-shadow:var(--paper-shadow-sm)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--paper-shadow-primary)}.btn-primary:hover{background:var(--primary-hover);color:#fff;box-shadow:6px 6px #312e81}.btn-secondary{background:var(--paper-card);color:var(--ink-black)}.btn-secondary:hover{background:var(--paper-bg)}.btn-soft-primary{background:var(--primary-light);color:var(--primary)}.btn-outline{background:transparent;color:var(--ink-black)}.btn-outline:hover{background:var(--paper-card)}.btn-sm{padding:.35rem .85rem;font-size:1rem}.btn-icon{padding:.5rem;border-radius:50%}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .85rem;background:var(--paper-card);color:var(--ink-black);font-family:var(--font-hand);font-size:1.05rem;font-weight:600;border:var(--paper-border-thin);border-radius:var(--paper-radius-pill);box-shadow:var(--paper-shadow-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.tag-chip:hover{background:var(--accent-yellow);color:var(--ink-black);transform:translate(-2px,-2px) rotate(-1deg);box-shadow:var(--paper-shadow)}.tag-chip:active{transform:translate(1px,1px);box-shadow:1px 1px #1e293b}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:var(--paper-radius-round);background:var(--paper-card);color:var(--ink-black);border:var(--paper-border-thick);box-shadow:var(--paper-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);z-index:99;font-family:var(--font-hand);font-size:1.5rem}.scroll-top-btn:hover{background:var(--primary);color:#fff;transform:translate(-3px,-3px) rotate(3deg);box-shadow:var(--paper-shadow-lg)}.scroll-top-btn:active{transform:translate(2px,2px);box-shadow:var(--paper-shadow-sm)}.empty-state{text-align:center;padding:3.5rem 2rem;background:var(--paper-card);border:var(--paper-border);border-radius:var(--paper-radius-card);box-shadow:var(--paper-shadow);max-width:500px;margin:3rem auto}.empty-state-icon{width:72px;height:72px;margin:0 auto 1.5rem;background:var(--accent-yellow);color:var(--ink-black);border:var(--paper-border);border-radius:50%;box-shadow:var(--paper-shadow-sm);display:flex;align-items:center;justify-content:center;font-size:36px}.empty-state-title{font-size:1.65rem;margin-bottom:.5rem}.empty-state-desc{font-size:.95rem;color:var(--ink-muted);margin-bottom:1.5rem;font-family:var(--font-body)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}