@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=SF+Pro+Display:wght@400;500;600;700;800&display=swap";:root{--primary: #FA243C;--primary-dim: #c41c2e;--primary-glow: rgba(250, 36, 60, .35);--primary-faint: rgba(250, 36, 60, .12);--bg: #000000;--bg-surface: #121212;--bg-card: #181818;--bg-elevated: #282828;--bg-sidebar: #000000;--bg-sidebar-card:#121212;--bg-player: #181818;--text-primary: #ffffff;--text-secondary: #B3B3B3;--text-tertiary: #6B6B6B;--divider: #404040;--border: rgba(255,255,255,.08);--border-h: rgba(255,255,255,.15);--grad-primary: linear-gradient(135deg, #FA243C 0%, #FF6B81 100%);--grad-card: linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);--bottom-nav-bg: #1C1C1E;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--ease: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:15px;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.3px}button{font-family:var(--font);cursor:pointer;border:none;background:none;outline:none;transition:all var(--ease)}input,textarea,select{font-family:var(--font);outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff59}.glass{background:#181818f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}@keyframes eq-bar{0%,to{height:4px}50%{height:16px}}.eq-bar{width:3px;background:var(--primary);border-radius:2px;animation:eq-bar .8s ease-in-out infinite}.eq-bar:nth-child(1){animation-delay:0s}.eq-bar:nth-child(2){animation-delay:.15s}.eq-bar:nth-child(3){animation-delay:.3s}.eq-bar:nth-child(4){animation-delay:.1s}.text-gradient{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.primary-btn{background:var(--primary);color:#fff;font-weight:700;border-radius:var(--r-md);padding:13px 24px;font-size:15px;transition:all var(--ease)}.primary-btn:hover{background:var(--primary-dim);transform:scale(1.02)}.primary-btn:active{transform:scale(.98)}@keyframes ping{0%{transform:scale(1);opacity:.8}75%,to{transform:scale(2.2);opacity:0}}.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}.public-site{min-height:100vh;background:#080809;color:#f7f7f8}.public-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:800;text-decoration:none}.brand-mark{display:inline-block;width:30px;height:30px;border-radius:9px;object-fit:cover}.public-nav{display:flex;align-items:center;gap:25px}.public-nav a,.public-nav button,.public-footer button{color:#a8a8b0;font-size:13px;text-decoration:none}.public-nav a:hover,.public-footer button:hover{color:#fff}.public-nav button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px}.nav-download{border:1px solid rgba(250,36,60,.55);color:#ff5265!important}.nav-login,.nav-admin{background:#ffffff14;color:#fff!important}.account-button{background:#fa243c;color:#fff!important;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:none;color:#fff}.hero-section,.feature-section,.split-section,.security-section{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.hero-section{min-height:600px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-top:72px;padding-bottom:80px}.eyebrow{display:flex;align-items:center;gap:7px;color:#ff5265;text-transform:uppercase;letter-spacing:1.3px;font-size:11px;font-weight:800;margin-bottom:17px}.hero-copy h1{font-size:clamp(48px,6vw,78px);line-height:.99;letter-spacing:-4px;margin-bottom:24px}.hero-copy h1 span{color:#fa243c}.hero-text{max-width:520px;color:#a8a8b0;font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 24px}.primary-action,.secondary-action,.text-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;padding:13px 18px;font-weight:700}.primary-action{background:#fa243c;color:#fff}.primary-action:hover{background:#d91c31;transform:translateY(-1px)}.secondary-action{color:#e5e5e8;border:1px solid rgba(255,255,255,.14)}.trust-row{display:flex;flex-wrap:wrap;gap:16px;color:#7e7e87;font-size:12px}.trust-row svg{color:#35ca76;vertical-align:middle;margin-right:4px}.hero-panel{position:relative;min-height:390px;display:grid;place-items:center}.panel-glow{position:absolute;width:330px;height:330px;background:#fa243c;filter:blur(115px);opacity:.16}.hero-card{position:relative;width:min(100%,360px);padding:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#222227,#111114);border-radius:22px;box-shadow:0 25px 70px #00000080}.hero-card-top{display:flex;align-items:center;gap:8px;color:#eee;font-size:12px}.hero-card-top span:last-child{margin-left:auto;color:#8d8d96}.status-dot{width:7px;height:7px;border-radius:50%;background:#35ca76}.hero-card-icon{display:grid;place-items:center;width:74px;height:74px;margin:58px 0 25px;border-radius:20px;background:#fa243c;box-shadow:0 12px 35px #fa243c4d}.hero-card h3{font-size:27px;line-height:1.1}.hero-card h3 strong{color:#fa5265}.hero-card p{color:#9999a2;margin:13px 0 24px;font-size:13px}.hero-card button,.text-action{color:#ff5265;display:inline-flex;align-items:center;gap:8px;font-weight:700}.feature-section{padding-top:90px;padding-bottom:110px}.section-heading{max-width:580px;margin-bottom:38px}.section-heading h2,.split-section h2,.security-section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1.05;margin-bottom:15px}.section-heading>p:last-child,.split-section>div>p:not(.eyebrow),.security-section p{color:#9a9aa4;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#111114}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:28px;border-radius:12px;background:#fa243c1f;color:#fa5265}.feature-card h3{font-size:16px;margin-bottom:10px}.feature-card p{color:#898993;font-size:13px;line-height:1.6}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-top:95px;padding-bottom:95px;border-top:1px solid rgba(255,255,255,.07)}.split-section>div>p:not(.eyebrow){max-width:510px;margin-bottom:24px}.info-list{display:grid;gap:0}.info-list>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.09)}.info-list span{color:#fa5265;font-size:12px;margin-right:18px}.info-list strong{font-size:16px}.info-list p{margin:7px 0 0 36px;color:#898993;font-size:13px}.security-section{display:flex;gap:18px;align-items:flex-start;margin-top:20px;margin-bottom:90px;padding-top:28px;padding-bottom:28px;border:1px solid rgba(250,36,60,.24);border-radius:15px;background:#fa243c0d}.security-section>svg{flex:0 0 auto;color:#fa5265}.security-section h2{font-size:24px;margin-bottom:7px}.public-footer{max-width:1180px;margin:auto;padding:25px 28px 35px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.07);color:#777780;font-size:12px}.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:#000000c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-modal{position:relative;width:min(100%,430px);padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#17171b;box-shadow:0 25px 80px #0009}.modal-close{position:absolute;right:15px;top:15px;color:#aaa;padding:5px}.modal-heading{text-align:center;margin-bottom:25px}.modal-heading .brand-mark{margin-bottom:14px}.modal-heading h2{font-size:25px}.modal-heading p{color:#96969f;font-size:13px;margin-top:5px}.site-form{display:grid;gap:15px}.site-form label{display:grid;gap:7px;color:#b8b8c0;font-size:12px;font-weight:600}.site-form input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:12px 13px;color:#fff;background:#0d0d0f}.site-form input:focus{border-color:#fa5265}.full{width:100%}.form-switch,.logout-button{color:#fa5265;font-size:13px;text-align:center}.logout-button{display:inline-flex;justify-content:center;align-items:center;gap:7px;color:#b3b3bc}.form-error,.form-success{border-radius:8px;padding:9px 11px;font-size:12px}.form-error{color:#ff7785;background:#fa243c1a}.form-success{color:#59d88c;background:#35ca761a}.account-role{display:flex;align-items:center;gap:7px;color:#fa5265;font-size:13px}.avatar-editor{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0d0d0f}.avatar-preview{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;overflow:hidden;border-radius:50%;background:#28282d;color:#aaa}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-editor strong,.avatar-editor small{display:block}.avatar-editor strong{color:#eee;font-size:13px}.avatar-editor small{margin:4px 0 8px;color:#85858e;font-size:11px}.avatar-picker{display:inline-flex!important;width:max-content;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:#28282d;color:#fff!important;cursor:pointer;font-size:11px!important}.avatar-picker input{display:none}.account-backdrop{position:fixed;z-index:20;inset:0;overflow-y:auto;background:#000}.account-page{width:min(100%,1100px);min-height:100vh;margin:auto;padding:48px 35px 70px;color:#fff}.account-back{display:flex;align-items:center;gap:20px;margin-bottom:35px;color:#fff;font-size:24px;font-weight:700}.account-back svg{transform:rotate(180deg);color:#fa243c}.account-profile-row{display:flex;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid #202023}.account-avatar-large{width:68px;height:68px}.account-profile-row h2{font-size:24px;margin-bottom:7px}.account-profile-row p,.account-section p,.account-logout p{color:#9999a1;font-size:14px}.account-profile-row p{max-width:800px}.account-edit{margin-left:auto;color:#fa243c;font-size:16px;font-weight:600}.account-form{display:block}.account-section{padding:32px 0 25px;border-bottom:1px solid #202023}.account-section h3{font-size:20px;margin-bottom:7px}.account-section label:not(.avatar-picker){display:block;max-width:500px;margin-top:22px;color:#bdbdc4;font-size:13px}.account-section input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #303035;border-radius:8px;background:#111113;color:#fff}.account-section .avatar-picker{margin-top:18px}.account-link{display:flex;align-items:center;gap:8px;width:max-content;color:#fff;font-size:17px;font-weight:600}.account-link.accent{color:#fa243c}.account-save{margin-top:25px}.account-logout{margin-top:33px}.account-logout p{margin-top:6px}.account-config-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:25px 0;border:0;border-bottom:1px solid #202023;color:#fff;text-align:left}.account-config-row strong,.account-config-row small{display:block}.account-config-row strong{font-size:17px}.account-config-row small{max-width:700px;margin-top:6px;color:#9999a1;font-size:13px}.edit-profile-page{min-height:100vh;display:flex;flex-direction:column}.edit-profile-page h1{margin:14px 0 34px;font-size:32px;line-height:1.14;letter-spacing:-.7px}.edit-avatar-picker{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:42px;color:#fff;cursor:pointer}.edit-avatar-picker input{display:none}.edit-avatar-large{width:120px;height:120px;background:#8e939d}.edit-avatar-picker span{font-size:12px;color:#fff}.edit-profile-page>label:not(.edit-avatar-picker){display:grid;gap:7px;margin-bottom:25px;color:#9b9ba3;font-size:13px}.edit-profile-page>label input{padding:6px 0 9px;border:0;border-bottom:1px solid #3a3a3f;border-radius:0;background:transparent;color:#fff;font-size:17px}.edit-profile-page>label input:focus{border-bottom-color:#fa243c}.edit-profile-page>label input[readonly]{color:#777780}.edit-profile-save{width:100%;margin-top:auto;border-radius:26px}@media(max-width:600px){.account-page{padding:30px 20px 50px}.account-profile-row{align-items:flex-start;flex-wrap:wrap}.account-profile-row p{flex-basis:100%}.account-edit{margin-left:auto}}@media(max-width:800px){.mobile-menu-button{display:block}.public-nav{display:none;position:absolute;z-index:5;top:76px;left:0;right:0;padding:20px 28px;flex-direction:column;align-items:stretch;background:#111114;border-bottom:1px solid rgba(255,255,255,.1)}.public-nav.open{display:flex}.public-nav a,.public-nav button{padding:12px}.hero-section{grid-template-columns:1fr;padding-top:55px}.hero-panel{min-height:300px}.feature-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr;gap:35px}}@media(max-width:520px){.public-header,.hero-section,.feature-section,.split-section,.security-section{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:48px;letter-spacing:-2.5px}.feature-grid{grid-template-columns:1fr}.public-footer{padding-left:18px;padding-right:18px;gap:12px;flex-wrap:wrap}}