:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--accent: #ec4899;--accent-light: #f472b6;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--pastel-pink: #FFD1DC;--pastel-blue: #BFDFFF;--pastel-yellow: #FFFFD1;--pastel-green: #CCFFCC;--pastel-purple: #E6D1FF;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Nunito", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}body{font-family:var(--font-main);color:var(--text-primary);background:linear-gradient(135deg,#f8fafc,#e0e7ff,#fce7f3);background-attachment:fixed;min-height:100vh;margin:0;padding:0;line-height:1.6;font-size:16px}header{background-color:#ffffffe6;backdrop-filter:blur(20px);padding:1.25rem 2rem;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid rgba(99,102,241,.1);position:sticky;top:0;z-index:100}header nav{display:flex;gap:2rem;align-items:center;justify-content:center;max-width:1200px;margin:0 auto}header nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;padding:.5rem .75rem;border-radius:6px;position:relative}header nav a:hover{color:var(--primary)}header nav a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:80%;height:2px;background:var(--primary);transition:transform .2s ease}header nav a:hover:after{transform:translate(-50%) scaleX(1)}main{max-width:800px;margin:0 auto;padding:3rem 2rem}h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem;color:var(--text-primary);letter-spacing:-.02em}h2{font-size:1.75rem;font-weight:600;line-height:1.3;margin:2.5rem 0 1rem;color:var(--text-primary);letter-spacing:-.01em}h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:2rem 0 .75rem;color:var(--text-primary)}p{margin:0 0 1.25rem;line-height:1.7;color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color .2s ease;font-weight:500}a:hover{color:var(--primary-dark);text-decoration:underline}main ul{margin:1.5rem 0;padding-left:1.5rem}main li{margin-bottom:.75rem;line-height:1.7;color:var(--text-secondary)}strong{color:var(--text-primary);font-weight:600}em{color:var(--text-muted);font-style:italic}hr{border:none;border-top:1px solid var(--bg-tertiary);margin:3rem 0}footer{padding:2.5rem 2rem;text-align:center;background-color:#ffffffe6;backdrop-filter:blur(20px);margin-top:5rem;border-top:1px solid rgba(99,102,241,.1)}footer .social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1.25rem}footer .social-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}footer .social-links a:hover{color:var(--primary)}footer p{margin:0;color:var(--text-muted);font-size:.875rem}.project-filter{background-color:#ffffffe6;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;margin:2rem auto}.project-filter h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary);font-family:var(--font-accent)}.filter-buttons{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-buttons button{padding:.75rem 1.5rem;border:2px solid var(--pastel-purple);background:#fff;color:var(--text-primary);border-radius:8px;cursor:pointer;font-family:var(--font-main);font-weight:600;font-size:1rem;transition:all .2s ease}.filter-buttons button:hover{background:#e6d1ff4d;transform:translateY(-2px)}.filter-buttons button.active{background:var(--pastel-purple);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #e6d1ff80}.filter-status{color:var(--text-secondary);margin:0;font-size:1rem}.filter-status strong{color:var(--pastel-purple);font-weight:700;text-transform:capitalize}.secret-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.secret-menu{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003;max-width:500px;width:90%;animation:slideUp .3s ease;max-height:80vh;overflow-y:auto}.secret-menu-header{text-align:center;margin-bottom:1.5rem;border-bottom:2px solid var(--pastel-purple);padding-bottom:1rem}.secret-menu-header h3{margin:0;color:var(--pastel-purple);font-family:var(--font-accent);font-size:2rem}.secret-menu-hint{margin:.5rem 0 0;font-size:.85rem;color:var(--text-secondary)}.secret-menu-items{display:flex;flex-direction:column;gap:.75rem}.secret-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#e6d1ff33;border:2px solid var(--pastel-purple);border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:1rem;text-align:left}.secret-menu-item:hover{background:var(--pastel-purple);color:#fff;transform:translate(8px)}.secret-menu-emoji{font-size:1.5rem}.secret-menu-label{flex:1;font-weight:600}.confetti-piece{position:fixed;width:20px;height:20px;pointer-events:none;z-index:9998;border-radius:4px}.music-indicator{position:fixed;bottom:2rem;right:2rem;background:var(--pastel-purple);color:#fff;padding:.75rem 1.5rem;border-radius:24px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:.5rem;z-index:9997;animation:pulse 2s ease infinite;cursor:pointer;transition:transform .2s ease}.music-indicator:hover{transform:scale(1.05)}.music-note{font-size:1.2rem;animation:bounce 1s ease infinite}.music-text{font-size:.9rem;font-weight:600}.secret-menu-floating-hint{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#ffffffe6;backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:.85rem;color:var(--text-secondary);z-index:9996;opacity:.7;transition:opacity .3s ease}.secret-menu-floating-hint:hover{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.secret-menu-item.divider{background:transparent;border:none;padding:.5rem 1.5rem;cursor:default;color:var(--text-muted);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.secret-menu-item.divider:hover{background:transparent;color:var(--text-muted);transform:none}.secret-menu-trigger{position:fixed;bottom:2rem;left:2rem;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:9995;transition:all .2s ease}.secret-menu-trigger:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.secret-menu-trigger:active{transform:scale(.95)}@media(min-width:768px){.secret-menu-trigger{display:none}}