.header[data-v-04bca513]{position:fixed;top:0;left:0;right:0;height:74px;background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.header-inner[data-v-04bca513]{max-width:1440px;height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-04bca513]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-04bca513]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ff2e63;border-radius:12px}.logo-text[data-v-04bca513]{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.6px}.nav-menu[data-v-04bca513]{display:flex;gap:32px}.nav-item[data-v-04bca513]{font-size:14px;font-weight:500;color:#f8fafc;transition:color .3s}.nav-item[data-v-04bca513]:hover,.nav-item.active[data-v-04bca513]{color:#ff2e63}.search-box[data-v-04bca513]{position:relative;width:384px;height:38px}.search-box input[data-v-04bca513]{width:100%;height:100%;padding:0 40px 0 16px;background:#1e293b80;border:1px solid rgb(51,65,85);border-radius:9999px;color:#f8fafc;font-size:14px}.search-box input[data-v-04bca513]::placeholder{color:#9ca3af}.search-box .search-icon[data-v-04bca513]{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer}.user-actions[data-v-04bca513]{display:flex;align-items:center;gap:16px}.btn-login[data-v-04bca513],.btn-register[data-v-04bca513]{padding:8px 20px;border-radius:9999px;font-size:14px;font-weight:500;transition:all .3s}.btn-login[data-v-04bca513]{color:#f8fafc}.btn-login[data-v-04bca513]:hover{color:#ff2e63}.btn-register[data-v-04bca513]{background:#ff2e63;color:#fff}.btn-register[data-v-04bca513]:hover{background:#ff2e63cc}.user-avatar[data-v-04bca513]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #FF2E63}.user-avatar img[data-v-04bca513]{width:100%;height:100%;object-fit:cover}.footer[data-v-8da54c12]{background:#020617;border-top:1px solid rgb(30,41,59);padding:20px 0}.footer-inner[data-v-8da54c12]{max-width:1440px;margin:0 auto;padding:0 40px}.footer-content[data-v-8da54c12]{display:flex;justify-content:space-between;align-items:center}.copyright[data-v-8da54c12]{font-size:14px;color:#64748b}.copyright a[data-v-8da54c12]{color:#94a3b8;transition:color .3s}.copyright a[data-v-8da54c12]:hover{color:#ff2e63}.copyright .divider[data-v-8da54c12]{margin:0 8px;color:#64748b}.footer-links[data-v-8da54c12]{display:flex;gap:24px}.footer-links a[data-v-8da54c12]{font-size:14px;color:#94a3b8;transition:color .3s}.footer-links a[data-v-8da54c12]:hover{color:#ff2e63}#app{min-height:100vh;display:flex;flex-direction:column;background-color:#020617}.main-content{flex:1;padding-top:74px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"frac" 1,"lnum" 1,"pnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#020617;color:#f8fafc;line-height:1.5}ol,ul,menu{padding-inline-start:0;list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit;border:none;outline:none}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 40px}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border-radius:9999px;background-color:#ff2e63;color:#fff;font-weight:600;font-size:16px;transition:all .3s ease}.btn-primary:hover{background-color:#ff2e63cc;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:9999px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-weight:600;font-size:16px;transition:all .3s ease}.btn-secondary:hover{background-color:#fff3;transform:translateY(-2px)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff2e634d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b80}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}