:root{--kiltro-celeste:#38bdf8;--kiltro-celeste-light:#7dd3fc;--kiltro-celeste-dark:#0ea5e9;--kiltro-cyan:#22d3ee;--kiltro-success:#22c55e;--kiltro-warning:#f59e0b;--kiltro-error:#ef4444;--kiltro-info:#3b82f6;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-smooth:300ms cubic-bezier(0.4,0,0.2,1);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px}[data-theme=dark]{--kiltro-bg:#09090b;--kiltro-bg-primary:#09090b;--kiltro-bg-secondary:#0f0f12;--kiltro-bg-tertiary:#16161a;--kiltro-bg-elevated:#1c1c21;--kiltro-bg-hover:#222228;--kiltro-primary:#38bdf8;--kiltro-primary-dark:#0ea5e9;--kiltro-primary-light:#7dd3fc;--kiltro-secondary:#a855f7;--kiltro-accent:#22d3ee;--kiltro-orange:#38bdf8;--kiltro-orange-dark:#0ea5e9;--kiltro-text:#fafafa;--kiltro-text-primary:#fafafa;--kiltro-text-secondary:#a1a1aa;--kiltro-text-muted:#71717a;--kiltro-border:#27272a;--kiltro-border-light:#3f3f46;--kiltro-border-focus:rgba(56,189,248,.5);--gradient-primary:linear-gradient(135deg,#38bdf8,#22d3ee);--gradient-secondary:linear-gradient(135deg,#a855f7,#d946ef);--gradient-card:linear-gradient(180deg,rgba(56,189,248,.04),transparent);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.15) 0%,transparent 100%);--gradient-glow:radial-gradient(circle at center,rgba(56,189,248,.12) 0%,transparent 70%);--gradient-mesh:radial-gradient(at 40% 20%,rgba(56,189,248,.1) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(34,211,238,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(14,165,233,.08) 0px,transparent 50%);--glow-primary:0 0 30px rgba(56,189,248,.25);--glow-soft:0 0 60px rgba(56,189,248,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 8px 10px -6px rgba(0,0,0,.4);--shadow-card:0 4px 20px rgba(0,0,0,.3);--shadow-card-hover:0 8px 30px rgba(0,0,0,.4),0 0 0 1px rgba(56,189,248,.2);--glass-bg:rgba(15,15,18,.7);--glass-border:hsla(0,0%,100%,.08);--glass-blur:blur(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(168,85,247,.2)}50%{box-shadow:0 0 40px rgba(168,85,247,.4)}}body,html{background-color:var(--kiltro-bg)!important;color:var(--kiltro-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}*{text-rendering:optimizeLegibility}::selection{background:rgba(56,189,248,.3);color:var(--kiltro-text)}.select select,select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--kiltro-bg-secondary)!important;color:var(--kiltro-text)!important;border:1px solid var(--kiltro-border)!important;border-radius:8px;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.select select:focus,.select select:hover,select:focus,select:hover{border-color:var(--kiltro-primary)!important}.select select:focus,select:focus{outline:none;box-shadow:0 0 0 3px rgba(168,85,247,.15)!important}.select select option,select option{background-color:var(--kiltro-bg-secondary)!important;color:var(--kiltro-text)!important;padding:.75rem 1rem}.select select option:checked,.select select option:hover,select option:checked,select option:hover{background-color:var(--kiltro-bg-tertiary)!important}.select:not(.is-multiple):not(.is-loading):after{display:none!important}.select,.select select{width:100%}.input,.textarea,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{background-color:var(--kiltro-bg-secondary)!important;color:var(--kiltro-text)!important;border:1px solid var(--kiltro-border)!important;border-radius:8px;padding:.625rem .875rem;font-size:.875rem;transition:all .2s ease}.input:hover,.textarea:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,textarea:hover{border-color:var(--kiltro-primary)!important}.input:focus,.textarea:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{outline:none;border-color:var(--kiltro-primary)!important;box-shadow:0 0 0 3px rgba(168,85,247,.15)!important}.input::placeholder,.textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--kiltro-text-muted)!important}.label{color:var(--kiltro-text-secondary)!important;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.navbar.is-kiltro{background:rgba(15,15,18,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.06);min-height:64px;position:sticky;top:0;z-index:100}.navbar-logo{padding:0!important}.navbar-logo,.navbar-logo:hover{background:none!important}.navbar-logo-text{font-weight:700;font-size:1.3rem;color:var(--kiltro-text);letter-spacing:-.02em;transition:color var(--transition-fast)}.navbar-logo:hover .navbar-logo-text{color:var(--kiltro-primary)}.navbar-nav-link{display:flex;align-items:center;gap:8px;padding:8px 14px!important;color:var(--kiltro-text-secondary)!important;font-weight:500;font-size:.9rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar-nav-link:hover{background:rgba(56,189,248,.1)!important;color:var(--kiltro-text)!important}.navbar-nav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);font-size:.8rem;color:var(--kiltro-text-muted);transition:all var(--transition-fast)}.navbar-nav-link:hover .navbar-nav-icon{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.3);color:var(--kiltro-primary)}.navbar-upload-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:.875rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 12px rgba(168,85,247,.3)}.navbar-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(168,85,247,.4)}.navbar-upload-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:var(--radius-sm);font-size:.7rem}.navbar-user-btn{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.navbar-user-btn:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.12)}.navbar-user-avatar{min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;background:linear-gradient(135deg,#f50,#833ab4);overflow:hidden!important;flex-shrink:0}.navbar-user-avatar,.navbar-user-avatar img{width:28px!important;height:28px!important;border-radius:50%!important}.navbar-user-avatar img{object-fit:cover!important;display:block!important;margin:0!important;padding:0!important}.navbar-user-avatar span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;font-weight:600;font-size:.8rem}.navbar-user-name{color:var(--kiltro-text);font-weight:500;font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-user-chevron{font-size:.65rem;color:var(--kiltro-text-muted);transition:transform var(--transition-fast)}.navbar-auth-buttons{display:flex;align-items:center;gap:10px}.navbar-auth-btn{padding:10px 20px;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.navbar-auth-login{color:var(--kiltro-text);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.navbar-auth-login:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:var(--kiltro-text)}.navbar-auth-register{color:#fff;background:var(--gradient-primary);box-shadow:0 2px 12px rgba(168,85,247,.3)}.navbar-auth-register:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(168,85,247,.4);color:#fff}.navbar-skeleton-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(90deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.navbar-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:rgba(15,15,18,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-lg);padding:8px;box-shadow:0 10px 40px rgba(0,0,0,.4);min-width:200px}.navbar-upload-dropdown,.navbar-user-dropdown{min-width:220px}.navbar-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 14px;color:var(--kiltro-text-secondary);font-weight:500;font-size:.9rem;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;background:none;width:100%;cursor:pointer;text-align:left}.navbar-dropdown-item:hover{background:rgba(56,189,248,.1);color:var(--kiltro-text)}.navbar-dropdown-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);font-size:.85rem;color:var(--kiltro-text-muted);transition:all var(--transition-fast)}.navbar-dropdown-item:hover .navbar-dropdown-icon{background:rgba(56,189,248,.15);border-color:rgba(56,189,248,.3);color:var(--kiltro-primary)}.navbar-dropdown-icon.track{background:rgba(255,85,0,.1);border-color:rgba(255,85,0,.2);color:var(--kiltro-orange)}.navbar-dropdown-icon.beat{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#22c55e}.navbar-dropdown-content{display:flex;flex-direction:column;gap:2px}.navbar-dropdown-title{font-weight:600;color:var(--kiltro-text)}.navbar-dropdown-desc{font-size:.75rem;color:var(--kiltro-text-muted)}.navbar-dropdown-divider{height:1px;background:hsla(0,0%,100%,.06);margin:6px 0}.navbar-logout{color:#ef4444!important}.navbar-logout:hover{background:rgba(239,68,68,.1)!important}.navbar-logout .navbar-dropdown-icon{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444}.navbar-burger{display:none;width:44px;height:44px;background:none;border:none;cursor:pointer;position:relative}.navbar-burger span{display:block;position:absolute;height:2px;width:20px;background:var(--kiltro-text);border-radius:2px;left:calc(50% - 10px);transition:all var(--transition-smooth)}.navbar-burger span:first-child{top:calc(50% - 7px)}.navbar-burger span:nth-child(2){top:calc(50% - 1px)}.navbar-burger span:nth-child(3){top:calc(50% + 5px)}.navbar-burger.is-active span:first-child{transform:translateY(6px) rotate(45deg)}.navbar-burger.is-active span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-burger.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar-item.has-dropdown{position:relative}.navbar-end{display:flex;align-items:center;gap:8px}@media screen and (min-width:1024px){.navbar-menu-desktop{display:flex!important}.mobile-menu,.mobile-menu-overlay,.navbar-burger{display:none!important}}@media screen and (max-width:1023px){.navbar-menu-desktop{display:none!important}.navbar.is-kiltro .navbar-burger{display:flex;width:44px;height:44px;margin-left:auto}.navbar.is-kiltro .navbar-burger span{height:2px;width:18px;left:calc(50% - 9px);transition:all var(--transition-smooth)}.navbar.is-kiltro .navbar-burger.is-active span:first-child{transform:translateY(6px) rotate(45deg)}.navbar.is-kiltro .navbar-burger.is-active span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar.is-kiltro .navbar-burger.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:998;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.is-active{background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:auto}.mobile-menu{position:fixed;top:0;right:0;width:100%;max-width:320px;height:100vh;height:100dvh;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--glass-border);z-index:999;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.mobile-menu.is-active{transform:translateX(0);box-shadow:-10px 0 40px rgba(0,0,0,.4)}.mobile-menu-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);color:var(--kiltro-text-secondary);font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:10}.mobile-menu-close:active,.mobile-menu-close:hover{background:hsla(0,0%,100%,.1);color:var(--kiltro-text);transform:rotate(90deg)}.mobile-menu-profile{padding:24px 20px 16px;border-bottom:1px solid var(--glass-border);margin-top:48px}.mobile-profile-link{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);transition:all var(--transition-fast);text-decoration:none}.mobile-profile-link:active,.mobile-profile-link:hover{background:hsla(0,0%,100%,.06);border-color:var(--kiltro-primary)}.mobile-avatar{width:52px;height:52px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--glow-primary)}.mobile-avatar img{width:100%;height:100%;object-fit:cover}.mobile-avatar span{color:#fff;font-weight:700;font-size:1.25rem}.mobile-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-username{font-weight:600;font-size:1rem;color:var(--kiltro-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-profile-text{font-size:.8rem;color:var(--kiltro-text-muted)}.mobile-profile-arrow{color:var(--kiltro-text-muted);font-size:.75rem;transition:transform var(--transition-fast)}.mobile-profile-link:hover .mobile-profile-arrow{transform:translateX(4px);color:var(--kiltro-primary)}.mobile-menu-auth{padding:24px 20px 16px;border-bottom:1px solid var(--glass-border);margin-top:48px;display:flex;flex-direction:column;gap:12px}.mobile-auth-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.mobile-auth-login{color:var(--kiltro-text);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.mobile-auth-login:hover{background:hsla(0,0%,100%,.1);color:var(--kiltro-text)}.mobile-auth-register{color:#fff;background:var(--gradient-primary);box-shadow:var(--glow-primary)}.mobile-auth-register:hover{color:#fff;transform:translateY(-1px)}.mobile-upload-section{padding:16px 20px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--glass-border)}.mobile-upload-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--transition-fast);box-shadow:var(--glow-primary)}.mobile-upload-btn:active,.mobile-upload-btn:hover{transform:translateY(-2px);box-shadow:var(--glow-primary),0 8px 20px rgba(0,0,0,.3);color:#fff}.mobile-upload-btn.mobile-upload-beat{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 30px rgba(34,197,94,.25)}.mobile-upload-btn.mobile-upload-beat:active,.mobile-upload-btn.mobile-upload-beat:hover{box-shadow:0 0 30px rgba(34,197,94,.4),0 8px 20px rgba(0,0,0,.3)}.mobile-upload-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:.9rem}.mobile-upload-text{flex:1}.mobile-nav-links{flex:1;padding:8px 0;overflow-y:auto}.mobile-nav-section{padding:8px 20px}.mobile-nav-section-title{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--kiltro-text-muted);padding:8px 12px 12px}.mobile-nav-item{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:var(--radius-md);color:var(--kiltro-text-secondary);font-weight:500;font-size:.95rem;text-decoration:none;transition:all var(--transition-fast);margin-bottom:2px}.mobile-nav-item:active,.mobile-nav-item:hover{background:hsla(0,0%,100%,.05);color:var(--kiltro-text)}.mobile-nav-item:active{transform:scale(.98)}.mobile-nav-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--kiltro-text-muted);transition:all var(--transition-fast)}.mobile-nav-item:active .mobile-nav-icon,.mobile-nav-item:hover .mobile-nav-icon{background:rgba(56,189,248,.1);border-color:rgba(56,189,248,.3);color:var(--kiltro-primary)}.mobile-menu-footer{padding:16px 20px 24px;border-top:1px solid var(--glass-border);margin-top:auto;background:rgba(0,0,0,.2)}.mobile-footer-notifications{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.03);border:1px solid var(--glass-border);color:var(--kiltro-text-secondary);font-weight:500;font-size:.95rem;margin-bottom:8px}.mobile-footer-notifications .notification-bell-wrapper{position:static}.mobile-footer-notifications .notification-bell-btn{background:transparent!important;border:none!important;padding:0!important;width:36px!important;height:36px!important;font-size:.9rem;background:hsla(0,0%,100%,.03)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-sm)!important}.mobile-settings{margin-bottom:8px}.mobile-logout-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;border-radius:var(--radius-md);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;font-weight:500;font-size:.95rem;cursor:pointer;transition:all var(--transition-fast)}.mobile-logout-btn:active,.mobile-logout-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.mobile-logout-btn .mobile-nav-icon{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.2);color:#ef4444}@media screen and (max-width:1023px){.mobile-footer-notifications .notification-dropdown{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;max-height:100vh!important;border-radius:0!important;z-index:1001}}.button.is-kiltro{background:var(--gradient-primary);border:none;color:#fff;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-smooth);box-shadow:0 4px 15px rgba(168,85,247,.3);position:relative;overflow:hidden}.button.is-kiltro:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.button.is-kiltro:hover{background:var(--gradient-secondary);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.4)}.button.is-kiltro:hover:before{left:100%}.button.is-kiltro:active{transform:translateY(0);box-shadow:0 2px 10px rgba(168,85,247,.3)}.button.is-kiltro-outline{background-color:transparent;border:1px solid var(--kiltro-border-light);color:var(--kiltro-text);border-radius:var(--radius-md);transition:all var(--transition-smooth)}.button.is-kiltro-outline:hover{background-color:rgba(168,85,247,.1);border-color:var(--kiltro-primary);color:var(--kiltro-text)}.track-card{background:linear-gradient(180deg,var(--kiltro-bg-secondary) 0,rgba(15,15,18,.95) 100%);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--transition-smooth);border:1px solid var(--kiltro-border);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.track-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent);opacity:0;transition:opacity var(--transition-base)}.track-card:hover{background:linear-gradient(180deg,var(--kiltro-bg-tertiary) 0,var(--kiltro-bg-secondary) 100%);border-color:rgba(168,85,247,.2);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.track-card:hover:before{opacity:1}.track-artwork{width:160px;height:160px;background:linear-gradient(135deg,var(--kiltro-bg-tertiary) 0,var(--kiltro-bg-elevated) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--kiltro-primary);flex-shrink:0;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.track-artwork img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.track-card:hover .track-artwork img{transform:scale(1.05)}.track-artwork .play-button{position:absolute;width:54px;height:54px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-smooth);cursor:pointer;box-shadow:0 4px 15px rgba(168,85,247,.4)}.track-card:hover .play-button{opacity:1;transform:scale(1)}.play-button:hover{transform:scale(1.1)!important;box-shadow:0 6px 20px rgba(168,85,247,.5)}.play-btn{border-radius:50%;background-color:var(--kiltro-orange);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease}.play-btn:hover{background-color:var(--kiltro-orange-dark);transform:scale(1.1)}.play-btn-small{width:32px;height:32px;font-size:.75rem}.play-btn-medium{width:48px;height:48px;font-size:1rem}.play-btn-large{width:64px;height:64px;font-size:1.25rem}.track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.track-title{font-size:1rem;font-weight:600;color:var(--kiltro-text);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title:hover{color:var(--kiltro-orange)}.track-artist{font-size:.875rem;color:var(--kiltro-text-secondary);text-decoration:none}.track-artist:hover{color:var(--kiltro-text)}.track-meta{gap:1rem;font-size:.75rem;color:var(--kiltro-text-secondary)}.track-meta,.track-meta span{display:flex;align-items:center}.track-meta span{gap:.25rem}.track-waveform{height:60px;background-color:var(--kiltro-bg-tertiary);border-radius:6px;margin-top:.75rem;position:relative;overflow:hidden}.track-waveform-bars{display:flex;align-items:flex-end;height:100%;gap:2px;padding:8px}.track-waveform-bar{flex:1;background-color:var(--kiltro-border-light);border-radius:2px;min-width:2px;transition:background-color .2s ease}.track-card:hover .track-waveform-bar{background-color:var(--kiltro-primary);opacity:.5}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--kiltro-primary);display:block;color:#fff;font-weight:600;font-size:.875rem;overflow:hidden;flex-shrink:0;text-align:center;line-height:32px}.user-avatar img{display:block;width:100%;height:100%;object-fit:cover}.user-avatar.is-medium{width:40px;height:40px;line-height:40px}.user-avatar.is-large{width:50px;height:50px;line-height:50px;font-size:1.25rem}.hero.is-kiltro{background:var(--kiltro-bg);position:relative;overflow:hidden}.hero.is-kiltro:before{top:0;left:0;right:0;bottom:0;background:var(--gradient-hero)}.hero.is-kiltro:after,.hero.is-kiltro:before{content:"";position:absolute;pointer-events:none}.hero.is-kiltro:after{top:-50%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(168,85,247,.08) 0,transparent 60%);animation:float 8s ease-in-out infinite}.hero.is-kiltro .hero-body{position:relative;z-index:1}.hero.is-kiltro .title{color:var(--kiltro-text);background:linear-gradient(135deg,var(--kiltro-text) 0,var(--kiltro-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero.is-kiltro .subtitle{color:var(--kiltro-text-secondary)}.section-title{font-size:1.25rem;font-weight:600;color:var(--kiltro-text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.empty-state{background:linear-gradient(180deg,var(--kiltro-bg-secondary) 0,rgba(15,15,18,.8) 100%);border:1px dashed var(--kiltro-border-light);border-radius:var(--radius-xl);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-mesh);opacity:.5;pointer-events:none}.empty-state-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(168,85,247,.05));border:1px solid rgba(168,85,247,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--kiltro-primary);font-size:2rem;position:relative;z-index:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--kiltro-bg)}::-webkit-scrollbar-thumb{background:var(--kiltro-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--kiltro-text-secondary)}.input.is-kiltro,.textarea.is-kiltro{background-color:var(--kiltro-bg-tertiary);border:1px solid var(--kiltro-border);color:var(--kiltro-text);border-radius:4px}.input.is-kiltro::placeholder,.textarea.is-kiltro::placeholder{color:var(--kiltro-text-secondary)}.input.is-kiltro:focus,.textarea.is-kiltro:focus{border-color:var(--kiltro-primary);box-shadow:0 0 0 3px rgba(168,85,247,.2)}.label.is-kiltro{color:var(--kiltro-text);font-weight:500}.card.is-kiltro{background-color:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:12px;box-shadow:none}.card.is-kiltro .card-content{padding:1.5rem}.tag.is-kiltro{background-color:var(--kiltro-bg-tertiary);color:var(--kiltro-text-secondary)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.audio-player{background-color:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:12px;padding:1.5rem}.audio-player-waveform{position:relative;background-color:var(--kiltro-bg-tertiary);border-radius:4px;padding:.5rem;cursor:pointer}.audio-player-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.audio-player-marker{position:absolute;top:0;width:2px;height:100%;background-color:var(--kiltro-orange);opacity:.6}.audio-player-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--kiltro-bg-tertiary);color:var(--kiltro-orange);pointer-events:none}.audio-player-controls{display:flex;align-items:center;gap:1rem;margin-top:1rem}.audio-player-play-btn{width:48px;height:48px;border-radius:50%;background-color:var(--kiltro-orange);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.audio-player-play-btn:hover{background-color:var(--kiltro-orange-dark);transform:scale(1.05)}.audio-player-play-btn:disabled{background-color:var(--kiltro-bg-tertiary);cursor:not-allowed}.audio-player-time{flex:1;display:flex;align-items:center;gap:.75rem}.audio-player-current,.audio-player-duration{font-family:monospace;font-size:.875rem;color:var(--kiltro-text-secondary);min-width:45px}.audio-player-current{text-align:right}.audio-player-progress{flex:1;height:6px;background-color:var(--kiltro-bg-tertiary);border-radius:3px;overflow:hidden;cursor:pointer;position:relative}.audio-player-progress:before{content:"";position:absolute;top:-8px;bottom:-8px;left:0;right:0}.audio-player-progress-fill{height:100%;background-color:var(--kiltro-orange);transition:width .1s linear}.audio-player-volume{display:flex;align-items:center;gap:.5rem}.audio-player-volume-btn{background:none;border:none;color:var(--kiltro-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.audio-player-volume-btn:hover{color:var(--kiltro-text)}.audio-player-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--kiltro-bg-tertiary);border-radius:2px;cursor:pointer}.audio-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--kiltro-text);border-radius:50%;cursor:pointer;transition:transform .1s ease}.audio-player-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-player-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--kiltro-text);border-radius:50%;border:none;cursor:pointer}.audio-player-timestamps{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--kiltro-border)}.audio-player-timestamps h4{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--kiltro-text-secondary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.audio-player-timestamp-list{display:flex;flex-wrap:wrap;gap:.5rem}.audio-player-timestamp-btn{background-color:var(--kiltro-bg-tertiary);border:none;border-radius:4px;padding:.5rem .75rem;cursor:pointer;font-size:.75rem;color:var(--kiltro-text-secondary);transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem}.audio-player-timestamp-btn:hover{background-color:var(--kiltro-border);color:var(--kiltro-text)}.audio-player-timestamp-btn .timestamp{color:var(--kiltro-orange);font-family:monospace}.upload-dropzone{border:2px dashed var(--kiltro-border);border-radius:8px;padding:3rem;text-align:center;cursor:pointer;transition:all .2s ease}.upload-dropzone:hover{border-color:var(--kiltro-text-secondary);background-color:var(--kiltro-bg-tertiary)}.upload-dropzone.is-dragging{border-color:var(--kiltro-primary);background-color:rgba(168,85,247,.1)}.upload-dropzone.has-file{border-color:#22c55e;background-color:rgba(34,197,94,.1)}.upload-dropzone-icon{width:64px;height:64px;border-radius:50%;background-color:var(--kiltro-bg-tertiary);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--kiltro-text-secondary);font-size:1.5rem}.upload-dropzone.has-file .upload-dropzone-icon{background-color:rgba(34,197,94,.2);color:#22c55e}.toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch-slider{width:44px;height:24px;background-color:var(--kiltro-bg-tertiary);border-radius:12px;position:relative;transition:background-color .2s ease}.toggle-switch-slider:after{content:"";position:absolute;width:20px;height:20px;background-color:var(--kiltro-text);border-radius:50%;top:2px;left:2px;transition:transform .2s ease}.toggle-switch input:checked+.toggle-switch-slider{background-color:var(--kiltro-orange)}.toggle-switch input:checked+.toggle-switch-slider:after{transform:translateX(20px)}.profile-header{background-color:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:12px;padding:2rem;margin-bottom:2rem}.profile-avatar{width:120px;height:120px;border-radius:50%;background-color:var(--kiltro-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:600;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-stats{display:flex;gap:2rem;margin-top:1rem}.profile-stat{text-align:center}.profile-stat-value{font-size:1.5rem;font-weight:600;color:var(--kiltro-text)}.profile-stat-label{font-size:.875rem;color:var(--kiltro-text-secondary)}.profile-stat-clickable{background:none;border:none;padding:.5rem 1rem;margin:-.5rem -1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.profile-stat-clickable:hover{background:var(--kiltro-bg-tertiary)}.profile-stat-clickable:hover .profile-stat-value{color:var(--kiltro-primary)}.followers-modal-item:hover{background:var(--kiltro-bg-secondary)!important}.social-link-icon:hover{transform:scale(1.1);background-color:var(--kiltro-bg-elevated)!important}.settings-section{background-color:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.settings-section-title{font-size:1.125rem;font-weight:600;color:var(--kiltro-text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.upload-progress{margin-top:1rem}.upload-progress-bar{height:8px;background-color:var(--kiltro-bg-tertiary);border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background-color:var(--kiltro-orange);transition:width .3s ease}@media screen and (max-width:768px){.track-artwork{width:100px;height:100px;font-size:2rem}.track-waveform{display:none}.track-card{padding:.75rem}.audio-player-volume{display:none}.profile-header{text-align:center}.profile-header .media{flex-direction:column}.profile-avatar{margin:0 auto 1rem}.profile-stats{justify-content:center}}.global-player{position:fixed;bottom:0;left:0;right:0;background-color:var(--kiltro-bg-secondary);border-top:1px solid var(--kiltro-border);z-index:1000}.global-player-progress{height:4px;background-color:var(--kiltro-bg-tertiary);cursor:pointer;position:relative;user-select:none;transition:height .1s ease}.global-player-progress:before{content:"";position:absolute;top:-10px;bottom:-10px;left:0;right:0}.global-player-progress.is-dragging,.global-player-progress:hover{height:6px}.global-player-progress-fill{height:100%;background-color:var(--kiltro-orange);pointer-events:none;position:relative}.global-player-progress.is-dragging .global-player-progress-fill{transition:none}.global-player-progress-handle{position:absolute;top:50%;width:12px;height:12px;background-color:var(--kiltro-orange);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity .15s ease}.global-player-progress.is-dragging .global-player-progress-handle,.global-player-progress:hover .global-player-progress-handle{opacity:1}@media (max-width:768px){.global-player-progress{height:8px}.global-player-progress.is-dragging,.global-player-progress:hover{height:10px}.global-player-progress:before{top:-14px;bottom:-14px}.global-player-progress-handle{width:18px;height:18px;opacity:1}}.global-player-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;gap:1rem;max-width:1400px;margin:0 auto}.global-player-info{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.global-player-avatar{width:48px;height:48px;border-radius:6px;background-color:var(--kiltro-bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--kiltro-primary);font-weight:600;font-size:1.25rem;overflow:hidden;flex-shrink:0}.global-player-avatar img{width:100%;height:100%;object-fit:cover}.global-player-text{min-width:0;display:flex;flex-direction:column;gap:.125rem}.global-player-title{font-size:.875rem;font-weight:600;color:var(--kiltro-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-player-title:hover{color:var(--kiltro-orange)}.global-player-artist{font-size:.75rem;color:var(--kiltro-text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-player-artist:hover{color:var(--kiltro-text)}.global-player-controls{display:flex;align-items:center;gap:1rem}.global-player-play-btn{width:40px;height:40px;border-radius:50%;background-color:var(--kiltro-orange);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease}.global-player-play-btn:hover{background-color:var(--kiltro-orange-dark);transform:scale(1.05)}.global-player-play-btn:disabled{background-color:var(--kiltro-bg-tertiary);cursor:not-allowed}.global-player-control-btn{position:relative;width:32px;height:32px;border-radius:50%;background-color:transparent;border:none;color:var(--kiltro-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease;font-size:.9rem}.global-player-control-btn:hover{color:var(--kiltro-text-primary);background-color:var(--kiltro-bg-tertiary)}.global-player-control-btn:disabled{color:var(--kiltro-text-muted);cursor:not-allowed;opacity:.4}.global-player-control-btn:disabled:hover{background-color:transparent}.global-player-control-btn.is-active{color:var(--kiltro-orange)}.global-player-control-btn.is-active:hover{color:var(--kiltro-orange-dark)}.repeat-one-badge{position:absolute;bottom:2px;right:2px;font-size:.5rem;font-weight:700;color:var(--kiltro-orange);line-height:1}.global-player-queue-indicator{font-size:.75rem;color:var(--kiltro-text-muted);background-color:var(--kiltro-bg-tertiary);padding:.2rem .5rem;border-radius:4px;white-space:nowrap}.global-player-time{display:flex;align-items:center;gap:.25rem;font-family:monospace;font-size:.75rem;color:var(--kiltro-text-secondary)}.global-player-right{display:flex;align-items:center;gap:1rem}.global-player-volume{display:flex;align-items:center;gap:.5rem}.global-player-volume-btn{background:none;border:none;color:var(--kiltro-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.global-player-volume-btn:hover{color:var(--kiltro-text)}.global-player-volume-slider{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:var(--kiltro-bg-tertiary);border-radius:2px;cursor:pointer}.global-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--kiltro-text);border-radius:50%;cursor:pointer}.global-player-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--kiltro-text);border-radius:50%;border:none;cursor:pointer}.global-player-close{background:none;border:none;color:var(--kiltro-text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.global-player-close:hover{color:var(--kiltro-text);background-color:var(--kiltro-bg-tertiary)}body:has(.global-player){padding-bottom:80px}@media screen and (max-width:768px){.global-player-content{padding:.5rem .75rem;gap:.5rem}.global-player-info{flex:1;min-width:0;gap:.5rem}.global-player-avatar{width:36px;height:36px;flex-shrink:0}.global-player-text{flex:1;min-width:0}.global-player-title{font-size:.8rem}.global-player-artist{font-size:.7rem}.global-player-controls{gap:.25rem;flex-shrink:0}.global-player-control-btn{width:28px;height:28px;font-size:.8rem}.global-player-control-btn[aria-label=Repeat],.global-player-control-btn[aria-label=Shuffle]{display:none}.global-player-play-btn{width:36px;height:36px}.global-player-queue-indicator,.global-player-time,.global-player-volume{display:none}.global-player-right{gap:.5rem}.global-player-close{width:28px;height:28px;font-size:.8rem}}.feature-card{background:linear-gradient(180deg,var(--kiltro-bg-secondary) 0,rgba(15,15,18,.8) 100%);border:1px solid var(--kiltro-border);border-radius:var(--radius-xl);padding:2.5rem 2rem;text-align:center;transition:all var(--transition-smooth);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4),transparent);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:rgba(168,85,247,.3);background:linear-gradient(180deg,var(--kiltro-bg-tertiary) 0,var(--kiltro-bg-secondary) 100%);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 40px rgba(168,85,247,.1)}.feature-card:hover:before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(168,85,247,.05));border:1px solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.5rem;color:var(--kiltro-primary);transition:all var(--transition-smooth)}.feature-card:hover .feature-icon{background:var(--gradient-primary);color:#fff;transform:scale(1.05);box-shadow:0 8px 20px rgba(168,85,247,.3)}.feature-title{color:var(--kiltro-text);font-weight:700;font-size:1.25rem;margin-bottom:.75rem;letter-spacing:-.01em}.feature-description{color:var(--kiltro-text-secondary);font-size:.9rem;line-height:1.6}.stats-section{display:flex;justify-content:center;gap:4rem;padding:3rem 0}.stat-item{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--kiltro-text)}.stat-label{color:var(--kiltro-text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-top:.25rem}.notification-item{transition:background-color .2s ease}.notification-item:hover{background-color:var(--kiltro-bg-tertiary)}.loader-spinner{width:40px;height:40px;border:3px solid var(--kiltro-border);border-top-color:var(--kiltro-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.settings-page{min-height:calc(100vh - 56px);background:var(--kiltro-bg-primary);background-image:radial-gradient(ellipse at 0 0,rgba(255,85,0,.03) 0,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(131,58,180,.03) 0,transparent 50%)}.settings-header{background:linear-gradient(180deg,var(--kiltro-bg-secondary) 0,transparent 100%);padding:2.5rem 0 3rem;position:relative;overflow:hidden}.settings-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,85,0,.3),transparent)}.settings-header-content{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:2rem}.settings-avatar-section{cursor:pointer;position:relative}.settings-avatar{width:110px;height:110px;border-radius:24px;background:linear-gradient(135deg,var(--kiltro-orange) 0,#ff8533 50%,#833ab4 100%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;overflow:hidden;position:relative;border:4px solid var(--kiltro-bg-secondary);box-shadow:0 8px 32px rgba(255,85,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-avatar:hover{transform:scale(1.02);box-shadow:0 12px 40px rgba(255,85,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.1)}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(2px)}.settings-avatar-overlay i{font-size:1.5rem;color:#fff}.settings-avatar:hover .settings-avatar-overlay{opacity:1}.settings-user-info h1{font-size:2rem;font-weight:800;color:var(--kiltro-text);margin-bottom:.5rem;letter-spacing:-.02em}.settings-user-info p{color:var(--kiltro-text-secondary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.settings-user-info p:before{content:"";width:6px;height:6px;background:var(--kiltro-orange);border-radius:50%}.settings-container{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;display:grid;grid-template-columns:240px 1fr;gap:2.5rem}@media (max-width:768px){.settings-header-content{flex-direction:column;text-align:center}.settings-user-info p{justify-content:center}.settings-container{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 1rem 3rem}.settings-nav{display:flex;overflow-x:auto;padding:.5rem;gap:.5rem;background:var(--kiltro-bg-secondary);border-radius:16px;border:1px solid var(--kiltro-border);-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex:0 0 auto;padding:.75rem 1.25rem!important;border-radius:12px!important;margin-bottom:0!important;white-space:nowrap}.settings-nav-item span{display:inline}}.settings-nav{display:flex;flex-direction:column;gap:.375rem;position:sticky;top:80px;height:fit-content}.settings-nav-item{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;border-radius:14px;border:none;background:transparent;color:var(--kiltro-text-secondary);font-size:.925rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;position:relative}.settings-nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:24px;background:var(--kiltro-orange);border-radius:0 3px 3px 0;transition:transform .2s ease}.settings-nav-item:hover{background:var(--kiltro-bg-secondary);color:var(--kiltro-text)}.settings-nav-item.is-active{background:linear-gradient(135deg,rgba(255,85,0,.12),rgba(255,85,0,.04));color:var(--kiltro-orange);font-weight:600}.settings-nav-item.is-active:before{transform:translateY(-50%) scaleY(1)}.settings-nav-item i{width:22px;text-align:center;font-size:1rem}.settings-content{min-width:0}.settings-message{display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;border-radius:14px;margin-bottom:1.5rem;animation:settingsSlideIn .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(-16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-message.success{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));border:1px solid rgba(34,197,94,.25);color:#4ade80}.settings-message.success i{color:#22c55e}.settings-message.error{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.25);color:#f87171}.settings-message.error i{color:#ef4444}.settings-message span{font-weight:500}.settings-message button{margin-left:auto;background:none;border:none;color:inherit;opacity:.5;cursor:pointer;padding:.375rem;border-radius:6px;transition:all .2s ease}.settings-message button:hover{opacity:1;background:hsla(0,0%,100%,.1)}.settings-panel{background:var(--kiltro-bg-secondary);border-radius:20px;padding:2rem 2.5rem;border:1px solid var(--kiltro-border);box-shadow:0 4px 24px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.02)}@media (max-width:768px){.settings-panel{padding:1.5rem;border-radius:16px}}.settings-panel-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--kiltro-border);position:relative}.settings-panel-header:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--kiltro-orange),transparent);border-radius:2px}.settings-panel-header h2{font-size:1.375rem;font-weight:700;color:var(--kiltro-text);margin-bottom:.625rem;letter-spacing:-.01em}.settings-panel-header p{color:var(--kiltro-text-secondary);font-size:.9rem;line-height:1.5}.settings-form{gap:1.75rem}.settings-field,.settings-form{display:flex;flex-direction:column}.settings-field{gap:.625rem}.settings-field label{font-size:.875rem;font-weight:600;color:var(--kiltro-text);letter-spacing:.01em}.settings-input-wrapper{display:flex;align-items:center;gap:.875rem;background:var(--kiltro-bg-primary);border:1.5px solid var(--kiltro-border);border-radius:12px;padding:0 1.125rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.settings-input-wrapper:hover{border-color:hsla(0,0%,100%,.15)}.settings-input-wrapper:focus-within{border-color:var(--kiltro-orange);box-shadow:0 0 0 4px rgba(255,85,0,.1),0 0 20px rgba(255,85,0,.05)}.settings-input-wrapper.is-disabled{opacity:.5;cursor:not-allowed;background:var(--kiltro-bg-tertiary)}.settings-input-wrapper i{color:var(--kiltro-text-secondary);width:18px;text-align:center;font-size:.9rem}.settings-input-wrapper input{flex:1;background:transparent!important;border:none!important;border-radius:0!important;padding:1rem 0!important;color:var(--kiltro-text)!important;font-size:.925rem;outline:none!important;font-weight:400;box-shadow:none!important}.settings-input-wrapper input:focus,.settings-input-wrapper input:hover{border:none!important;box-shadow:none!important;outline:none!important}.settings-input-wrapper input::placeholder{color:var(--kiltro-text-secondary)!important;opacity:.6}.settings-input-wrapper input:disabled{cursor:not-allowed;color:var(--kiltro-text-secondary)!important}.settings-field textarea{background:var(--kiltro-bg-primary)!important;border:1.5px solid var(--kiltro-border)!important;border-radius:12px!important;padding:1rem 1.125rem!important;color:var(--kiltro-text)!important;font-size:.925rem;resize:vertical;min-height:120px;transition:all .25s cubic-bezier(.4,0,.2,1);line-height:1.6;font-family:inherit}.settings-field textarea:hover{border-color:hsla(0,0%,100%,.15)!important}.settings-field textarea:focus{border-color:var(--kiltro-orange)!important;box-shadow:0 0 0 4px rgba(255,85,0,.1),0 0 20px rgba(255,85,0,.05)!important;outline:none!important}.settings-field textarea::placeholder{color:var(--kiltro-text-secondary)!important;opacity:.6}.settings-field-hint{font-size:.8rem;color:var(--kiltro-text-secondary);opacity:.8}.settings-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.settings-social-grid .settings-field{display:flex;flex-direction:column;gap:.5rem;padding:0;background:transparent;border:none}.settings-social-grid .settings-field label{display:flex;align-items:center;gap:.625rem;color:var(--kiltro-text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0;padding:0;background:transparent;border:none}.settings-social-grid .settings-field label i{font-size:1.1rem;width:20px;text-align:center}.settings-social-grid .settings-input-wrapper{display:flex;align-items:center;background:var(--kiltro-bg-tertiary)!important;border:1.5px solid var(--kiltro-border)!important;border-radius:10px!important;padding:0 1rem!important;box-shadow:none!important;transition:all .25s cubic-bezier(.4,0,.2,1);min-width:0}.settings-social-grid .settings-input-wrapper:hover{border-color:var(--kiltro-border-light)!important;background:var(--kiltro-bg-elevated)!important}.settings-social-grid .settings-input-wrapper:focus-within{border-color:var(--kiltro-primary)!important;background:var(--kiltro-bg-elevated)!important;box-shadow:0 0 0 3px rgba(56,189,248,.15)!important}.settings-social-grid .settings-input-wrapper i{display:none}.settings-social-grid .settings-input-wrapper input{flex:1;padding:.875rem 0!important;font-size:.875rem;background:transparent!important;border:none!important;border-radius:0!important;color:var(--kiltro-text)!important;min-width:0;width:100%}.settings-social-grid .settings-input-wrapper input:focus{background:transparent!important;color:var(--kiltro-text)!important;box-shadow:none!important;outline:none!important}.settings-social-grid .settings-input-wrapper input::placeholder{color:var(--kiltro-text-muted);opacity:.6;font-size:.8rem}@media (max-width:768px){.settings-social-grid{grid-template-columns:1fr;gap:1rem}}.settings-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:2rem;border-top:1px solid var(--kiltro-border)}.settings-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:1rem 1.75rem;border-radius:12px;font-size:.925rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.01em}.settings-btn i{font-size:.9rem}.settings-btn.is-primary{background:linear-gradient(135deg,var(--kiltro-orange) 0,#ff6a1a 100%);color:#fff;box-shadow:0 4px 16px rgba(255,85,0,.3)}.settings-btn.is-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,85,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.1)}.settings-btn.is-primary:active:not(:disabled){transform:translateY(0)}.settings-btn.is-secondary{background:var(--kiltro-bg-tertiary);color:var(--kiltro-text);border:1.5px solid var(--kiltro-border)}.settings-btn.is-secondary:hover:not(:disabled){background:var(--kiltro-bg-primary);border-color:hsla(0,0%,100%,.15);transform:translateY(-1px)}.settings-btn.is-danger{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08));color:#f87171;border:1.5px solid rgba(239,68,68,.25)}.settings-btn.is-danger:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(239,68,68,.15));border-color:rgba(239,68,68,.4);transform:translateY(-1px)}.settings-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.settings-danger-zone{margin-top:2.5rem;padding:1.75rem;background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.03));border:1.5px solid rgba(239,68,68,.2);border-radius:16px;position:relative;overflow:hidden}.settings-danger-zone:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,rgba(239,68,68,.3))}.settings-danger-zone h3{color:#f87171;font-size:1.05rem;font-weight:700;margin-bottom:.625rem;display:flex;align-items:center;gap:.5rem}.settings-danger-zone h3:before{content:"\f071";font-family:Font Awesome\ 6 Free;font-weight:900;font-size:.9rem}.settings-danger-zone p{color:var(--kiltro-text-secondary);font-size:.9rem;margin-bottom:1.25rem;line-height:1.5}.settings-badge-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--kiltro-bg-primary);border:1.5px solid var(--kiltro-border);border-radius:16px;margin-bottom:1rem;transition:all .25s ease}.settings-badge-item:hover{border-color:hsla(0,0%,100%,.12);transform:translateY(-1px)}.settings-badge-info{display:flex;align-items:center;gap:1.25rem}.settings-badge-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.35rem;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.2)}.settings-badge-info h3{font-size:1.05rem;font-weight:700;color:var(--kiltro-text);margin-bottom:.375rem}.settings-badge-info p{font-size:.85rem;color:var(--kiltro-text-secondary);margin:0;line-height:1.4}.settings-toggle{position:relative;width:56px;height:30px;background:var(--kiltro-bg-tertiary);border:1.5px solid var(--kiltro-border);border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.settings-toggle:hover{border-color:hsla(0,0%,100%,.2)}.settings-toggle.is-active{background:linear-gradient(135deg,var(--kiltro-orange) 0,#ff6a1a 100%);border-color:transparent;box-shadow:0 2px 12px rgba(255,85,0,.35)}.settings-toggle-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.25)}.settings-toggle.is-active .settings-toggle-slider{transform:translateX(26px)}.license-templates{display:flex;flex-direction:column;gap:1.25rem}.license-card{background:var(--kiltro-bg-primary);border:1.5px solid var(--kiltro-border);border-radius:18px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px rgba(0,0,0,.08)}.license-card:hover{border-color:hsla(0,0%,100%,.1);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.license-card.is-editing{border-color:var(--kiltro-orange);box-shadow:0 0 0 4px rgba(255,85,0,.1),0 8px 32px rgba(255,85,0,.15)}.license-card.is-disabled{opacity:.45}.license-card.is-disabled:hover{transform:none}.license-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--kiltro-bg-tertiary) 0,var(--kiltro-bg-secondary) 100%);border-bottom:1px solid var(--kiltro-border)}.license-card-title{display:flex;align-items:center;gap:1.25rem}.license-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:10px;font-size:.85rem;font-weight:700;letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,0,.2)}.license-badge i{font-size:.8rem}.license-badge.basica{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.license-badge.premium{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.license-badge.exclusiva{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a}.license-toggle{position:relative;width:48px;height:26px;cursor:pointer}.license-toggle input{opacity:0;width:0;height:0}.license-toggle-slider{inset:0;background:var(--kiltro-bg-secondary);border:1.5px solid var(--kiltro-border);border-radius:26px}.license-toggle-slider,.license-toggle-slider:before{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1)}.license-toggle-slider:before{content:"";width:18px;height:18px;left:3px;bottom:2.5px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2)}.license-toggle input:checked+.license-toggle-slider{background:linear-gradient(135deg,var(--kiltro-orange),#ff6a1a);border-color:transparent;box-shadow:0 2px 10px rgba(255,85,0,.35)}.license-toggle input:checked+.license-toggle-slider:before{transform:translateX(22px)}.license-edit-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--kiltro-border);background:var(--kiltro-bg-secondary);color:var(--kiltro-text-secondary);cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.license-edit-btn:hover{background:var(--kiltro-bg-primary);color:var(--kiltro-orange);border-color:var(--kiltro-orange)}.license-quick-view{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:var(--kiltro-bg-primary)}.license-permissions{display:flex;flex-wrap:wrap;gap:.625rem}.license-permissions span{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--kiltro-bg-secondary);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--kiltro-text-secondary)}.license-permissions span i{font-size:.7rem}.license-permissions span.is-allowed{background:rgba(34,197,94,.1);color:#4ade80}.license-permissions span.is-allowed i{color:#22c55e}.license-default-price{font-size:1.25rem;font-weight:800;color:var(--kiltro-orange);background:linear-gradient(135deg,var(--kiltro-orange),#ff8533);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.license-editor{padding:1.75rem 1.5rem;background:linear-gradient(180deg,var(--kiltro-bg-secondary) 0,var(--kiltro-bg-tertiary) 100%);animation:licenseEditorSlide .3s ease}@keyframes licenseEditorSlide{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.license-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.25rem;margin-bottom:1.5rem}.license-editor .settings-field label{font-size:.8rem;font-weight:600;color:var(--kiltro-text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.license-editor .settings-field input,.license-editor .settings-field textarea{background:var(--kiltro-bg-primary)!important;border:1.5px solid var(--kiltro-border)!important;border-radius:10px!important;padding:.875rem 1rem!important;color:var(--kiltro-text)!important;font-size:.9rem;width:100%;transition:all .25s ease}.license-editor .settings-field input:hover,.license-editor .settings-field textarea:hover{border-color:hsla(0,0%,100%,.15)!important}.license-editor .settings-field input:focus,.license-editor .settings-field textarea:focus{border-color:var(--kiltro-orange)!important;box-shadow:0 0 0 3px rgba(255,85,0,.1)!important;outline:none!important}.license-permissions-editor{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--kiltro-border)}.license-permissions-editor>label{display:block;font-size:.8rem;font-weight:600;color:var(--kiltro-text);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.03em}.license-checkboxes{display:flex;flex-wrap:wrap;gap:.75rem}.license-checkbox{display:inline-flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:var(--kiltro-bg-primary);border:1.5px solid var(--kiltro-border);border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--kiltro-text-secondary);transition:all .25s ease}.license-checkbox:hover{border-color:var(--kiltro-orange);background:rgba(255,85,0,.05);transform:translateY(-1px)}.license-checkbox input{display:none}.license-checkbox-box{width:20px;height:20px;border:2px solid var(--kiltro-border);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0}.license-checkbox-box i{font-size:.65rem;color:#fff;opacity:0;transform:scale(.5);transition:all .2s ease}.license-checkbox input:checked+.license-checkbox-box{background:linear-gradient(135deg,var(--kiltro-orange),#ff6a1a);border-color:var(--kiltro-orange);box-shadow:0 2px 8px rgba(255,85,0,.3)}.license-checkbox input:checked+.license-checkbox-box i{opacity:1;transform:scale(1)}.license-checkbox input:checked~span{color:var(--kiltro-text)}.license-checkbox i.fas:not(.fa-check){color:var(--kiltro-text-secondary);opacity:.7;font-size:.9rem}.license-checkbox input:checked~i.fas:not(.fa-check){color:var(--kiltro-orange);opacity:1}.payment-section{margin-top:0}.payment-provider{background:linear-gradient(135deg,var(--kiltro-bg-primary) 0,var(--kiltro-bg-tertiary) 100%);border:1.5px solid var(--kiltro-border);border-radius:18px;padding:2rem;position:relative;overflow:hidden}.payment-provider:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(0,158,227,.08) 0,transparent 70%);pointer-events:none}.payment-provider-header{margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem}.mp-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#009ee3,#00b1ea);color:#fff;padding:.625rem 1.25rem;border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:.01em}.mp-badge i{font-size:1.1rem}.beats-search-container{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-lg);padding:1.75rem;margin-bottom:2rem;box-shadow:0 4px 24px rgba(0,0,0,.2)}.beats-search-main{display:flex;gap:1rem;margin-bottom:1.5rem}.beats-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.beats-search-input-wrapper>i:first-child{position:absolute;left:1.25rem;color:var(--kiltro-text-secondary);font-size:1rem;z-index:1;transition:color .2s ease}.beats-search-input-wrapper:focus-within>i:first-child{color:var(--kiltro-orange)}.beats-search-input-wrapper input{width:100%;background:var(--kiltro-bg-primary);border:2px solid transparent;border-radius:50px;padding:1rem 3rem 1rem 3.25rem;color:var(--kiltro-text);font-size:1rem;outline:none;transition:all .25s ease;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.beats-search-input-wrapper input:hover{background:var(--kiltro-bg-secondary)}.beats-search-input-wrapper input:focus{border-color:var(--kiltro-orange);background:var(--kiltro-bg-secondary);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),0 0 0 4px rgba(255,85,0,.1)}.beats-search-input-wrapper input::placeholder{color:var(--kiltro-text-secondary)}.beats-search-clear{position:absolute;right:1rem;background:hsla(0,0%,100%,.1);border:none;color:var(--kiltro-text-secondary);cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.beats-search-clear:hover{background:rgba(239,68,68,.2);color:#ef4444}.beats-search-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--kiltro-orange) 0,#e64a00 100%);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s ease;white-space:nowrap;box-shadow:0 4px 15px rgba(255,85,0,.3)}.beats-search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,85,0,.45)}.beats-search-btn:active{transform:translateY(0)}.beats-filters{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-end;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.06)}.beats-filter-group{display:flex;flex-direction:column;gap:.5rem}.beats-filter-group label{font-size:.7rem;font-weight:600;color:var(--kiltro-text-secondary);text-transform:uppercase;letter-spacing:.08em;padding-left:.25rem}.beats-select-wrapper{position:relative;display:flex;align-items:center}.beats-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--kiltro-bg-primary)!important;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;padding:.75rem 2.5rem .75rem 1rem;color:var(--kiltro-text)!important;background-image:none!important;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px}.beats-select-wrapper select:hover{border-color:rgba(255,85,0,.4);background-color:var(--kiltro-bg-secondary)!important}.beats-select-wrapper select:focus{outline:none;border-color:var(--kiltro-orange);box-shadow:0 0 0 3px rgba(255,85,0,.15)}.beats-select-wrapper select option{background-color:var(--kiltro-bg-secondary)!important;color:var(--kiltro-text)!important;padding:.75rem 1rem}.beats-select-wrapper select option:checked,.beats-select-wrapper select option:hover{background-color:var(--kiltro-bg-tertiary)!important}.beats-select-wrapper>i{position:absolute;right:1rem;color:var(--kiltro-text-secondary);font-size:.7rem;pointer-events:none;transition:color .2s ease}.beats-select-wrapper:hover>i{color:var(--kiltro-orange)}.beats-bpm-inputs{display:flex;align-items:center;gap:.6rem}.beats-bpm-inputs input{width:75px;padding:.75rem .5rem;background-color:var(--kiltro-bg-primary)!important;border:1px solid hsla(0,0%,100%,.08);border-radius:10px;color:var(--kiltro-text);font-size:.875rem;text-align:center;transition:all .2s ease}.beats-bpm-inputs input:hover{border-color:rgba(255,85,0,.4);background-color:var(--kiltro-bg-secondary)!important}.beats-bpm-inputs input:focus{outline:none;border-color:var(--kiltro-orange);box-shadow:0 0 0 3px rgba(255,85,0,.15)}.beats-bpm-inputs input::placeholder{color:var(--kiltro-text-secondary)}.beats-bpm-separator{color:var(--kiltro-text-secondary);font-size:.8rem}.beats-clear-filters{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:var(--kiltro-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.beats-clear-filters:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1)}.beats-active-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid hsla(0,0%,100%,.06)}.beats-filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .9rem;background:linear-gradient(135deg,rgba(255,85,0,.15),rgba(255,85,0,.08));border:1px solid rgba(255,85,0,.25);border-radius:25px;color:var(--kiltro-orange);font-size:.8rem;font-weight:500;transition:all .2s ease}.beats-filter-tag:hover{background:linear-gradient(135deg,rgba(255,85,0,.2),rgba(255,85,0,.12))}.beats-filter-tag i{font-size:.7rem;opacity:.8}.beats-filter-tag button{background:none;border:none;color:var(--kiltro-orange);cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.7;transition:all .2s ease}.beats-filter-tag button:hover{opacity:1;background:rgba(255,85,0,.2)}@media (max-width:768px){.beats-search-container{padding:1.25rem}.beats-search-main{flex-direction:column}.beats-search-btn{width:100%;justify-content:center;padding:1rem}.beats-filters{flex-direction:column;align-items:stretch;gap:1rem}.beats-bpm-inputs,.beats-filter-group,.beats-select-wrapper select{width:100%}.beats-bpm-inputs input{flex:1}.beats-clear-filters{margin-left:0;justify-content:center}}.home-page{position:relative;overflow-x:hidden}.blob-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blobFloat 20s ease-in-out infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.blob-1{width:600px;height:600px;background:radial-gradient(circle,rgba(56,189,248,.15) 0,transparent 70%);top:-200px;right:-200px;animation-delay:0s}.blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.12) 0,transparent 70%);bottom:20%;left:-150px;animation-delay:-7s}.blob-3{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0,transparent 70%);top:50%;right:10%;animation-delay:-14s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.hero-section{position:relative;z-index:1;padding:6rem 0 4rem;min-height:90vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}}.hero-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:3rem;position:relative;overflow:hidden}.hero-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.3),transparent)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-full);font-size:.85rem;color:var(--kiltro-primary);margin-bottom:1.5rem}.badge-dot{width:8px;height:8px;background:var(--kiltro-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--kiltro-text)}.hero-title-accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;color:var(--kiltro-text-secondary);line-height:1.7;margin-bottom:2rem;max-width:500px}@media (max-width:968px){.hero-subtitle{margin:0 auto 2rem}}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width:968px){.hero-actions{justify-content:center}}.home-page .btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;background:var(--gradient-primary);color:#fff;font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);box-shadow:0 4px 15px rgba(56,189,248,.3)}.home-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(56,189,248,.4);color:#fff}.home-page .btn-large{padding:1.25rem 2rem;font-size:1.05rem}.btn-glass{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--kiltro-text);font-weight:500;border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.btn-glass:hover{background:var(--kiltro-bg-hover);border-color:var(--kiltro-primary);color:var(--kiltro-text)}.home-page .btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--kiltro-border);color:var(--kiltro-text-secondary);font-weight:500;font-size:.9rem;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base)}.home-page .btn-outline:hover{border-color:var(--kiltro-primary);color:var(--kiltro-primary)}.hero-stats{display:flex;align-items:center;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--kiltro-border)}.hero-stats .stat-item{display:flex;flex-direction:column;text-align:left}.stat-number{font-size:1.75rem;font-weight:700;color:var(--kiltro-text)}.hero-stats .stat-label{font-size:.8rem;color:var(--kiltro-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:var(--kiltro-border)}.hero-visual{position:relative;height:400px}.floating-card{position:absolute;display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);animation:float 6s ease-in-out infinite;box-shadow:var(--shadow-xl);min-width:200px}.floating-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(56,189,248,.2),rgba(56,189,248,.05));display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-card-icon i{color:var(--kiltro-primary);font-size:1.25rem}.floating-card-icon-green{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.05))}.floating-card-icon-green i{color:#22c55e}.floating-card-icon-purple{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(168,85,247,.05))}.floating-card-icon-purple i{color:#a855f7}.floating-card-icon-orange{background:linear-gradient(135deg,rgba(249,115,22,.2),rgba(249,115,22,.05))}.floating-card-icon-orange i{color:#f97316}.floating-card-content{display:flex;flex-direction:column;gap:.125rem}.floating-card-number{font-size:1.1rem;font-weight:700;color:var(--kiltro-text);line-height:1.2}.floating-card-label{font-size:.75rem;color:var(--kiltro-text-secondary);font-weight:400}.floating-card-1{top:10%;right:10%;animation-delay:0s}.floating-card-2{top:45%;left:5%;animation-delay:-2s}.floating-card-3{bottom:20%;right:5%;animation-delay:-4s}.floating-card-4{bottom:5%;left:15%;animation-delay:-1s}.hero-visual-bg{position:absolute;inset:-20%;background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(56,189,248,.12) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 30% 70%,rgba(34,197,94,.08) 0,transparent 50%),radial-gradient(ellipse 40% 30% at 80% 80%,rgba(168,85,247,.06) 0,transparent 40%);animation:heroVisBgPulse 8s ease-in-out infinite;pointer-events:none}@keyframes heroVisBgPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.hero-visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:180px;height:180px;background:conic-gradient(from 0deg,rgba(56,189,248,.15) 0deg,rgba(34,197,94,.1) 90deg,rgba(168,85,247,.1) 180deg,rgba(249,115,22,.1) 270deg,rgba(56,189,248,.15) 1turn);border-radius:50%;filter:blur(40px);animation:heroVisRotate 20s linear infinite;will-change:transform;backface-visibility:hidden}@keyframes heroVisRotate{0%{transform:translate(-50%,-50%) rotate(0deg) translateZ(0)}to{transform:translate(-50%,-50%) rotate(1turn) translateZ(0)}}.hero-visual:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid hsla(0,0%,100%,.06);border-radius:50%;background:radial-gradient(circle at center,rgba(56,189,248,.08) 0,transparent 40%,hsla(0,0%,100%,.02) 60%,transparent 70%);animation:heroVisDisc 15s linear infinite}@keyframes heroVisDisc{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap");.hero-v3{position:relative;z-index:1;min-height:100vh;padding:8rem 0 4rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:linear-gradient(180deg,var(--kiltro-bg) 0,rgba(9,9,11,.95) 100%)}.hero-v3-waves{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-v3-wave{position:absolute;left:50%;bottom:0;width:200%;height:100%;transform:translateX(-50%);background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(56,189,248,.03) 0,rgba(56,189,248,.03) 4px);animation:heroWaveMove 20s linear infinite;opacity:.5}.hero-v3-wave-1{animation-duration:25s}.hero-v3-wave-2{animation-duration:20s;animation-delay:-5s;opacity:.3}.hero-v3-wave-3{animation-duration:30s;animation-delay:-10s;opacity:.2}.hero-v3-wave-4{animation-duration:22s;animation-delay:-7s;opacity:.4}.hero-v3-wave-5{animation-duration:18s;animation-delay:-3s;opacity:.25}@keyframes heroWaveMove{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-50px)}}.hero-v3-wave:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,rgba(56,189,248,.08) 0,transparent);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='10' width='2' height='10' fill='white'/%3E%3Crect x='4' y='5' width='2' height='15' fill='white'/%3E%3Crect x='8' y='12' width='2' height='8' fill='white'/%3E%3Crect x='12' y='2' width='2' height='18' fill='white'/%3E%3Crect x='16' y='8' width='2' height='12' fill='white'/%3E%3Crect x='20' y='14' width='2' height='6' fill='white'/%3E%3Crect x='24' y='6' width='2' height='14' fill='white'/%3E%3Crect x='28' y='10' width='2' height='10' fill='white'/%3E%3Crect x='32' y='4' width='2' height='16' fill='white'/%3E%3Crect x='36' y='12' width='2' height='8' fill='white'/%3E%3Crect x='40' y='7' width='2' height='13' fill='white'/%3E%3Crect x='44' y='11' width='2' height='9' fill='white'/%3E%3Crect x='48' y='3' width='2' height='17' fill='white'/%3E%3Crect x='52' y='9' width='2' height='11' fill='white'/%3E%3Crect x='56' y='13' width='2' height='7' fill='white'/%3E%3Crect x='60' y='5' width='2' height='15' fill='white'/%3E%3Crect x='64' y='10' width='2' height='10' fill='white'/%3E%3Crect x='68' y='6' width='2' height='14' fill='white'/%3E%3Crect x='72' y='14' width='2' height='6' fill='white'/%3E%3Crect x='76' y='8' width='2' height='12' fill='white'/%3E%3Crect x='80' y='4' width='2' height='16' fill='white'/%3E%3Crect x='84' y='11' width='2' height='9' fill='white'/%3E%3Crect x='88' y='7' width='2' height='13' fill='white'/%3E%3Crect x='92' y='12' width='2' height='8' fill='white'/%3E%3Crect x='96' y='9' width='2' height='11' fill='white'/%3E%3C/svg%3E");mask-size:100px 20px;mask-repeat:repeat-x;animation:heroEqualizer 1.5s steps(3) infinite}@keyframes heroEqualizer{0%,to{mask-position:0 0}50%{mask-position:50px 0}}.hero-v3-noise{inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.hero-v3-diagonal,.hero-v3-noise{position:absolute;pointer-events:none}.hero-v3-diagonal{top:0;right:0;width:50%;height:100%;background:linear-gradient(-45deg,transparent,transparent 48%,rgba(56,189,248,.05) 0,rgba(56,189,248,.05) 52%,transparent 0)}.hero-v3-layout{display:grid;grid-template-columns:1fr 380px;gap:4rem;align-items:center}@media (max-width:1100px){.hero-v3-layout{grid-template-columns:1fr;gap:3rem}}.hero-v3-main{position:relative;z-index:2}.hero-v3-eyebrow{display:inline-flex;align-items:center;gap:1rem;margin-bottom:2rem}.hero-v3-eyebrow-line{width:40px;height:2px;background:var(--kiltro-primary)}.hero-v3-eyebrow-text{font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.3em;color:var(--kiltro-primary);font-weight:700}.hero-v3-title{font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(4rem,12vw,9rem);line-height:.9;margin-bottom:2.5rem;letter-spacing:-.02em}.hero-v3-title-line{display:block;overflow:hidden}.hero-v3-title-line-1{color:var(--kiltro-text);animation:heroTitleReveal .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.1s;opacity:0;transform:translateY(100%)}.hero-v3-title-line-2{animation:heroTitleReveal .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.25s;opacity:0;transform:translateY(100%)}.hero-v3-title-line-3{animation:heroTitleReveal .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.4s;opacity:0;transform:translateY(100%)}@keyframes heroTitleReveal{to{opacity:1;transform:translateY(0)}}.hero-v3-title-outline{color:transparent;-webkit-text-stroke:2px var(--kiltro-text-secondary);text-stroke:2px var(--kiltro-text-secondary);transition:all .3s ease}.hero-v3-title-outline:hover{-webkit-text-stroke-color:var(--kiltro-primary);text-stroke-color:var(--kiltro-primary)}.hero-v3-title-accent{background:linear-gradient(135deg,#38bdf8,#22d3ee 50%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-v3-title-accent:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.15em;background:linear-gradient(90deg,var(--kiltro-primary),var(--kiltro-secondary));opacity:.3}.hero-v3-description{font-family:Space Mono,monospace;font-size:1rem;line-height:1.8;color:var(--kiltro-text-secondary);max-width:520px;margin-bottom:3rem;animation:heroFadeIn 1s ease forwards;animation-delay:.6s;opacity:0}@keyframes heroFadeIn{to{opacity:1}}.hero-v3-actions{display:flex;gap:1.5rem;flex-wrap:wrap;animation:heroFadeIn 1s ease forwards;animation-delay:.8s;opacity:0}.hero-v3-btn-primary{display:inline-flex;align-items:center;gap:0;background:var(--kiltro-primary);color:#09090b;font-family:Space Mono,monospace;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-decoration:none;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.22,1,.36,1)}.hero-v3-btn-text{padding:1.25rem 1.5rem;position:relative;z-index:1}.hero-v3-btn-icon{background:rgba(0,0,0,.2);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.hero-v3-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(56,189,248,.4);color:#09090b}.hero-v3-btn-primary:hover .hero-v3-btn-icon{background:rgba(0,0,0,.3);padding-left:2rem;padding-right:2rem}.hero-v3-btn-secondary{display:inline-flex;gap:1rem;padding:1.25rem 2rem;background:transparent;border:2px solid var(--kiltro-border-light);color:var(--kiltro-text);font-family:Space Mono,monospace;font-weight:700;font-size:.85rem;letter-spacing:.1em;text-decoration:none}.hero-v3-btn-play,.hero-v3-btn-secondary{align-items:center;transition:all .3s ease}.hero-v3-btn-play{width:32px;height:32px;border-radius:50%;background:var(--kiltro-text);color:var(--kiltro-bg);display:flex;justify-content:center;font-size:.7rem}.hero-v3-btn-secondary:hover{border-color:var(--kiltro-primary);color:var(--kiltro-primary)}.hero-v3-btn-secondary:hover .hero-v3-btn-play{background:var(--kiltro-primary);color:#09090b;transform:scale(1.1)}.hero-v3-aside{position:relative;display:flex;flex-direction:column;gap:2rem;animation:heroSlideIn 1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.4s;opacity:0;transform:translateX(50px)}@keyframes heroSlideIn{to{opacity:1;transform:translateX(0)}}@media (max-width:1100px){.hero-v3-aside{flex-direction:row;justify-content:space-between;align-items:center}}.hero-v3-stats{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:rgba(15,15,18,.6);backdrop-filter:blur(10px);border:1px solid var(--kiltro-border);position:relative}.hero-v3-stats:before{content:"STATS";position:absolute;top:-.6rem;left:1.5rem;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.2em;color:var(--kiltro-text-muted);background:var(--kiltro-bg);padding:0 .5rem}.hero-v3-stat{display:flex;flex-direction:column;gap:.25rem}.hero-v3-stat-number{font-family:Bebas Neue,Impact,sans-serif;font-size:2.5rem;line-height:1;color:var(--kiltro-text)}.hero-v3-stat-label{font-family:Space Mono,monospace;font-size:.7rem;letter-spacing:.15em;color:var(--kiltro-text-muted)}.hero-v3-stat-bar{width:100%;height:3px;background:var(--kiltro-border);margin-top:.5rem;overflow:hidden}.hero-v3-stat-bar-fill{height:100%;width:0;animation:heroBarFill 1.5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:1s}.hero-v3-stat-bar-cyan{background:var(--kiltro-primary)}.hero-v3-stat-bar-green{background:#22c55e}.hero-v3-stat-bar-purple{background:#a855f7}.hero-v3-stat-bar-orange{background:#f97316}.hero-v3-stat:first-child .hero-v3-stat-bar-fill{animation-delay:1s}.hero-v3-stat:nth-child(2) .hero-v3-stat-bar-fill{animation-delay:1.15s}.hero-v3-stat:nth-child(3) .hero-v3-stat-bar-fill{animation-delay:1.3s}.hero-v3-stat:nth-child(4) .hero-v3-stat-bar-fill{animation-delay:1.45s}@keyframes heroBarFill{to{width:100%}}.hero-v3-vinyl{position:relative;width:200px;height:200px;align-self:center}.hero-v3-vinyl-disc{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1a1a1d,#2d2d30 20%,#1a1a1d 40%,#2d2d30 60%,#1a1a1d 80%,#2d2d30);position:relative;animation:heroVinylSpin 8s linear infinite;box-shadow:0 0 0 3px rgba(56,189,248,.3),0 10px 40px rgba(0,0,0,.5)}@keyframes heroVinylSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero-v3-vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--kiltro-primary) 0,#0ea5e9 100%);display:flex;align-items:center;justify-content:center}.hero-v3-vinyl-logo{font-family:Bebas Neue,Impact,sans-serif;font-size:2.5rem;color:#09090b;font-weight:400}.hero-v3-vinyl-grooves{position:absolute;inset:15%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px)}.hero-v3-vinyl-glow{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle at center,rgba(56,189,248,.15) 0,transparent 60%);animation:heroVinylGlow 3s ease-in-out infinite alternate;pointer-events:none}@keyframes heroVinylGlow{0%{opacity:.5}to{opacity:1}}.hero-v3-marquee{margin-top:4rem;overflow:hidden;border-top:1px solid var(--kiltro-border);border-bottom:1px solid var(--kiltro-border);padding:1rem 0;animation:heroFadeIn 1s ease forwards;animation-delay:1s;opacity:0}.hero-v3-marquee-track{display:flex;gap:3rem;white-space:nowrap;animation:heroMarqueeScroll 20s linear infinite;font-family:Space Mono,monospace;font-size:.8rem;letter-spacing:.2em;color:var(--kiltro-text-muted)}@keyframes heroMarqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hero-v3-marquee-dot{color:var(--kiltro-primary)}@media (max-width:768px){.hero-v3{padding:6rem 0 3rem;min-height:auto}.hero-v3-title{font-size:clamp(3rem,15vw,5rem)}.hero-v3-aside{flex-direction:column}.hero-v3-stats{width:100%;flex-direction:row;flex-wrap:wrap;gap:1rem}.hero-v3-stat{flex:1 1 45%;min-width:120px}.hero-v3-vinyl{width:150px;height:150px}.hero-v3-vinyl-label{width:50px;height:50px}.hero-v3-vinyl-logo{font-size:1.8rem}.hero-v3-actions{flex-direction:column}.hero-v3-btn-primary,.hero-v3-btn-secondary{width:100%;justify-content:center}.hero-v3-marquee-track{font-size:.7rem}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.features-section-v2{position:relative;z-index:1;padding:6rem 0 7rem;overflow:hidden}.features-v2-bg{position:absolute;inset:0;pointer-events:none}.features-v2-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.03) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 20%,transparent 70%)}.features-v2-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.features-v2-glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(56,189,248,.15) 0,transparent 70%);top:-100px;left:-100px;animation:float 8s ease-in-out infinite}.features-v2-glow-2{width:400px;height:400px;background:radial-gradient(circle,rgba(34,197,94,.12) 0,transparent 70%);bottom:-50px;right:-50px;animation:float 10s ease-in-out infinite reverse}.features-v2-header{text-align:center;margin-bottom:4rem;position:relative}.features-v2-label{display:inline-flex;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--kiltro-primary)}.features-v2-label-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--kiltro-primary),transparent)}.features-v2-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--kiltro-text);line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.features-v2-title-accent{background:linear-gradient(135deg,#38bdf8,#22d3ee 50%,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-v2-subtitle{font-size:1.1rem;color:var(--kiltro-text-secondary);max-width:500px;margin:0 auto}.features-v2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}@media (max-width:768px){.features-v2-grid{grid-template-columns:1fr}}.feature-v2-card{position:relative;background:linear-gradient(165deg,rgba(18,18,22,.9),rgba(10,10,13,.95));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-xl);padding:2rem;display:flex;gap:1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden;opacity:0;animation:fadeInUp .6s ease forwards}.feature-v2-card-1{animation-delay:.1s}.feature-v2-card-2{animation-delay:.2s}.feature-v2-card-3{animation-delay:.3s}.feature-v2-card-4{animation-delay:.4s}.feature-v2-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,rgba(56,189,248,.2),transparent 50%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.feature-v2-card:hover{transform:translateY(-6px) translateX(4px);border-color:rgba(56,189,248,.15);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 60px rgba(56,189,248,.05),inset 0 1px 0 hsla(0,0%,100%,.05)}.feature-v2-card:hover:before{opacity:1}.feature-v2-number{position:absolute;top:1rem;right:1.25rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--kiltro-text-muted);opacity:.5}.feature-v2-icon-wrap{position:relative;flex-shrink:0}.feature-v2-icon-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(56,189,248,.3) 0,transparent 70%);border-radius:50%;opacity:0;transition:opacity .4s ease}.feature-v2-card:hover .feature-v2-icon-glow{opacity:1}.feature-v2-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(56,189,248,.05));border:1px solid rgba(56,189,248,.25);border-radius:var(--radius-lg);font-size:1.25rem;color:#38bdf8;position:relative;transition:all .3s ease}.feature-v2-card:hover .feature-v2-icon{transform:scale(1.1) rotate(-3deg);border-color:rgba(56,189,248,.5)}.feature-v2-icon-green{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));border-color:rgba(34,197,94,.25);color:#22c55e}.feature-v2-icon-purple{background:linear-gradient(135deg,rgba(168,85,247,.15),rgba(168,85,247,.05));border-color:rgba(168,85,247,.25);color:#a855f7}.feature-v2-icon-orange{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(249,115,22,.05));border-color:rgba(249,115,22,.25);color:#f97316}.feature-v2-content{flex:1;min-width:0}.feature-v2-content h3{font-size:1.15rem;font-weight:700;color:var(--kiltro-text);margin-bottom:.5rem;letter-spacing:-.01em}.feature-v2-content p{font-size:.9rem;color:var(--kiltro-text-secondary);line-height:1.6;margin:0}.feature-v2-line{position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#38bdf8,transparent);transition:width .5s cubic-bezier(.23,1,.32,1)}.feature-v2-card:hover .feature-v2-line{width:100%}.feature-v2-line-green{background:linear-gradient(90deg,#22c55e,transparent)}.feature-v2-line-purple{background:linear-gradient(90deg,#a855f7,transparent)}.feature-v2-line-orange{background:linear-gradient(90deg,#f97316,transparent)}.section-header{text-align:center;margin-bottom:3rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(56,189,248,.1);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--kiltro-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.section-badge-cyan{background:rgba(56,189,248,.1);color:#38bdf8}.section-badge-green{background:rgba(34,197,94,.1);color:#22c55e}.home-page .section-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--kiltro-text);margin-bottom:0}.paths-section-v2{position:relative;z-index:1;padding:5rem 0 6rem;overflow:hidden}.paths-v2-bg{position:absolute;inset:0;pointer-events:none}.paths-v2-diagonal{position:absolute;inset:0;background:linear-gradient(135deg,rgba(56,189,248,.02),transparent 50%),linear-gradient(225deg,rgba(34,197,94,.02),transparent 50%)}.paths-v2-header{text-align:center;margin-bottom:3.5rem}.paths-v2-eyebrow{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--kiltro-text-muted);margin-bottom:.75rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-full)}.paths-v2-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--kiltro-text);letter-spacing:-.02em}.paths-v2-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:stretch;max-width:1100px;margin:0 auto}@media (max-width:900px){.paths-v2-grid{grid-template-columns:1fr;gap:1.5rem}.paths-v2-divider{flex-direction:row!important}.paths-v2-divider-line{width:60px!important;height:1px!important}}.path-v2-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden}.path-v2-card-inner{position:relative;z-index:2;background:linear-gradient(165deg,rgba(16,16,20,.95),rgba(8,8,11,.98));border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius-2xl);padding:2.5rem;height:100%;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.23,1,.32,1)}.path-v2-card-glow{position:absolute;inset:-3px;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#38bdf8,#0ea5e9 50%,#22d3ee);opacity:0;transition:opacity .5s ease;z-index:1}.path-v2-card-glow-green{background:linear-gradient(135deg,#22c55e,#16a34a 50%,#4ade80)}.path-v2-card:hover .path-v2-card-glow{opacity:1}.path-v2-card:hover .path-v2-card-inner{border-color:transparent;transform:translateY(-4px)}.path-v2-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.path-v2-icon-container{position:relative;width:80px;height:80px}.path-v2-icon-ring{position:absolute;border-radius:50%;border:1px solid rgba(56,189,248,.15);animation:pulseRing 3s ease-out infinite}.path-v2-icon-container-green .path-v2-icon-ring{border-color:rgba(34,197,94,.15)}.path-v2-icon-ring-1{inset:0;animation-delay:0s}.path-v2-icon-ring-2{inset:-8px;animation-delay:1s}.path-v2-icon-ring-3{inset:-16px;animation-delay:2s}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}50%{opacity:.2}to{opacity:0;transform:scale(1.3)}}.path-v2-icon{position:absolute;inset:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(56,189,248,.2),rgba(56,189,248,.05));border:1px solid rgba(56,189,248,.3);border-radius:50%;font-size:1.5rem;color:#38bdf8;transition:all .3s ease}.path-v2-icon-container-green .path-v2-icon{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.05));border-color:rgba(34,197,94,.3);color:#22c55e}.path-v2-card:hover .path-v2-icon{transform:scale(1.1);box-shadow:0 0 30px rgba(56,189,248,.3)}.path-v2-card-producer:hover .path-v2-icon{box-shadow:0 0 30px rgba(34,197,94,.3)}.path-v2-label-tag{font-size:.65rem;font-weight:800;letter-spacing:.15em;color:#38bdf8;padding:.35rem .75rem;background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-sm)}.path-v2-label-tag-green{color:#22c55e;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2)}.path-v2-content{flex:1;display:flex;flex-direction:column}.path-v2-title{font-size:1.5rem;font-weight:800;color:var(--kiltro-text);margin-bottom:.5rem;letter-spacing:-.02em}.path-v2-desc{font-size:.95rem;color:var(--kiltro-text-secondary);line-height:1.6;margin-bottom:1.75rem}.path-v2-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;flex-grow:1}.path-v2-feature{display:flex;align-items:center;gap:.875rem;font-size:.9rem;color:var(--kiltro-text-secondary)}.path-v2-feature-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.15);border-radius:var(--radius-sm);font-size:.75rem;color:#38bdf8;flex-shrink:0;transition:all .3s ease}.path-v2-feature-green .path-v2-feature-icon{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.15);color:#22c55e}.path-v2-card:hover .path-v2-feature-icon{transform:scale(1.1)}.path-v2-cta{display:flex;align-items:center;justify-content:center;gap:.875rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);margin-top:auto}.path-v2-cta-artist{background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;box-shadow:0 4px 20px rgba(56,189,248,.25)}.path-v2-cta-producer{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px rgba(34,197,94,.25)}.path-v2-cta:hover{transform:translateY(-3px);color:#fff}.path-v2-cta-artist:hover{box-shadow:0 8px 30px rgba(56,189,248,.4)}.path-v2-cta-producer:hover{box-shadow:0 8px 30px rgba(34,197,94,.4)}.path-v2-cta-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);border-radius:var(--radius-sm);font-size:.8rem;transition:transform .3s ease}.path-v2-cta:hover .path-v2-cta-icon{transform:translateX(4px)}.paths-v2-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.paths-v2-divider-line{width:1px;height:60px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.1),transparent)}.paths-v2-divider-text{font-size:.8rem;font-weight:600;color:var(--kiltro-text-muted);text-transform:lowercase}.path-cta-artist:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(56,189,248,.4);color:#fff}.path-cta-producer{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px rgba(34,197,94,.3)}.path-cta-producer:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(34,197,94,.4);color:#fff}.path-cta i{font-size:.9rem;transition:transform .3s ease}.path-cta:hover i{transform:translateX(3px)}.content-section{position:relative;z-index:1;padding:4rem 0}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.tracks-list{display:flex;flex-direction:column;gap:1rem}.track-item-wrapper{animation:fadeInUp .5s ease forwards;opacity:0}.home-page .beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.beat-item-wrapper{animation:fadeInUp .5s ease forwards;opacity:0}.home-page .beats-section .beats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.home-page .beats-section .track-card{background:linear-gradient(165deg,rgba(20,20,24,.95),rgba(12,12,15,.98));border:1px solid hsla(0,0%,100%,.06);border-radius:20px;padding:0;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;height:100%;display:flex;flex-direction:column}.home-page .beats-section .beat-item-wrapper{height:100%}.home-page .beats-section .beats-grid{align-items:stretch}.home-page .beats-section .track-card:before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(56,189,248,.15),transparent 50%,rgba(34,197,94,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.home-page .beats-section .track-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(56,189,248,.2);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 60px rgba(56,189,248,.08)}.home-page .beats-section .track-card:hover:before{opacity:1}.home-page .beats-section .track-card>div[style*=flex]{flex-direction:column!important;gap:0!important;flex:1;display:flex!important}.home-page .beats-section .track-card>div:first-child:not([style*=flex]){display:none}.home-page .beats-section .track-artwork{width:100%!important;height:200px!important;border-radius:0!important;position:relative;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#0d0d14)}.home-page .beats-section .track-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0,transparent 60%,rgba(0,0,0,.8));pointer-events:none}.home-page .beats-section .track-artwork img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}.home-page .beats-section .track-card:hover .track-artwork img{transform:scale(1.08)}.home-page .beats-section .track-artwork .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:64px!important;height:64px!important;background:rgba(0,0,0,.6)!important;backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2)!important;opacity:0;transition:all .3s cubic-bezier(.23,1,.32,1);z-index:10}.home-page .beats-section .track-artwork .play-btn i{font-size:1.25rem;margin-left:3px}.home-page .beats-section .track-card:hover .track-artwork .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.home-page .beats-section .track-artwork .play-btn:hover{background:var(--kiltro-primary)!important;border-color:var(--kiltro-primary)!important;transform:translate(-50%,-50%) scale(1.1)!important}.home-page .beats-section .track-info{padding:1.25rem 1.25rem 1rem!important;display:flex!important;flex-direction:column;gap:.625rem;flex:1}.home-page .beats-section .track-waveform{display:none!important}.home-page .beats-section .track-info>div:first-child{order:2;margin-bottom:0}.home-page .beats-section .track-info>div:first-child .user-avatar{width:24px!important;height:24px!important;font-size:.65rem!important;line-height:24px!important}.home-page .beats-section .track-artist{font-size:.8rem!important;opacity:.6}.home-page .beats-section .track-title{font-size:1.1rem!important;font-weight:700!important;letter-spacing:-.02em;order:1;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-page .beats-section .track-info>div:nth-child(3){order:3;display:flex!important;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.home-page .beats-section .track-info>div:nth-child(3) .tag,.home-page .beats-section .track-info>div:nth-child(3) span[class*=tag]{font-size:.7rem!important;padding:.25rem .6rem!important;border-radius:6px!important;font-weight:600!important;letter-spacing:.02em}.home-page .beats-section .track-info>div:nth-child(3) span.tag:not([style*=orange]){background:hsla(0,0%,100%,.08)!important;color:hsla(0,0%,100%,.8)!important;border:1px solid hsla(0,0%,100%,.1)}.home-page .beats-section .track-info>div:nth-child(3) a.tag[style*=orange]{background:linear-gradient(135deg,var(--kiltro-primary),var(--kiltro-accent))!important;border:none!important}.home-page .beats-section .track-info>div:last-child{order:4;margin-top:auto!important;padding-top:.875rem!important;border-top:1px solid hsla(0,0%,100%,.06)!important;display:flex;align-items:center;justify-content:space-between}.home-page .beats-section .track-info>div:last-child>div:first-child a{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;padding:.6rem 1rem!important;border-radius:10px!important;font-size:.85rem!important;font-weight:700!important;display:inline-flex!important;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(34,197,94,.3)}.home-page .beats-section .track-info>div:last-child>div:first-child a:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(34,197,94,.4)}.home-page .beats-section .track-info>div:last-child>div:first-child a i{font-size:.75rem}.home-page .beats-section .track-meta{font-size:.75rem!important;opacity:.5;gap:.75rem!important}.home-page .beats-section .track-meta span{gap:.3rem!important}@media (max-width:640px){.home-page .beats-section .beats-grid{grid-template-columns:1fr;gap:1.25rem}.home-page .beats-section .track-artwork{height:180px!important}}.home-page .empty-state{padding:4rem 2rem;text-align:center;border:none;background:var(--glass-bg)}.empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:rgba(56,189,248,.1);border-radius:50%;font-size:2rem;color:var(--kiltro-primary)}.home-page .empty-state h3{font-size:1.25rem;font-weight:600;color:var(--kiltro-text);margin-bottom:.5rem}.home-page .empty-state p{color:var(--kiltro-text-secondary);margin-bottom:1.5rem}.cta-section{position:relative;z-index:1;padding:5rem 0}.cta-card{position:relative;padding:4rem;text-align:center;overflow:hidden}.cta-content{position:relative;z-index:1}.cta-icon{width:70px;height:70px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-xl);font-size:1.75rem;color:#fff}.cta-card h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--kiltro-text);margin-bottom:1rem}.cta-card>.cta-content>p{font-size:1.05rem;color:var(--kiltro-text-secondary);max-width:500px;margin:0 auto 2rem;line-height:1.7}.cta-actions{display:flex;justify-content:center}.cta-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.cta-blob{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.cta-blob-1{width:300px;height:300px;background:rgba(56,189,248,.15);top:-100px;right:-100px}.cta-blob-2{width:250px;height:250px;background:rgba(34,211,238,.1);bottom:-80px;left:-80px}@media (max-width:768px){.hero-section{padding:4rem 0 3rem;min-height:auto}.hero-glass{padding:2rem}.hero-stats{justify-content:center}.cta-card{padding:3rem 1.5rem}}.upload-page-v2{min-height:100vh;position:relative;padding:2rem 0 4rem;overflow:hidden}.upload-v2-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.upload-v2-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:uploadBlobFloat 20s ease-in-out infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.upload-v2-blob-1{width:600px;height:600px;background:linear-gradient(135deg,var(--kiltro-orange),#ff6b35);top:-200px;right:-200px;animation-delay:0s}.upload-v2-blob-2{width:400px;height:400px;background:linear-gradient(135deg,#06b6d4,#0ea5e9);bottom:-100px;left:-100px;animation-delay:-5s}.upload-v2-blob-3{width:300px;height:300px;background:linear-gradient(135deg,#8b5cf6,#a855f7);top:50%;left:30%;animation-delay:-10s}@keyframes uploadBlobFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.upload-v2-grid-lines{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px}.upload-v2-container{max-width:1100px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}.upload-v2-loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:2rem;color:var(--kiltro-orange)}.upload-v2-header{text-align:center;margin-bottom:3rem}.upload-v2-header-badge{display:inline-flex;align-items:center;gap:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--kiltro-text-secondary);margin-bottom:1rem}.upload-v2-badge-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--kiltro-orange),transparent)}.upload-v2-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--kiltro-text);margin-bottom:.75rem;line-height:1.1}.upload-v2-title-accent{background:linear-gradient(135deg,var(--kiltro-orange),#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-v2-subtitle{font-size:1.125rem;color:var(--kiltro-text-secondary)}.upload-v2-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width:900px){.upload-v2-grid{grid-template-columns:1fr}}.upload-v2-left{display:flex;flex-direction:column;gap:1.5rem}.upload-v2-dropzone{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:2px dashed var(--kiltro-border);border-radius:20px;padding:3rem 2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.upload-v2-dropzone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,.05),transparent);opacity:0;transition:opacity .3s ease}.upload-v2-dropzone.is-dragging,.upload-v2-dropzone:hover{border-color:var(--kiltro-orange);transform:translateY(-2px)}.upload-v2-dropzone.is-dragging:before,.upload-v2-dropzone:hover:before{opacity:1}.upload-v2-dropzone.has-file{border-style:solid;border-color:var(--kiltro-success);background:rgba(34,197,94,.05)}.upload-v2-dropzone-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.upload-v2-dropzone-icon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:2rem;color:var(--kiltro-orange)}.upload-v2-dropzone-icon-ring{position:absolute;inset:0;border:2px solid var(--kiltro-orange);border-radius:50%;opacity:.3;animation:uploadRingPulse 2s ease-in-out infinite}.upload-v2-dropzone-icon-ring-2{animation-delay:-1s}@keyframes uploadRingPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:.1}}.upload-v2-dropzone-icon-success{width:60px;height:60px;background:linear-gradient(135deg,var(--kiltro-success),#16a34a);border-radius:50%;font-size:1.5rem;color:#fff}.upload-v2-dropzone-icon-success,.upload-v2-dropzone-waveform{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.upload-v2-dropzone-waveform{gap:3px;height:40px}.upload-v2-waveform-bar{width:4px;background:linear-gradient(to top,var(--kiltro-orange),#ff6b35);border-radius:2px;animation:waveformBounce 1s ease-in-out infinite}@keyframes waveformBounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.upload-v2-dropzone-text{margin-bottom:1.5rem}.upload-v2-dropzone-title{font-size:1.25rem;font-weight:700;color:var(--kiltro-text);margin-bottom:.25rem}.upload-v2-dropzone-hint{font-size:.875rem;color:var(--kiltro-text-secondary)}.upload-v2-dropzone-formats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.upload-v2-format-tag{background:rgba(255,107,53,.15);color:var(--kiltro-orange);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.upload-v2-format-divider,.upload-v2-format-limit{color:var(--kiltro-text-secondary)}.upload-v2-format-limit{font-size:.75rem}.upload-v2-file-info{margin-bottom:1rem}.upload-v2-file-name{font-weight:600;color:var(--kiltro-text);margin-bottom:.5rem;word-break:break-word}.upload-v2-file-meta{display:flex;gap:1rem;justify-content:center;font-size:.875rem;color:var(--kiltro-text-secondary)}.upload-v2-file-meta i{margin-right:.375rem}.upload-v2-change-btn{background:transparent;border:1px solid var(--kiltro-border);color:var(--kiltro-text-secondary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.upload-v2-change-btn:hover{border-color:var(--kiltro-orange);color:var(--kiltro-orange)}.upload-v2-cover-section{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid var(--kiltro-border);border-radius:16px;padding:1.5rem}.upload-v2-section-title{font-size:.875rem;font-weight:600;color:var(--kiltro-text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.upload-v2-section-title i{color:var(--kiltro-orange)}.upload-v2-cover-row{display:flex;gap:1rem;align-items:flex-start}.upload-v2-cover-preview{width:100px;height:100px;border-radius:12px;background:var(--kiltro-bg-secondary);border:2px dashed var(--kiltro-border);cursor:pointer;overflow:hidden;position:relative;flex-shrink:0;transition:all .2s ease}.upload-v2-cover-preview:hover{border-color:var(--kiltro-orange)}.upload-v2-cover-preview.has-cover{border-style:solid;border-color:transparent}.upload-v2-cover-preview img{width:100%;height:100%;object-fit:cover}.upload-v2-cover-placeholder{width:100%;height:100%;color:var(--kiltro-text-secondary);font-size:1.5rem}.upload-v2-cover-overlay,.upload-v2-cover-placeholder{display:flex;align-items:center;justify-content:center}.upload-v2-cover-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);color:#fff;opacity:0;transition:opacity .2s ease}.upload-v2-cover-preview:hover .upload-v2-cover-overlay{opacity:1}.upload-v2-cover-info{flex:1}.upload-v2-cover-info p{font-size:.75rem;color:var(--kiltro-text-secondary);margin-bottom:.25rem}.upload-v2-cover-remove{background:transparent;border:none;color:#ef4444;font-size:.75rem;cursor:pointer;margin-top:.5rem;display:inline-flex;align-items:center;gap:.375rem}.upload-v2-cover-remove:hover{text-decoration:underline}.upload-v2-right{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);border:1px solid var(--kiltro-border);border-radius:20px;padding:2rem}.upload-v2-form{gap:1.25rem}.upload-v2-field,.upload-v2-form{display:flex;flex-direction:column}.upload-v2-field{gap:.5rem}.upload-v2-field-half{flex:1}.upload-v2-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:500px){.upload-v2-row{grid-template-columns:1fr}}.upload-v2-label{font-size:.875rem;font-weight:600;color:var(--kiltro-text);display:flex;align-items:center;gap:.5rem}.upload-v2-required{color:var(--kiltro-orange)}.upload-v2-optional{font-weight:400;color:var(--kiltro-text-secondary);font-size:.75rem}.upload-v2-input-wrapper{position:relative;display:flex;align-items:center}.upload-v2-input-wrapper i{position:absolute;left:1rem;color:var(--kiltro-text-secondary);font-size:.875rem;z-index:1;pointer-events:none}.upload-v2-input{width:100%;background:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:10px;padding:.875rem 1rem;color:var(--kiltro-text);font-size:.9375rem;transition:all .2s ease}.upload-v2-input-wrapper .upload-v2-input{padding-left:2.75rem}.upload-v2-input:focus{outline:none;border-color:var(--kiltro-orange);box-shadow:0 0 0 3px rgba(255,107,53,.1)}.upload-v2-input::placeholder{color:var(--kiltro-text-secondary)}.upload-v2-slug-wrapper{display:flex;align-items:center;background:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:10px;padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease}.upload-v2-slug-wrapper:focus-within{border-color:var(--kiltro-orange)}.upload-v2-slug-wrapper.has-error{border-color:#ef4444}.upload-v2-slug-prefix{color:var(--kiltro-text-secondary);white-space:nowrap}.upload-v2-slug-input{background:transparent;border:none;outline:none;color:var(--kiltro-orange);font-weight:500;flex:1;min-width:80px}.upload-v2-error-text{font-size:.75rem;color:#ef4444}.upload-v2-textarea{width:100%;background:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:10px;padding:.875rem 1rem;color:var(--kiltro-text);font-size:.9375rem;resize:vertical;min-height:80px;font-family:inherit;transition:all .2s ease}.upload-v2-textarea:focus{outline:none;border-color:var(--kiltro-orange);box-shadow:0 0 0 3px rgba(255,107,53,.1)}.upload-v2-textarea::placeholder{color:var(--kiltro-text-secondary)}.upload-v2-char-count{font-size:.75rem;color:var(--kiltro-text-secondary);text-align:right}.upload-v2-select-wrapper{position:relative;display:flex;align-items:center}.upload-v2-select-wrapper>i:first-child{position:absolute;left:1rem;color:var(--kiltro-text-secondary);font-size:.875rem;z-index:1;pointer-events:none}.upload-v2-select{width:100%;background:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:10px;padding:.875rem 2.5rem .875rem 1rem;color:var(--kiltro-text);font-size:.9375rem;cursor:pointer;appearance:none;transition:all .2s ease}.upload-v2-select-wrapper>i:first-child+.upload-v2-select{padding-left:2.75rem}.upload-v2-select:focus{outline:none;border-color:var(--kiltro-orange)}.upload-v2-select-arrow{position:absolute;right:1rem;color:var(--kiltro-text-secondary);font-size:.75rem;pointer-events:none}.upload-v2-visibility-toggle{display:flex;background:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:10px;overflow:hidden}.upload-v2-visibility-btn{flex:1;background:transparent;border:none;padding:.75rem;color:var(--kiltro-text-secondary);font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.upload-v2-visibility-btn.is-active{background:var(--kiltro-orange);color:#fff}.upload-v2-tags-container{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--kiltro-bg-secondary);border:1px solid var(--kiltro-border);border-radius:10px;padding:.75rem;min-height:48px;align-items:center}.upload-v2-tag{background:rgba(255,107,53,.15);padding:.25rem .5rem .25rem .75rem;border-radius:6px;font-size:.875rem;display:inline-flex;gap:.375rem}.upload-v2-tag,.upload-v2-tag button{color:var(--kiltro-orange);align-items:center}.upload-v2-tag button{background:transparent;border:none;cursor:pointer;padding:0;opacity:.6;transition:opacity .2s ease;display:flex}.upload-v2-tag button:hover{opacity:1}.upload-v2-tag-input{background:transparent;border:none;outline:none;color:var(--kiltro-text);flex:1;min-width:120px;font-size:.875rem}.upload-v2-tag-input::placeholder{color:var(--kiltro-text-secondary)}.upload-v2-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1rem;color:#ef4444;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.upload-v2-progress{background:var(--kiltro-bg-secondary);border-radius:10px;padding:1rem}.upload-v2-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;color:var(--kiltro-text-secondary)}.upload-v2-progress-header i{margin-right:.5rem}.upload-v2-progress-percent{color:var(--kiltro-orange);font-weight:600}.upload-v2-progress-bar{height:6px;background:var(--kiltro-bg-tertiary);border-radius:3px;overflow:hidden}.upload-v2-progress-fill{height:100%;background:linear-gradient(90deg,var(--kiltro-orange),#ff6b35);border-radius:3px;transition:width .3s ease}.upload-v2-submit{background:linear-gradient(135deg,var(--kiltro-orange),#ff6b35);border:none;border-radius:12px;padding:1rem 2rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.upload-v2-submit:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b35,var(--kiltro-orange));opacity:0;transition:opacity .3s ease}.upload-v2-submit:hover:not(:disabled):before{opacity:1}.upload-v2-submit i,.upload-v2-submit span{position:relative;z-index:1}.upload-v2-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,107,53,.3)}.upload-v2-submit:disabled{opacity:.5;cursor:not-allowed}.upload-v2-submit i{transition:transform .3s ease}.upload-v2-submit:hover:not(:disabled) i{transform:translateX(4px)}