@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--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-red-500:oklch(63.7% .237 25.331);--color-amber-600:oklch(66.6% .179 58.318);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--font-weight-medium:500;--font-weight-semibold:600;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;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);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}: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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.p-5{padding:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-amber-600{color:var(--color-amber-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-red-500{color:var(--color-red-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}.prose a.header-anchor{display:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font:"Manrope","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--bg:#020322;--bg2:#0a0a2e;--bg3:#0f0f38;--bg-card:#111130;--bg-card-hover:#1a1a3e;--green:#3bd350;--cyan:#61f0f4;--green-hover:#31ad41;--cyan-hover:#50c4c8;--gradient:linear-gradient(90deg,#3bd350,#61f0f4);--gradient-hover:linear-gradient(90deg,#31ad41,#50c4c8);--border:#ffffff1a;--border-white15:#ffffff26;--text:#fff;--text2:#fffc;--text3:#fff9;--text4:#fff6;--radius:8px;--radius-lg:16px;--radius-xl:24px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;-webkit-transition:background .2s;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#fff6}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-color:#fff3 transparent;scrollbar-width:thin}.lang-dropdown,.modal-box,.user-dropdown,.white-bg-scrollbar,.white-bg-scrollbar *{scrollbar-color:#0003 transparent}.white-bg-scrollbar ::-webkit-scrollbar-thumb,.white-bg-scrollbar::-webkit-scrollbar-thumb{background:#0003}.lang-dropdown::-webkit-scrollbar-thumb,.modal-box::-webkit-scrollbar-thumb{background:#0003}.user-dropdown::-webkit-scrollbar-thumb{background:#0003}.white-bg-scrollbar ::-webkit-scrollbar-thumb:hover,.white-bg-scrollbar::-webkit-scrollbar-thumb:hover{background:#0006}.lang-dropdown::-webkit-scrollbar-thumb:hover,.modal-box::-webkit-scrollbar-thumb:hover{background:#0006}.user-dropdown::-webkit-scrollbar-thumb:hover{background:#0006}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;outline:none}button,h1,h2,h3,h4,h5,h6{font-family:var(--font)}.navbar{-webkit-backdrop-filter:blur(20px);background:#020322d9;border-bottom:1px solid var(--border);height:64px;left:0;position:fixed;right:0;top:0;z-index:999}.nav-inner{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.logo-img{height:32px;width:auto}.nav-right{align-items:center;display:flex;gap:20px}.nav-link{color:var(--text);font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text2)}.lang-btn{align-items:center;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px;position:relative;transition:border-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-btn.open,.lang-btn:hover{border-color:var(--border-white15)}.lang-btn.open .lang-arrow{transform:rotate(180deg)}.lang-arrow{transition:transform .2s}.lang-dropdown{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000002e;display:none;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.lang-btn.open .lang-dropdown{display:block}.lang-option{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 20px;transition:background .15s}.lang-option:hover{background:#f5f5f5}.lang-option.active{color:#111827}.lang-option.active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%233bd350' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex-shrink:0;height:18px;width:18px}.section-container{margin:0 auto;max-width:1100px;padding:0 24px}.btn-login{background:var(--gradient);border:none;border-radius:50px;color:#020322;font-size:14px;font-weight:700;padding:8px 22px;transition:opacity .2s,transform .15s}.btn-login:hover{opacity:.88;transform:translateY(-1px)}.btn-login:active{transform:translateY(0)}.payment-img{height:24px;opacity:1;width:auto}@media(max-width:600px){.footer-inner{flex-direction:column}.footer-cols{gap:32px}.nav-link{display:none}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-overlay.open{display:flex}.modal-box{animation:modalIn .22s;background:#fff;border-radius:16px;box-shadow:0 24px 80px #00000040;margin:0 16px;max-width:420px;padding:36px 32px 32px;position:relative;width:100%}.modal-box-wide{max-width:860px;padding:40px 40px 36px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{align-items:center;background:0 0;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:16px;top:14px}.modal-close:hover{color:#374151}.modal-title{color:#111827;font-size:22px;font-weight:800}.modal-desc,.modal-title{margin-bottom:24px;text-align:center}.modal-desc{color:#6b7280;font-size:14px;line-height:1.6}.login-panel{display:none}.login-panel.active{display:block}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{color:#374151;font-size:13px;font-weight:600}.form-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;font-family:var(--font);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s}.form-input:focus{border-color:#3bd350}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-row-right{margin-bottom:16px;text-align:right}.form-link{color:#3bd350;font-size:13px;font-weight:500;text-decoration:none}.form-link:hover{text-decoration:underline}.modal-submit-btn{background:linear-gradient(90deg,#3bd350,#61f0f4);border:none;border-radius:100px;color:#0a1a0a;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:700;margin-bottom:16px;padding:13px;transition:opacity .2s;width:100%}.modal-submit-btn:hover{opacity:.9}.modal-or{color:#9ca3af;font-size:13px;margin-bottom:16px;position:relative;text-align:center}.modal-or:after,.modal-or:before{background:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:38%}.modal-or:before{left:0}.modal-or:after{right:0}.google-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:100px;color:#374151;cursor:pointer;display:flex;font-family:var(--font);font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:0;padding:12px;transition:border-color .2s;width:100%}.google-btn:hover{border-color:#3bd350}.modal-footer-text{color:#6b7280;font-size:13px;margin-top:16px;text-align:center}.modal-back-btn{align-items:center;background:0 0;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:13px;gap:4px;margin-bottom:20px;padding:0;transition:color .2s}.modal-back-btn:hover{color:#3bd350}.code-btn{background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;flex-shrink:0;font-family:var(--font);font-size:13px;font-weight:600;padding:11px 16px;transition:background .15s,border-color .15s;white-space:nowrap}.code-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.code-btn:disabled{cursor:not-allowed;opacity:.5}.modal-success-icon{font-size:48px;margin-bottom:16px;text-align:center}.subscribe-header{margin-bottom:32px;text-align:center}.plans-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.plan-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:28px 24px;position:relative;transition:border-color .2s,transform .2s}.plan-card:hover{border-color:#3bd350;transform:translateY(-2px)}.plan-card-featured{background:#f0fdf4;border-color:#3bd350}.plan-badge{background:linear-gradient(90deg,#3bd350,#61f0f4);border-radius:50px;color:#0a1a0a;font-size:11px;font-weight:700;left:50%;padding:4px 14px;position:absolute;top:-12px;transform:translate(-50%);white-space:nowrap}.plan-name{color:#111827;font-size:16px;font-weight:700;margin-bottom:8px}.plan-price{color:#111827;font-size:32px;font-weight:800;line-height:1;margin-bottom:20px}.plan-price span{color:#6b7280;font-size:14px;font-weight:500}.plan-features{display:flex;flex-direction:column;gap:10px;list-style:none;margin-bottom:24px}.plan-features li{align-items:center;color:#374151;display:flex;font-size:13px;gap:8px}.plan-feature-off{color:#9ca3af}.plan-btn{border-radius:100px;cursor:pointer;font-family:var(--font);font-size:14px;font-weight:700;padding:11px;transition:all .2s;width:100%}.plan-btn-primary{background:linear-gradient(90deg,#3bd350,#61f0f4);border:none;color:#0a1a0a}.plan-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.plan-btn-outline{background:0 0;border:1.5px solid #e5e7eb;color:#374151}.plan-btn-outline:hover{border-color:#3bd350;color:#111827}.user-avatar-btn,.user-menu{align-items:center;display:flex;position:relative}.user-avatar-btn{background:#3a3a4a;border:none;border-radius:50%;color:#fffc;cursor:pointer;flex-shrink:0;height:36px;justify-content:center;transition:background .2s;width:36px}.user-avatar-btn:hover{background:#4a4a5a}.user-dropdown{background:#fff;border-radius:16px;box-shadow:0 8px 40px #0000002e;display:none;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}.user-menu.open .user-dropdown{display:block}.user-header{align-items:center;background:#f0fdf4;border-bottom:1px solid #e5e7eb;display:flex;gap:14px;padding:20px 20px 18px}.user-header-avatar{align-items:center;background:#3a3a4a;border-radius:50%;color:#fffc;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.user-header-info{flex:1;min-width:0}.user-email{color:#111827;font-size:14px;font-weight:700;margin-bottom:4px;word-break:break-all}.user-credits{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:4px}.user-menu-items{padding:8px}.user-menu-item{align-items:center;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:13px 14px;text-decoration:none;transition:background .15s}.user-menu-item:hover{background:#f3f4f6;color:#111827}.user-menu-item svg{color:#6b7280;flex-shrink:0}html.is-logged-in #btnLogin,html:not(.is-logged-in) #userMenu{display:none!important}.modal-animate{animation:modalIn .22s}.text-gradient{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-wrap{background:var(--bg);min-height:100vh;padding-top:64px}.page-inner{margin:0 auto;max-width:900px;padding:60px 24px 100px}.page-title{color:#fff;font-size:2rem;font-weight:800;margin-bottom:8px}.page-sub{color:var(--text3);font-size:15px;margin-bottom:48px}.history-card{background:var(--bg3);border:1px solid #ffffff14;border-radius:16px;overflow:hidden;transition:border-color .2s,transform .2s}.history-card:hover{border-color:#3bd35040;transform:translateY(-2px)}.history-card-thumb{background:linear-gradient(135deg,#0a1a0a,#1a3a2a);height:140px;width:100%}.history-card-play,.history-card-thumb{align-items:center;display:flex;justify-content:center}.history-card-play{background:#3bd35026;border:1px solid #3bd3504d;border-radius:50%;color:#3bd350;cursor:pointer;height:48px;transition:background .2s;width:48px}.history-card-play:hover{background:#3bd35040}.history-card-body{padding:16px}.history-card-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-meta{color:var(--text4);font-size:12px;margin-bottom:12px}.history-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.history-tag{background:#ffffff0f;border:1px solid #ffffff14;border-radius:50px;color:var(--text3);font-size:11px;font-weight:600;padding:3px 10px}.history-card-actions{display:flex;gap:8px}.history-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:8px;transition:all .15s}.history-btn-download{background:linear-gradient(90deg,#3bd350,#61f0f4);color:#0a1a0a}.history-btn-download:hover{opacity:.88}.history-btn-delete{background:#ffffff0f;border:1px solid #ffffff14;color:var(--text3);flex:none;padding:8px;width:36px}.history-btn-delete:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.history-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.filter-btn{background:0 0;border:1px solid #ffffff1a;border-radius:50px;color:var(--text3);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;padding:7px 18px;transition:all .15s}.filter-btn.active,.filter-btn:hover{background:#3bd3501a;border-color:#3bd3504d;color:#3bd350}.account-info-card{background:#3bd35014;border:1px solid #3bd35040;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:560px;overflow:hidden;padding:24px 28px;position:relative}.account-info-card:before{background:linear-gradient(90deg,#3bd350,#61f0f4);content:"";height:3px;left:0;position:absolute;right:0;top:0}.account-info-row{color:var(--text3);font-size:14px;line-height:1.6;margin:0}.account-info-row strong{color:#fff}.current-plan{align-items:center;background:#3bd35014;border:1px solid #3bd35040;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:48px;padding:24px 28px;position:relative}.current-plan:before{background:linear-gradient(90deg,#3bd350,#61f0f4);content:"";height:3px;left:0;position:absolute;right:0;top:0}.current-plan-info h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px}.current-plan-info p{color:var(--text3);font-size:13px}.current-plan-badge{background:linear-gradient(90deg,#3bd350,#61f0f4);border-radius:50px;color:#0a1a0a;font-size:12px;font-weight:800;padding:6px 16px}.history-empty{color:var(--text4);padding:80px 24px;text-align:center}.history-empty-icon{align-items:center;background:#ffffff14;border-radius:50%;color:#ffffff80;display:flex;height:72px;justify-content:center;margin:0 auto 20px;width:72px}.history-empty h3{color:#ffffffb3;font-size:16px;font-weight:600;margin-bottom:20px}.history-empty a{background:linear-gradient(90deg,#3bd350,#61f0f4);border-radius:50px;color:#0a1a0a;display:inline-block;font-size:14px;font-weight:700;padding:10px 28px;text-decoration:none;transition:opacity .2s}.history-empty a:hover{opacity:.88}.history-empty-btn{background:linear-gradient(90deg,#3bd350,#61f0f4);border-radius:50px;color:#0a1a0a;display:inline-block;font-size:14px;font-weight:700;padding:12px 32px;text-decoration:none;transition:opacity .2s}.history-empty-btn:hover{opacity:.88}.section-label{color:#fff;font-size:18px;font-weight:700;margin-bottom:24px}.dropdown-enter-active,.dropdown-leave-active{transition:opacity .15s,transform .15s}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translateY(-6px)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}