@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-cyan-50:#ecfeff;--color-cyan-100:#cefafe;--color-slate-200:#e2e8f0;--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-cyan-50:lab(98.3304% -5.97432 -2.62108);--color-cyan-100:lab(95.3146% -13.8285 -6.84732);--color-slate-200:lab(91.7353% -.998765 -4.76968)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-10{margin-top:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.min-h-svh{min-height:100svh}.w-full{width:100%}.max-w-\[20rem\]{max-width:20rem}.max-w-\[430px\]{max-width:430px}.min-w-0{min-width:0}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.bg-\[\#02030a\]{background-color:#02030a}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-\[calc\(env\(safe-area-inset-top\)\+22px\)\]{padding-top:calc(env(safe-area-inset-top) + 22px)}.pb-\[calc\(env\(safe-area-inset-bottom\)\+28px\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + 28px)}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[42px\]{font-size:42px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.text-cyan-50\/58{color:#ecfeff94}@supports (color:color-mix(in lab, red, red)){.text-cyan-50\/58{color:color-mix(in oklab, var(--color-cyan-50) 58%, transparent)}}.text-cyan-100\/62{color:#cefafe9e}@supports (color:color-mix(in lab, red, red)){.text-cyan-100\/62{color:color-mix(in oklab, var(--color-cyan-100) 62%, transparent)}}.text-slate-200\/72{color:#e2e8f0b8}@supports (color:color-mix(in lab, red, red)){.text-slate-200\/72{color:color-mix(in oklab, var(--color-slate-200) 72%, transparent)}}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}@media (min-width:48rem){.md\:flex{display:flex}.md\:justify-center{justify-content:center}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#02030a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#02030a}body{background:#02030a;min-height:100svh;margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button{font:inherit}.music-phone-frame{box-shadow:0 0 0 1px #ffffff14,0 32px 120px #0000009e}.music-bg{background:radial-gradient(circle at 74% 22%,#ec48993d,#0000 30%),radial-gradient(circle at 18% 28%,#22d3ee2e,#0000 33%),radial-gradient(circle at 50% 58%,#7c3aed4d,#0000 38%),linear-gradient(#02030a 0%,#050817 48%,#07051a 100%);position:absolute;inset:0;overflow:hidden}.music-bg:after{content:"";background-image:linear-gradient(#67e8f90e 1px,#0000 1px),linear-gradient(90deg,#67e8f90b 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 14% 72%,#0000);mask-image:linear-gradient(#0000,#000 14% 72%,#0000)}.music-orb{filter:blur(4px);opacity:.8;border-radius:999px;display:block;position:absolute}.music-orb-one{background:radial-gradient(circle,#ec489961,#0000 64%);width:150px;height:150px;animation:8s ease-in-out infinite music-float;top:18%;right:13%}.music-orb-two{background:radial-gradient(circle,#22d3ee3d,#0000 64%);width:220px;height:220px;animation:10s ease-in-out infinite reverse music-float;bottom:19%;left:-18%}.music-grid{opacity:.34;transform-origin:bottom;background-color:#0000;background-image:linear-gradient(#22d3ee1f 1px,#0000 1px),linear-gradient(90deg,#22d3ee1f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:42%;position:absolute;inset:auto -15% 6%;transform:perspective(420px)rotateX(63deg)}.music-wave{border:1px solid #0000;border-top-color:#67e8f92e;border-radius:50%;width:92%;height:130px;position:absolute;left:50%;transform:translate(-50%)}.music-wave-one{top:31%}.music-wave-two{border-color:#ec48992e #0000 #0000;width:68%;top:36%}.music-brand{-webkit-backdrop-filter:blur(12px)saturate(135%);backdrop-filter:blur(12px)saturate(135%);background:linear-gradient(90deg,#22d3ee47 0 2px,#0000 2px),radial-gradient(circle at 24% 20%,#67e8f933,#0000 46%),linear-gradient(135deg,#0307129e,#0f172a4d);border:1px solid #67e8f947;border-radius:20px 8px;align-items:center;gap:10px;min-height:58px;padding:8px 12px 8px 9px;display:inline-flex;box-shadow:0 0 22px #22d3ee24,inset 0 1px #ffffff1f}.music-brand-mark{color:#67e8f9;background:#0f172a8a;border:1px solid #67e8f94d;border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 16px #22d3ee1f}.music-status,.music-domain{color:#f4c2ffeb;letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a6b;border:1px solid #ec48994d;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:11px;font-weight:900;display:inline-flex;box-shadow:0 0 18px #ec489929}.music-visual{aspect-ratio:1;background:radial-gradient(circle,#ffffff14,#0000 15%),radial-gradient(circle,#22d3ee38,#0000 36%),radial-gradient(circle,#7c3aed38,#0000 58%);border-radius:999px;place-items:center;width:min(72vw,278px);animation:7s ease-in-out infinite music-float;display:grid;position:relative}.music-visual:before,.music-visual:after{content:"";border:1px solid #67e8f942;border-radius:50%;position:absolute;inset:8%}.music-visual:after{border-color:#ec489938;inset:18%;transform:rotateX(68deg)}.music-disc{color:#e0f2fee6;background:conic-gradient(from 90deg,#67e8f926,#ec48993d,#7c3aed47,#67e8f926),radial-gradient(circle,#0307121a,#030712b8);border:1px solid #67e8f952;border-radius:50%;place-items:center;width:148px;height:148px;animation:18s linear infinite music-spin;display:grid;position:relative;box-shadow:0 0 46px #22d3ee38,inset 0 0 28px #ffffff0f}.music-disc-core{background:radial-gradient(circle,#ffffffeb,#67e8f957 36%,#02061799);border-radius:50%;width:35px;height:35px;position:absolute;box-shadow:0 0 22px #67e8f966}.music-equalizer{align-items:end;gap:5px;height:44px;display:inline-flex;position:absolute;bottom:17%;right:17%}.music-equalizer span{background:linear-gradient(#ec4899,#22d3ee);border-radius:999px;width:4px;animation:1.9s ease-in-out infinite music-bars;box-shadow:0 0 12px #22d3ee70}.music-equalizer span:first-child{height:20px}.music-equalizer span:nth-child(2){height:34px;animation-delay:-.2s}.music-equalizer span:nth-child(3){height:27px;animation-delay:-.45s}.music-equalizer span:nth-child(4){height:40px;animation-delay:-.68s}.music-equalizer span:nth-child(5){height:24px;animation-delay:-.9s}.music-wave-icon{color:#67e8f938;position:absolute;bottom:21%;left:7%}.music-primary-button{color:#f8fbff;background:linear-gradient(90deg,#22d3ee57 0 2px,#0000 2px),linear-gradient(135deg,#2563eb8f,#ec48993d);border:1px solid #67e8f95c;border-radius:18px 7px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:16px;font-weight:950;display:inline-flex;box-shadow:0 0 24px #22d3ee33,inset 0 1px #ffffff29}.music-card{-webkit-backdrop-filter:blur(12px)saturate(128%);backdrop-filter:blur(12px)saturate(128%);background:linear-gradient(90deg,#22d3ee40 0 2px,#0000 2px),radial-gradient(circle at 12% 20%,#67e8f929,#0000 44%),linear-gradient(145deg,#0f172ab3,#0f172a57);border:1px solid #67e8f938;border-radius:20px 7px;align-items:center;gap:12px;min-height:74px;padding:12px;display:flex;box-shadow:0 12px 32px #00000047,inset 0 1px #ffffff1a}.music-card-icon{color:#a5f3fcf0;background:#0f172a8a;border:1px solid #67e8f947;border-radius:15px;flex:none;place-items:center;width:42px;height:42px;display:grid}.music-card-index{color:#67e8f9bd;letter-spacing:.12em;font-size:11px;font-weight:950}@keyframes music-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes music-spin{to{transform:rotate(360deg)}}@keyframes music-bars{0%,to{transform:scaleY(.66)}50%{transform:scaleY(1)}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}