.header[data-v-07ce772c]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#02091a;background:linear-gradient(135deg,#02091a,#1a2a4f);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:100}.header-container[data-v-07ce772c]{align-items:center;display:flex;gap:1rem;height:70px;justify-content:space-between;padding:0 2rem;width:100%}.logo-section[data-v-07ce772c]{flex-shrink:0;gap:.75rem}.logo[data-v-07ce772c],.logo-section[data-v-07ce772c]{align-items:center;display:flex}.logo[data-v-07ce772c]{height:32px;justify-content:center;width:32px}.site-name[data-v-07ce772c]{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.5px}.desktop-nav[data-v-07ce772c]{align-items:center;display:flex;flex:1;gap:2rem;margin-left:2rem}.friend-links[data-v-07ce772c]{display:flex;gap:1rem}.friend-link[data-v-07ce772c]{color:#9ca3af;font-size:.875rem;text-decoration:none;transition:color .3s ease;white-space:nowrap}.friend-link[data-v-07ce772c]:hover{color:#60a5fa}.tutorial-nav[data-v-07ce772c]{display:flex;gap:1.5rem}.nav-item[data-v-07ce772c]{border-radius:.5rem;color:#e5e7eb;font-size:.95rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item[data-v-07ce772c]:hover{background:#60a5fa1a;color:#60a5fa}.nav-item.router-link-active[data-v-07ce772c]{background:#60a5fa26;color:#60a5fa}.search-input-wrapper[data-v-07ce772c],.search-section[data-v-07ce772c]{align-items:center;display:flex;gap:.5rem}.search-input-wrapper[data-v-07ce772c]{animation:expandSearch-07ce772c .3s ease forwards;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;padding:.5rem 1rem}@keyframes expandSearch-07ce772c{0%{opacity:0;transform:scaleX(.8);width:0}to{opacity:1;transform:scaleX(1);width:auto}}.search-input-wrapper[data-v-07ce772c]:focus-within{background:#ffffff26;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.search-input[data-v-07ce772c]{background:transparent;border:none;color:#fff;font-size:.875rem;outline:none;width:150px}.search-input[data-v-07ce772c]::-moz-placeholder{color:#9ca3af}.search-input[data-v-07ce772c]::placeholder{color:#9ca3af}.search-btn[data-v-07ce772c]{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.search-btn[data-v-07ce772c]:hover{background:#3b82f6;transform:scale(1.05)}.search-icon-btn[data-v-07ce772c]{align-items:center;background:transparent;border:none;border-radius:.5rem;color:#e5e7eb;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.search-icon-btn[data-v-07ce772c]:hover{background:#60a5fa1a;color:#60a5fa}.user-actions[data-v-07ce772c]{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.btn[data-v-07ce772c]{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease;white-space:nowrap}.btn-login[data-v-07ce772c]{background:transparent;border:1px solid hsla(0,0%,100%,.3);color:#e5e7eb}.btn-login[data-v-07ce772c]:hover{border-color:#60a5fa;color:#60a5fa}.btn-register[data-v-07ce772c]{background:#60a5fa;color:#fff}.btn-register[data-v-07ce772c]:hover{background:#3b82f6;box-shadow:0 4px 12px #60a5fa4d;transform:translateY(-1px)}.btn-create[data-v-07ce772c]{align-items:center;background:#10b981;color:#fff;display:flex;gap:.5rem;text-decoration:none}.btn-create[data-v-07ce772c]:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.user-profile[data-v-07ce772c]{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;padding:.25rem .75rem;text-decoration:none;transition:all .3s ease}.user-profile[data-v-07ce772c]:hover{background:#ffffff1a}.avatar[data-v-07ce772c]{border:2px solid #60a5fa;border-radius:50%;height:36px;overflow:hidden;width:36px}.avatar img[data-v-07ce772c]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-placeholder[data-v-07ce772c]{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-name[data-v-07ce772c]{color:#e5e7eb;font-size:.875rem;font-weight:500}.mobile-menu-btn[data-v-07ce772c]{background:transparent;border:none;border-radius:.5rem;color:#e5e7eb;cursor:pointer;display:none;padding:.5rem;transition:all .3s ease}.mobile-menu-btn[data-v-07ce772c]:hover{background:#ffffff1a}.mobile-menu[data-v-07ce772c]{background:#02091a;border-top:1px solid hsla(0,0%,100%,.1);max-height:calc(100vh - 70px);overflow-y:auto;padding:1.5rem}.mobile-section[data-v-07ce772c]{margin-bottom:1.5rem}.mobile-section[data-v-07ce772c]:last-child{margin-bottom:0}.mobile-section-title[data-v-07ce772c]{color:#9ca3af;font-size:.875rem;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.mobile-link[data-v-07ce772c],.mobile-nav-item[data-v-07ce772c]{border-radius:.5rem;color:#e5e7eb;display:block;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.mobile-link[data-v-07ce772c]:hover,.mobile-nav-item[data-v-07ce772c]:hover{background:#60a5fa1a;color:#60a5fa}.mobile-search[data-v-07ce772c]{display:flex;gap:.5rem}.mobile-search-input[data-v-07ce772c]{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;color:#fff;flex:1;font-size:.875rem;padding:.75rem 1rem}.mobile-search-input[data-v-07ce772c]::-moz-placeholder{color:#9ca3af}.mobile-search-input[data-v-07ce772c]::placeholder{color:#9ca3af}.mobile-search-btn[data-v-07ce772c]{background:#60a5fa;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1.5rem;transition:all .3s ease}.mobile-search-btn[data-v-07ce772c]:hover{background:#3b82f6}.mobile-btn[data-v-07ce772c]{align-items:center;background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;color:#e5e7eb;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease;width:100%}.mobile-btn[data-v-07ce772c]:hover{background:#60a5fa1a;border-color:#60a5fa;color:#60a5fa}.mobile-user[data-v-07ce772c]{align-items:center;background:#60a5fa1a;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.mobile-user[data-v-07ce772c]:hover{background:#60a5fa33}.slide-down-enter-active[data-v-07ce772c],.slide-down-leave-active[data-v-07ce772c]{transition:all .3s ease}.slide-down-enter-from[data-v-07ce772c],.slide-down-leave-to[data-v-07ce772c]{opacity:0;transform:translateY(-10px)}@media(max-width:1024px){.header-container[data-v-07ce772c]{padding:0 1.5rem}.desktop-nav[data-v-07ce772c]{gap:1rem;margin-left:1rem}.friend-links[data-v-07ce772c]{gap:.5rem}.tutorial-nav[data-v-07ce772c]{gap:1rem}}@media(max-width:768px){.desktop-nav[data-v-07ce772c],.user-actions[data-v-07ce772c]{display:none}.mobile-menu-btn[data-v-07ce772c]{display:block}.header-container[data-v-07ce772c]{padding:0 1rem}.site-name[data-v-07ce772c]{font-size:1.25rem}.logo[data-v-07ce772c]{height:28px;width:28px}}.footer[data-v-ec00621d]{box-shadow:0 -4px 20px #0000001a;margin-top:auto}.footer-content[data-v-ec00621d]{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1400px;padding:0 2rem}.footer-title[data-v-ec00621d]{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem;text-align:center}.friend-links-section[data-v-ec00621d]{width:100%}.friend-links[data-v-ec00621d]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.friend-link[data-v-ec00621d]{border-radius:.25rem;color:#9ca3af;font-size:.875rem;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease}.friend-link[data-v-ec00621d]:hover{background:#60a5fa1a;color:#60a5fa;transform:translateY(-1px)}.icp-section[data-v-ec00621d]{text-align:center;width:100%}.icp-info[data-v-ec00621d]{color:#6b7280;font-size:.875rem;line-height:1.8}.icp-info p[data-v-ec00621d]{margin:.25rem 0}.copyright-section[data-v-ec00621d]{border-top:1px solid hsla(0,0%,100%,.1);padding-top:1rem;text-align:center;width:100%}.copyright-section p[data-v-ec00621d]{color:#6b7280;font-size:.8125rem;margin:0}@media(max-width:768px){.footer-content[data-v-ec00621d]{padding:0 1rem}.friend-links[data-v-ec00621d]{gap:1rem}.friend-link[data-v-ec00621d]{font-size:.8125rem}.footer-title[data-v-ec00621d]{font-size:1rem}}