/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size: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-gray-200:oklch(92.8% .006 264.531);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--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{*,: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{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.mx-auto{margin-inline:auto}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-32{height:calc(var(--spacing) * 32)}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.w-1\/2{width:50%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-5\/6{width:83.3333%}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.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)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.px-4{padding-inline:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}.navbar{z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:1rem;height:68px;padding:0 2rem;font-family:Inter,sans-serif;transition:background-color .3s,border-color .3s;display:flex;position:sticky;top:0}.dark .navbar{background-color:#0f172a;border-bottom-color:#1e293b}.navbar-logo{flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.navbar-logo-img{object-fit:contain;height:36px}.navbar-logo-text{color:#1e3a5f;letter-spacing:-.3px;font-size:1.3rem;font-weight:800}.dark .navbar-logo-text{color:#f1f5f9}.navbar-logo-text span{color:#22c55e}.navbar-links{flex-wrap:nowrap;gap:.15rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:#374151;white-space:nowrap;border-radius:6px;padding:.4rem .6rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;position:relative}.navbar-links a:after{content:"";background:linear-gradient(90deg,#1d4ed8,#22c55e);border-radius:2px;width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:0;left:50%}.navbar-links a:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%)}.navbar-links a:hover:after{width:60%;left:20%}.dark .navbar-links a{color:#cbd5e1}.dark .navbar-links a:hover{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.navbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.navbar-download-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:background-position .4s,box-shadow .3s,transform .1s;display:flex}.navbar-download-btn:hover{background-position:100%;box-shadow:0 4px 14px #22c55e4d}.navbar-download-btn:active{transform:scale(.97)}.navbar-theme-toggle{cursor:pointer;color:#374151;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;padding:.4rem;transition:all .2s;display:flex}.navbar-theme-toggle:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .navbar-theme-toggle{color:#f1f5f9;border-color:#334155}.dark .navbar-theme-toggle:hover{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.navbar-hamburger{cursor:pointer;color:#374151;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;padding:.35rem;transition:all .2s;display:none}.navbar-hamburger:hover{color:#1d4ed8;border-color:#22c55e}.dark .navbar-hamburger{color:#f1f5f9;border-color:#334155}.dark .navbar-hamburger:hover{color:#4ade80;border-color:#4ade80}.navbar-mobile-right{align-items:center;gap:.5rem;display:none}.navbar-mobile-menu{background-color:#fff;border-top:1px solid #e5e7eb;flex-direction:column;gap:.25rem;width:100%;max-height:calc(100vh - 60px);padding:1rem 1.5rem;display:none;overflow-y:auto}.dark .navbar-mobile-menu{background-color:#0f172a;border-top-color:#1e293b}.navbar-mobile-menu a{color:#374151;border-left:3px solid #0000;border-radius:6px;padding:.6rem .75rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.navbar-mobile-menu a:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-left-color:#22c55e}.dark .navbar-mobile-menu a{color:#cbd5e1}.dark .navbar-mobile-menu a:hover{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-left-color:#4ade80}.mobile-full{justify-content:center;width:100%;margin-top:.5rem}@media (width<=1100px){.navbar{gap:.5rem;height:60px;padding:0 1.25rem;position:sticky;top:0}.navbar-links,.navbar-actions{display:none}.navbar-mobile-right,.navbar-hamburger{display:flex}.navbar-mobile-menu{z-index:99;display:flex;position:fixed;top:60px;left:0;right:0;box-shadow:0 4px 12px #0000001a}}@media (width<=480px){.navbar{padding:0 .85rem}.navbar-logo-img{height:30px}.navbar-mobile-menu{padding:.85rem 1rem}}.navbar-lang-wrapper{position:relative}.navbar-lang-btn{color:#374151;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .6rem;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.navbar-lang-btn:hover{color:#1d4ed8;border-color:#22c55e}.dark .navbar-lang-btn{color:#f1f5f9;border-color:#334155}.dark .navbar-lang-btn:hover{color:#4ade80;border-color:#4ade80}.navbar-lang-dropdown{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:180px;max-height:360px;margin:0;padding:.4rem;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.dark .navbar-lang-dropdown{background:#0f172a;border-color:#1e293b}.navbar-lang-dropdown li{color:#374151;cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.88rem;transition:background .15s,color .15s;display:flex}.navbar-lang-dropdown li:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%)}.navbar-lang-dropdown li.active{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);font-weight:600}.dark .navbar-lang-dropdown li{color:#cbd5e1}.dark .navbar-lang-dropdown li:hover{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.lang-flag{font-size:1.1rem;line-height:1}.mobile-lang-section{border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem}.dark .mobile-lang-section{border-top-color:#1e293b}.mobile-lang-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.4rem;margin-bottom:.5rem;padding:0 .75rem;font-size:.8rem;font-weight:600;display:flex}.dark .mobile-lang-label{color:#94a3b8}.mobile-lang-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:0 .5rem;display:grid}@media (width<=360px){.mobile-lang-grid{grid-template-columns:repeat(2,1fr)}}.mobile-lang-pill{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;padding:.5rem .4rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.mobile-lang-pill:hover{color:#1d4ed8;border-color:#22c55e}.mobile-lang-pill.active{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-color:#0000}.dark .mobile-lang-pill{color:#cbd5e1;border-color:#334155}html[dir=rtl] .navbar-lang-dropdown{left:0;right:auto}.navbar-lang-btn-mobile{gap:.25rem;padding:.35rem .5rem;font-size:.78rem}.navbar-lang-dropdown-mobile{min-width:170px;max-height:60vh;right:0}@media (width<=360px){.navbar-lang-btn-mobile{padding:.3rem .4rem;font-size:.72rem}}html[dir=rtl] .navbar-lang-dropdown-mobile{left:0;right:auto}.hero{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .hero{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.hero-icon{color:#1d4ed8;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #22c55e26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #22c55e33,0 2px 6px #1d4ed826}.dark .hero-icon{color:#4ade80;background:linear-gradient(135deg,#1e293b 0%,#0c1f1a 100%);border-color:#4ade8033}.hero-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.hero-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .hero-heading{color:#f1f5f9}.hero-subtext{color:#6b7280;max-width:560px;margin:0;font-size:1.05rem;line-height:1.65}.dark .hero-subtext{color:#94a3b8}.hero-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .hero-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.hero-input-group{gap:.6rem;width:100%;display:flex}.hero-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.hero-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .hero-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .hero-input-wrapper:focus-within{border-color:#3b82f6}.hero-input-icon{color:#9ca3af;flex-shrink:0}.hero-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .hero-input{color:#f1f5f9}.hero-input::placeholder{color:#9ca3af}.hero-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.hero-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.hero-btn:active{transform:scale(.98)}.hero-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .hero-options{border-top-color:#334155}.hero-options-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.dark .hero-options-label{color:#94a3b8}.hero-option-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.hero-option-pill:hover{color:#16a34a;border-color:#22c55e}.hero-option-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .hero-option-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .hero-option-pill:hover{color:#4ade80;border-color:#4ade80}.dark .hero-option-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.hero-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.hero-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .hero-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .hero-quality-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){.hero-heading{font-size:2.25rem}.hero-subtext{font-size:.95rem}.hero-input-group{flex-direction:column}.hero-btn{justify-content:center;padding:.85rem 1.5rem}.hero-options{justify-content:center}}.hero-download-progress{background:#0000000d;border-radius:.75rem;margin-top:1.5rem;padding:1rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.hero-preview{background:linear-gradient(135deg,#0000000d,#00000005);border-radius:1rem;margin-top:1.5rem;padding:1.5rem;animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.format-btn{cursor:pointer;background:#f0f0f0;border:2px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:inline-flex}.hero-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.hero-download-btn:hover{transform:translateY(-2px)}.hero-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:.5rem;margin-top:1rem;padding:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tiktok{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .tiktok{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.tiktok-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.tiktok-icon{color:#1d4ed8;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #22c55e26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #22c55e33,0 2px 6px #1d4ed826}.dark .tiktok-icon{color:#4ade80;background:linear-gradient(135deg,#1e293b 0%,#0c1f1a 100%);border-color:#4ade8033}.tiktok-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.tiktok-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .tiktok-heading{color:#f1f5f9}.tiktok-subtext{color:#6b7280;max-width:560px;margin:0;font-size:1.05rem;line-height:1.65}.dark .tiktok-subtext{color:#94a3b8}.tiktok-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .tiktok-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.tiktok-input-group{gap:.6rem;width:100%;display:flex}.tiktok-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.tiktok-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .tiktok-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .tiktok-input-wrapper:focus-within{border-color:#3b82f6}.tiktok-input-icon{color:#9ca3af;flex-shrink:0}.tiktok-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .tiktok-input{color:#f1f5f9}.tiktok-input::placeholder{color:#9ca3af}.tiktok-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.tiktok-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.tiktok-btn:active{transform:scale(.98)}.tiktok-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .tiktok-options{border-top-color:#334155}.tiktok-options-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.dark .tiktok-options-label{color:#94a3b8}.tiktok-option-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.tiktok-option-pill:hover{color:#16a34a;border-color:#22c55e}.tiktok-option-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .tiktok-option-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .tiktok-option-pill:hover{color:#4ade80;border-color:#4ade80}.dark .tiktok-option-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.tiktok-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.tiktok-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .tiktok-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .tiktok-quality-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){.tiktok-heading{font-size:2.25rem}.tiktok-subtext{font-size:.95rem}.tiktok-input-group{flex-direction:column}.tiktok-btn{justify-content:center;padding:.85rem 1.5rem}.tiktok-options{justify-content:center}}.tiktok-preview{background:linear-gradient(135deg,#0000000d 0%,#00000005 100%);border-radius:1rem;margin-top:2rem;padding:1.5rem;animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-formats h4{margin-bottom:.75rem;font-size:.9rem}.format-btn{cursor:pointer;background:#f0f0f0;border:2px solid #0000;border-radius:.5rem;padding:.5rem 1rem;transition:all .2s;position:relative}.format-note{color:#fff;background:#ff9800;border-radius:12px;padding:2px 6px;font-size:10px;position:absolute;top:-8px;right:-8px}.tiktok-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.tiktok-download-btn:hover:not(:disabled){transform:translateY(-2px)}.tiktok-download-btn:disabled{opacity:.7;cursor:not-allowed}.tiktok-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:.5rem;margin-top:1rem;padding:.75rem}@media (width<=768px){.preview-header{flex-direction:column}.preview-thumbnail{width:100%;height:auto}.format-buttons{justify-content:center}}.ad-slot{justify-content:center;width:100%;margin:2.5rem auto;padding:0 1rem;display:flex}.ad-placeholder{color:#94a3b8;text-align:center;background:repeating-linear-gradient(45deg,#f8fafc 0 12px,#eef2f7 12px 24px);border:1.5px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:100%;font-family:Inter,sans-serif;display:flex}.ad-placeholder-label{letter-spacing:1.5px;text-transform:uppercase;font-size:.78rem;font-weight:700}.ad-placeholder-slot{opacity:.7;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem}.ad-leaderboard .ad-placeholder{max-width:970px;height:120px}.ad-banner .ad-placeholder{max-width:728px;height:90px}.ad-rectangle .ad-placeholder{max-width:336px;height:280px}.dark .ad-placeholder{color:#64748b;background:repeating-linear-gradient(45deg,#0f172a 0 12px,#131c30 12px 24px);border-color:#334155}@media (width<=800px){.ad-leaderboard .ad-placeholder{height:100px}.ad-rectangle .ad-placeholder{height:240px}}@media (width<=480px){.ad-slot{margin:2rem auto}.ad-leaderboard .ad-placeholder,.ad-banner .ad-placeholder{height:80px}}.why-choose{background-color:#fff;padding:5rem 1.5rem;transition:background-color .3s}.dark .why-choose{background-color:#0f172a}.why-choose-container{max-width:1100px;margin:0 auto}.why-choose-header{text-align:center;margin-bottom:3rem}.why-choose-title{color:#1e3a5f;letter-spacing:-.5px;margin:0 0 .75rem;font-size:2.25rem;font-weight:800}.why-choose-title span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .why-choose-title{color:#f1f5f9}.why-choose-subtitle{color:#6b7280;max-width:540px;margin:0 auto;font-size:1rem;line-height:1.6}.dark .why-choose-subtitle{color:#94a3b8}.why-choose-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{cursor:default;background-color:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.75rem;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{border-color:#22c55e;transform:translateY(-4px);box-shadow:0 12px 30px #1d4ed814,0 4px 12px #22c55e1a}.dark .feature-card{background-color:#1e293b;border-color:#334155}.dark .feature-card:hover{border-color:#4ade80;box-shadow:0 12px 30px #0006}.feature-icon{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);transform:scale(1.05)}.dark .feature-icon{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.feature-title{color:#1e3a5f;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.dark .feature-title{color:#f1f5f9}.feature-description{color:#6b7280;margin:0;font-size:.9rem;line-height:1.6}.dark .feature-description{color:#94a3b8}@media (width<=900px){.why-choose-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.why-choose{padding:3rem 1.25rem}.why-choose-title{font-size:1.75rem}.why-choose-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}}.how-it-works{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);padding:5rem 1.5rem;transition:background .3s}.dark .how-it-works{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.how-container{max-width:1100px;margin:0 auto}.how-header{text-align:center;margin-bottom:3.5rem}.how-title{color:#1e3a5f;letter-spacing:-.5px;margin:0 0 .75rem;font-size:2.25rem;font-weight:800}.dark .how-title{color:#f1f5f9}.how-subtitle{color:#6b7280;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.6}.dark .how-subtitle{color:#94a3b8}.how-steps{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.how-steps:before{content:"";opacity:.3;z-index:0;background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);height:2px;position:absolute;top:38px;left:16.66%;right:16.66%}.how-step{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:0 1rem;display:flex;position:relative}.how-step-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:1rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 8px 24px #1d4ed840}.how-step:hover .how-step-icon{transform:translateY(-5px)scale(1.05);box-shadow:0 12px 32px #22c55e59}.how-step-badge{color:#6b7280;letter-spacing:.03em;background-color:#fff;border:1px solid #e5e7eb;border-radius:999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.dark .how-step-badge{color:#94a3b8;background-color:#1e293b;border-color:#334155}.how-step-title{color:#1e3a5f;margin:0 0 .6rem;font-size:1.25rem;font-weight:700}.dark .how-step-title{color:#f1f5f9}.how-step-description{color:#6b7280;max-width:260px;margin:0;font-size:.9rem;line-height:1.6}.dark .how-step-description{color:#94a3b8}@media (width<=800px){.how-steps{grid-template-columns:1fr;gap:2.5rem}.how-steps:before{display:none}}@media (width<=600px){.how-it-works{padding:3rem 1.25rem}.how-title{font-size:1.75rem}}.faq{background-color:#fff;padding:5rem 1.5rem;transition:background-color .3s}.dark .faq{background-color:#0f172a}.faq-container{max-width:760px;margin:0 auto}.faq-header{text-align:center;margin-bottom:2.5rem}.faq-title{color:#1e3a5f;letter-spacing:-.5px;margin:0 0 .75rem;font-size:2.25rem;font-weight:800}.dark .faq-title{color:#f1f5f9}.faq-subtitle{color:#6b7280;margin:0;font-size:1rem;line-height:1.6}.dark .faq-subtitle{color:#94a3b8}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:border-color .25s,background-color .25s,box-shadow .25s;overflow:hidden}.faq-item:hover{border-color:#22c55e}.faq-item.open{background-color:#fff;border-color:#22c55e;box-shadow:0 6px 20px #1d4ed80f,0 2px 8px #22c55e14}.dark .faq-item{background-color:#1e293b;border-color:#334155}.dark .faq-item:hover{border-color:#4ade80}.dark .faq-item.open{background-color:#1e293b;border-color:#4ade80;box-shadow:0 6px 20px #0000004d}.faq-question{color:#1e3a5f;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.4rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:color .2s;display:flex}.faq-question:hover{color:#1d4ed8}.dark .faq-question{color:#f1f5f9}.dark .faq-question:hover{color:#4ade80}.faq-chevron{color:#6b7280;flex-shrink:0;transition:transform .3s,color .2s}.faq-item.open .faq-chevron{color:#22c55e;transform:rotate(180deg)}.dark .faq-chevron{color:#94a3b8}.dark .faq-item.open .faq-chevron{color:#4ade80}.faq-answer-wrapper{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{color:#6b7280;margin:0;padding:0 1.4rem;font-size:.92rem;line-height:1.65;transition:padding .35s;overflow:hidden}.faq-item.open .faq-answer{padding:0 1.4rem 1.2rem}.dark .faq-answer{color:#94a3b8}@media (width<=600px){.faq{padding:3rem 1.25rem}.faq-title{font-size:1.75rem}.faq-question{padding:1rem 1.1rem;font-size:.9rem}.faq-answer,.faq-item.open .faq-answer{padding-left:1.1rem;padding-right:1.1rem}}.twitter{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .twitter{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.twitter-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.twitter-icon{color:#1d4ed8;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #22c55e26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #22c55e33,0 2px 6px #1d4ed826}.dark .twitter-icon{color:#4ade80;background:linear-gradient(135deg,#1e293b 0%,#0c1f1a 100%);border-color:#4ade8033}.twitter-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.twitter-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .twitter-heading{color:#f1f5f9}.twitter-subtext{color:#6b7280;max-width:560px;margin:0;font-size:1.05rem;line-height:1.65}.dark .twitter-subtext{color:#94a3b8}.twitter-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .twitter-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.twitter-input-group{gap:.6rem;width:100%;display:flex}.twitter-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.twitter-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .twitter-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .twitter-input-wrapper:focus-within{border-color:#3b82f6}.twitter-input-icon{color:#9ca3af;flex-shrink:0}.twitter-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .twitter-input{color:#f1f5f9}.twitter-input::placeholder{color:#9ca3af}.twitter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.twitter-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.twitter-btn:active{transform:scale(.98)}.twitter-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .twitter-options{border-top-color:#334155}.twitter-options-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.dark .twitter-options-label{color:#94a3b8}.twitter-option-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.twitter-option-pill:hover{color:#16a34a;border-color:#22c55e}.twitter-option-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .twitter-option-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .twitter-option-pill:hover{color:#4ade80;border-color:#4ade80}.dark .twitter-option-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.twitter-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.twitter-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .twitter-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .twitter-quality-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){.twitter-heading{font-size:2.25rem}.twitter-subtext{font-size:.95rem}.twitter-input-group{flex-direction:column}.twitter-btn{justify-content:center;padding:.85rem 1.5rem}.twitter-options{justify-content:center}}@media (width<=768px){.preview-header{flex-direction:column}.preview-thumbnail{width:100%;height:auto}.format-buttons{justify-content:center}}.instagram{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .instagram{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.instagram-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.instagram-icon{color:#1d4ed8;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #22c55e26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #22c55e33,0 2px 6px #1d4ed826}.dark .instagram-icon{color:#4ade80;background:linear-gradient(135deg,#1e293b 0%,#0c1f1a 100%);border-color:#4ade8033}.instagram-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.instagram-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .instagram-heading{color:#f1f5f9}.instagram-subtext{color:#6b7280;max-width:560px;margin:0;font-size:1.05rem;line-height:1.65}.dark .instagram-subtext{color:#94a3b8}.instagram-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .instagram-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.instagram-input-group{gap:.6rem;width:100%;display:flex}.instagram-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.instagram-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .instagram-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .instagram-input-wrapper:focus-within{border-color:#3b82f6}.instagram-input-icon{color:#9ca3af;flex-shrink:0}.instagram-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .instagram-input{color:#f1f5f9}.instagram-input::placeholder{color:#9ca3af}.instagram-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.instagram-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.instagram-btn:active{transform:scale(.98)}.instagram-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .instagram-options{border-top-color:#334155}.instagram-options-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.dark .instagram-options-label{color:#94a3b8}.instagram-option-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.instagram-option-pill:hover{color:#16a34a;border-color:#22c55e}.instagram-option-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .instagram-option-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .instagram-option-pill:hover{color:#4ade80;border-color:#4ade80}.dark .instagram-option-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.instagram-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.instagram-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .instagram-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .instagram-quality-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){.instagram-heading{font-size:2.25rem}.instagram-subtext{font-size:.95rem}.instagram-input-group{flex-direction:column}.instagram-btn{justify-content:center;padding:.85rem 1.5rem}.instagram-options{justify-content:center}}@media (width<=768px){.preview-header{flex-direction:column}.preview-thumbnail{width:100%;height:auto}.format-buttons{justify-content:center}}.facebook{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .facebook{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.facebook-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.facebook-icon{color:#1d4ed8;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #22c55e26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #22c55e33,0 2px 6px #1d4ed826}.dark .facebook-icon{color:#4ade80;background:linear-gradient(135deg,#1e293b 0%,#0c1f1a 100%);border-color:#4ade8033}.facebook-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.facebook-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .facebook-heading{color:#f1f5f9}.facebook-subtext{color:#6b7280;max-width:560px;margin:0;font-size:1.05rem;line-height:1.65}.dark .facebook-subtext{color:#94a3b8}.facebook-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .facebook-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.facebook-input-group{gap:.6rem;width:100%;display:flex}.facebook-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.facebook-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .facebook-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .facebook-input-wrapper:focus-within{border-color:#3b82f6}.facebook-input-icon{color:#9ca3af;flex-shrink:0}.facebook-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .facebook-input{color:#f1f5f9}.facebook-input::placeholder{color:#9ca3af}.facebook-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.facebook-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.facebook-btn:active{transform:scale(.98)}.facebook-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .facebook-options{border-top-color:#334155}.facebook-options-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.dark .facebook-options-label{color:#94a3b8}.facebook-option-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.facebook-option-pill:hover{color:#16a34a;border-color:#22c55e}.facebook-option-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .facebook-option-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .facebook-option-pill:hover{color:#4ade80;border-color:#4ade80}.dark .facebook-option-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.facebook-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.facebook-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .facebook-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .facebook-quality-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){.facebook-heading{font-size:2.25rem}.facebook-subtext{font-size:.95rem}.facebook-input-group{flex-direction:column}.facebook-btn{justify-content:center;padding:.85rem 1.5rem}.facebook-options{justify-content:center}}@media (width<=768px){.preview-header{flex-direction:column}.preview-thumbnail{width:100%;height:auto}.format-buttons{justify-content:center}}.progress-bar-wrapper{width:100%}.progress-label{color:#666;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s;position:relative;overflow:hidden}.format-btn{cursor:pointer;background:#f0f0f0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:inline-flex;position:relative}.format-size{color:#888;font-size:.7rem}.pinterest{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .pinterest{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.pinterest-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.pinterest-icon{color:#e60023;background:linear-gradient(135deg,#fff 0%,#fff0f1 100%);border:1px solid #e6002326;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #e6002333,0 2px 6px #e6002326}.dark .pinterest-icon{color:#ff4458;background:linear-gradient(135deg,#1e293b 0%,#2a0f14 100%);border-color:#ff445833}.pinterest-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.pinterest-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .pinterest-heading{color:#f1f5f9}.pinterest-subtext{color:#6b7280;max-width:560px;margin:0;font-size:1.05rem;line-height:1.65}.dark .pinterest-subtext{color:#94a3b8}.pinterest-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .pinterest-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.pinterest-input-group{gap:.6rem;width:100%;display:flex}.pinterest-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.pinterest-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .pinterest-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .pinterest-input-wrapper:focus-within{border-color:#3b82f6}.pinterest-input-icon{color:#9ca3af;flex-shrink:0}.pinterest-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .pinterest-input{color:#f1f5f9}.pinterest-input::placeholder{color:#9ca3af}.pinterest-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.pinterest-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.pinterest-btn:active{transform:scale(.98)}.pinterest-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .pinterest-options{border-top-color:#334155}.pinterest-options-label{color:#6b7280;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.dark .pinterest-options-label{color:#94a3b8}.pinterest-option-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.pinterest-option-pill:hover{color:#16a34a;border-color:#22c55e}.pinterest-option-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .pinterest-option-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .pinterest-option-pill:hover{color:#4ade80;border-color:#4ade80}.dark .pinterest-option-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.pinterest-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.pinterest-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .pinterest-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .pinterest-quality-select:focus{border-color:#4ade80;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){.pinterest-heading{font-size:2.25rem}.pinterest-subtext{font-size:.95rem}.pinterest-input-group{flex-direction:column}.pinterest-btn{justify-content:center;padding:.85rem 1.5rem}.pinterest-options{justify-content:center}}@media (width<=768px){.preview-header{flex-direction:column}.preview-thumbnail{width:100%;height:auto}.format-buttons{justify-content:center}}.download-progress{background:#0000000d;border-radius:.75rem;margin-top:1.5rem;padding:1rem;animation:.3s ease-out slideDown}.progress-label{color:#666;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{color:#fff;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;justify-content:center;align-items:center;height:100%;font-size:10px;font-weight:700;transition:width .3s;display:flex;position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.progress-speed{color:#888;text-align:right;margin-top:.5rem;font-size:.75rem}.format-btn{cursor:pointer;background:#f0f0f0;border:2px solid #0000;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;position:relative}.format-size{opacity:.7;margin-left:.25rem;font-size:.7rem}.format-btn.active .format-size{color:#fffc}.mp3{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:calc(100vh - 68px);padding:3rem 1.5rem;transition:background .3s;display:flex}.dark .mp3{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.mp3-content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;display:flex}.mp3-icon{color:#1d4ed8;background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #22c55e26;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 16px #22c55e33,0 2px 6px #1d4ed826}.dark .mp3-icon{color:#4ade80;background:linear-gradient(135deg,#1e293b 0%,#0c1f1a 100%);border-color:#4ade8033}.mp3-heading{color:#1e3a5f;letter-spacing:-1px;margin:0;font-size:3.25rem;font-weight:800;line-height:1.1}.mp3-heading span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .mp3-heading{color:#f1f5f9}.mp3-subtext{color:#6b7280;max-width:600px;margin:0;font-size:1.05rem;line-height:1.65}.dark .mp3-subtext{color:#94a3b8}.mp3-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:720px;margin-top:1rem;padding:1.25rem;box-shadow:0 10px 40px #1d4ed814}.dark .mp3-card{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.mp3-input-group{gap:.6rem;width:100%;display:flex}.mp3-input-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:flex}.mp3-input-wrapper:focus-within{background-color:#fff;border-color:#1d4ed8}.dark .mp3-input-wrapper{background-color:#0f172a;border-color:#334155}.dark .mp3-input-wrapper:focus-within{border-color:#3b82f6}.mp3-input-icon{color:#9ca3af;flex-shrink:0}.mp3-input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .mp3-input{color:#f1f5f9}.mp3-input::placeholder{color:#9ca3af}.mp3-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:0 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,transform .1s,box-shadow .3s;display:flex}.mp3-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.mp3-btn:active{transform:scale(.98)}.mp3-options{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;display:flex}.dark .mp3-options{border-top-color:#334155}.mp3-options-label{color:#6b7280;font-size:.85rem;font-weight:500}.dark .mp3-options-label{color:#94a3b8}.mp3-quality-select{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.mp3-quality-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.dark .mp3-quality-select{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.mp3-editor{text-align:left;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:720px;padding:1.5rem;display:flex;box-shadow:0 10px 40px #1d4ed814}.dark .mp3-editor{background-color:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0000004d}.mp3-editor-title{color:#1e3a5f;margin:0;font-size:1.25rem;font-weight:700}.dark .mp3-editor-title{color:#f1f5f9}.mp3-control{flex-direction:column;gap:.5rem;display:flex}.mp3-control-label{color:#374151;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;display:flex}.dark .mp3-control-label{color:#cbd5e1}.mp3-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);border-radius:999px;outline:none;width:100%;height:6px}.mp3-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #22c55e;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #1d4ed840}.mp3-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #22c55e;border-radius:50%;width:18px;height:18px}.mp3-slider-row{flex-direction:column;gap:.5rem;display:flex}.mp3-voice-row{flex-wrap:wrap;gap:.5rem;display:flex}.mp3-voice-pill{color:#374151;cursor:pointer;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:8px;padding:.4rem .85rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.mp3-voice-pill:hover{color:#16a34a;border-color:#22c55e}.mp3-voice-pill.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#22c55e}.dark .mp3-voice-pill{color:#cbd5e1;background-color:#0f172a;border-color:#334155}.dark .mp3-voice-pill:hover{color:#4ade80;border-color:#4ade80}.dark .mp3-voice-pill.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%);border-color:#4ade80}.mp3-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.mp3-preview-btn{color:#1d4ed8;cursor:pointer;background-color:#fff;border:1.5px solid #1d4ed8;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.mp3-preview-btn:hover{background-color:#eff6ff}.dark .mp3-preview-btn{color:#60a5fa;background-color:#0f172a;border-color:#3b82f6}.dark .mp3-preview-btn:hover{background-color:#1e293b}.mp3-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0%/200% 200%;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,box-shadow .3s;display:flex}.mp3-download-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}@media (width<=640px){.mp3-heading{font-size:2.25rem}.mp3-subtext{font-size:.95rem}.mp3-input-group{flex-direction:column}.mp3-btn{justify-content:center;padding:.85rem 1.5rem}.mp3-options{justify-content:center}.mp3-actions{flex-direction:column}}.twitter-preview,.instagram-preview,.facebook-preview,.pinterest-preview{background:linear-gradient(135deg,#0000000d 0%,#00000005 100%);border-radius:1rem;margin-top:2rem;padding:1.5rem;animation:.3s ease-out slideIn}.preview-thumbnail{object-fit:cover;border-radius:.5rem;width:160px;height:120px;box-shadow:0 4px 6px #0000001a}.preview-info{flex:1}.preview-info h3{margin:0 0 .5rem;font-size:1.1rem}.preview-info p{color:#666;margin:.25rem 0;font-size:.875rem}.preview-stats{gap:1rem;margin-top:.5rem;display:flex}.preview-stats span{color:#888;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.preview-formats h4{margin-bottom:.75rem;font-size:.9rem;font-weight:600}.format-buttons{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.format-btn{cursor:pointer;background:#f0f0f0;border:2px solid #0000;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.format-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.twitter-download-btn,.instagram-download-btn,.facebook-download-btn,.pinterest-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.twitter-download-btn:hover:not(:disabled),.instagram-download-btn:hover:not(:disabled),.facebook-download-btn:hover:not(:disabled),.pinterest-download-btn:hover:not(:disabled){transform:translateY(-2px)}.twitter-download-btn:disabled,.instagram-download-btn:disabled,.facebook-download-btn:disabled,.pinterest-download-btn:disabled{opacity:.7;cursor:not-allowed}.twitter-error,.instagram-error,.facebook-error,.pinterest-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:.5rem;margin-top:1rem;padding:.75rem}@media (width<=768px){.preview-header{flex-direction:column}.preview-thumbnail{width:100%;height:auto}.format-buttons{justify-content:center}}.mp3-progress{background:#f0f0f0;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.progress-bar{background:#e0e0e0;border-radius:15px;width:100%;height:30px;margin-bottom:.5rem;overflow:hidden}.progress-fill{color:#fff;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-radius:15px;justify-content:center;align-items:center;height:100%;font-size:12px;font-weight:700;transition:width .3s;display:flex}.mp3-converter{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:80px 20px 40px}.mp3-content{max-width:900px;margin:0 auto}.mp3-icon{text-align:center;margin-bottom:20px}.mp3-icon svg{color:#fff}.mp3-converter h1{text-align:center;color:#fff;margin-bottom:15px;font-size:2.5rem;font-weight:700}.mp3-converter h1 span{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mp3-converter>p{text-align:center;color:#ffffffe6;margin-bottom:40px;font-size:1.1rem}.mp3-card{background:#fff;border-radius:20px;margin-bottom:30px;padding:30px;box-shadow:0 20px 40px #0000001a}.input-group{background:#f5f5f5;border-radius:15px;align-items:center;gap:15px;padding:5px 15px;display:flex}.input-group svg{color:#999}.input-group input{background:0 0;border:none;outline:none;flex:1;padding:15px 0;font-size:16px}.input-group button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:12px 25px;font-weight:600;transition:transform .2s}.input-group button:hover:not(:disabled){transform:translateY(-2px)}.input-group button:disabled{opacity:.6;cursor:not-allowed}.mp3-preview{background:#fff;border-radius:20px;margin-top:20px;padding:25px;animation:.3s ease-out fadeIn}.preview-header{flex-wrap:wrap;gap:20px;margin-bottom:25px;display:flex}.preview-header img{object-fit:cover;border-radius:12px;width:120px;height:90px;box-shadow:0 4px 10px #0000001a}.preview-header>div{flex:1}.preview-header h3{color:#333;margin-bottom:8px;font-size:1.1rem}.preview-header p{color:#666;margin-bottom:12px;font-size:.85rem}.audio-controls{margin-top:10px}.play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:25px;align-items:center;gap:8px;padding:8px 20px;font-weight:500;transition:transform .2s;display:inline-flex}.play-btn:hover{transform:scale(1.02)}.effects-panel{background:#f8f9fa;border-radius:15px;margin:20px 0;padding:20px}.effects-panel h3{color:#333;margin-bottom:15px;font-size:1rem}.effect-control label{color:#555;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:flex}.effect-control input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:3px;outline:none;width:100%;height:6px}.effect-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:16px;height:16px}.voice-buttons{flex-wrap:wrap;gap:10px;display:flex}.voice-buttons button{cursor:pointer;background:#e9ecef;border:none;border-radius:20px;padding:6px 14px;font-size:.8rem;transition:all .2s}.voice-buttons button.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.trim-controls{flex-direction:column;gap:10px;display:flex}.trim-controls span{color:#666;font-size:.75rem}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:15px;padding:14px;font-size:1rem;font-weight:600;transition:transform .2s;display:flex}.download-btn:hover:not(:disabled){transform:translateY(-2px)}.download-btn:disabled{opacity:.7;cursor:not-allowed}.error{color:#721c24;text-align:center;background:#f8d7da;border-radius:12px;margin-top:20px;padding:12px 20px}@media (width<=768px){.mp3-converter{padding:60px 15px 30px}.mp3-converter h1{font-size:1.8rem}.input-group{flex-direction:column;padding:15px}.input-group button{width:100%}.preview-header{flex-direction:column}.preview-header img{width:100%;height:auto}.voice-buttons{justify-content:center}}.effect-note{text-align:center;color:#888;background:#f0f0f0;border-radius:8px;margin-top:15px;padding:8px;font-size:.75rem}.spinner{animation:1s linear infinite spin}.trim-note{color:#888;text-align:center;margin-top:.5rem;font-size:.7rem;display:block}.effect-note{color:#888;margin-top:4px;margin-bottom:8px;font-size:.65rem;display:block}.effect-control{margin-bottom:16px}.effect-control label{align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:500;display:flex}.blog{background-color:#fff;padding:4rem 1.5rem 5rem;font-family:Inter,sans-serif;transition:background-color .3s}.dark .blog{background-color:#0f172a}.blog-header{text-align:center;max-width:800px;margin:0 auto 3rem}.blog-eyebrow{color:#1d4ed8;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.4rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.dark .blog-eyebrow{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.blog-title{color:#1e3a5f;letter-spacing:-.5px;margin:0 0 .75rem;font-size:2.5rem;font-weight:800}.blog-title span{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .blog-title{color:#f1f5f9}.blog-subtitle{color:#6b7280;margin:0 0 1.75rem;font-size:1rem;line-height:1.6}.dark .blog-subtitle{color:#94a3b8}.blog-search{max-width:480px;margin:0 auto 1.5rem;position:relative}.blog-search input{color:#1e3a5f;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.blog-search input::placeholder{color:#9ca3af}.blog-search input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e26}.blog-search-icon{color:#9ca3af;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.dark .blog-search input{color:#f1f5f9;background:#1e293b;border-color:#334155}.dark .blog-search input:focus{border-color:#4ade80}.blog-cats{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.blog-cat-pill{color:#374151;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:999px;padding:.45rem .95rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.blog-cat-pill:hover{color:#1d4ed8;border-color:#22c55e}.blog-cat-pill.active{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-color:#0000}.dark .blog-cat-pill{color:#cbd5e1;border-color:#334155}.dark .blog-cat-pill:hover{color:#4ade80;border-color:#4ade80}.blog-featured{max-width:1100px;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1.1fr 1fr;margin:0 auto 3rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;overflow:hidden}.blog-featured:hover{border-color:#22c55e;transform:translateY(-4px);box-shadow:0 16px 36px #1d4ed81a,0 6px 14px #22c55e1a}.dark .blog-featured{background:#1e293b;border-color:#334155}.dark .blog-featured:hover{border-color:#4ade80;box-shadow:0 16px 36px #0006}.blog-featured-image{background-position:50%;background-size:cover;min-height:320px;position:relative}.blog-featured-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:999px;padding:.35rem .75rem;font-size:.72rem;font-weight:700;position:absolute;top:1rem;left:1rem}.blog-featured-body{flex-direction:column;justify-content:center;gap:.75rem;padding:2rem;display:flex}.blog-featured-title{color:#1e3a5f;letter-spacing:-.3px;margin:0;font-size:1.6rem;font-weight:800;line-height:1.3}.dark .blog-featured-title{color:#f1f5f9}.blog-featured-excerpt{color:#6b7280;margin:0;font-size:.95rem;line-height:1.6}.dark .blog-featured-excerpt{color:#94a3b8}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.blog-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.blog-card:hover{border-color:#22c55e;transform:translateY(-4px);box-shadow:0 12px 30px #1d4ed814,0 4px 12px #22c55e1a}.dark .blog-card{background:#1e293b;border-color:#334155}.dark .blog-card:hover{border-color:#4ade80;box-shadow:0 12px 30px #0006}.blog-card-image{background-position:50%;background-size:cover;width:100%;height:180px}.blog-card-body{flex-direction:column;flex:1;gap:.6rem;padding:1.25rem 1.25rem 1.5rem;display:flex}.blog-card-cat{letter-spacing:.5px;text-transform:uppercase;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-radius:999px;align-self:flex-start;padding:.3rem .65rem;font-size:.72rem;font-weight:700}.dark .blog-card-cat{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.blog-card-title{color:#1e3a5f;margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.dark .blog-card-title{color:#f1f5f9}.blog-card-excerpt{color:#6b7280;flex:1;margin:0;font-size:.9rem;line-height:1.6}.dark .blog-card-excerpt{color:#94a3b8}.blog-card-meta{color:#6b7280;flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.8rem;display:flex}.blog-card-meta span{align-items:center;gap:.3rem;display:inline-flex}.dark .blog-card-meta{color:#94a3b8}.blog-read-more{color:#1d4ed8;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.dark .blog-read-more{color:#4ade80}.blog-empty{text-align:center;color:#6b7280;padding:3rem 1rem;font-size:.95rem}.dark .blog-empty{color:#94a3b8}@media (width<=900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-featured{grid-template-columns:1fr}.blog-featured-image{min-height:220px}}@media (width<=600px){.blog{padding:3rem 1.25rem 4rem}.blog-title{font-size:1.85rem}.blog-grid{grid-template-columns:1fr}.blog-featured-body{padding:1.5rem}.blog-featured-title{font-size:1.3rem}}.footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:3.5rem 1.5rem 1.5rem;font-family:Inter,sans-serif;transition:background-color .3s,border-color .3s}.dark .footer{background-color:#0c1424;border-top-color:#1e293b}.footer-container{max-width:1100px;margin:0 auto}.footer-top{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;display:grid}.footer-brand{flex-direction:column;gap:1rem;max-width:320px;display:flex}.footer-logo{align-items:center;gap:.5rem;display:flex}.footer-logo-icon{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex}.footer-logo-text{color:#1e3a5f;letter-spacing:-.3px;font-size:1.2rem;font-weight:800}.footer-logo-text span{color:#22c55e}.dark .footer-logo-text{color:#f1f5f9}.footer-tagline{color:#6b7280;margin:0;font-size:.88rem;line-height:1.65}.dark .footer-tagline{color:#94a3b8}.footer-socials{gap:.5rem;margin-top:.25rem;display:flex}.footer-social{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .25s;display:flex}.footer-social:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.dark .footer-social{color:#cbd5e1;background-color:#1e293b;border-color:#334155}.footer-column-title{color:#1e3a5f;letter-spacing:.02em;margin:0 0 1rem;font-size:.9rem;font-weight:700}.dark .footer-column-title{color:#f1f5f9}.footer-links{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#6b7280;font-size:.88rem;text-decoration:none;transition:color .2s,padding-left .2s;position:relative}.footer-links a:hover{color:#1d4ed8;padding-left:.4rem}.footer-links a:hover:before{content:"";background:linear-gradient(#1d4ed8,#22c55e);border-radius:2px;width:3px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.dark .footer-links a{color:#94a3b8}.dark .footer-links a:hover{color:#4ade80}.footer-bottom{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.5rem;display:flex}.footer-bottom p{color:#9ca3af;margin:0;font-size:.82rem}.dark .footer-bottom{border-top-color:#1e293b}.dark .footer-bottom p{color:#64748b}@media (width<=900px){.footer-top{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1/-1;max-width:100%}}@media (width<=540px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;flex-direction:column}}.admin-login{background:linear-gradient(#f0f7ff 0%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex}.dark .admin-login{background:linear-gradient(#0f172a 0%,#0c1f1a 100%)}.admin-login-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:.85rem;width:100%;max-width:420px;padding:2rem;display:flex;box-shadow:0 20px 50px #1d4ed81a}.dark .admin-login-card{background:#1e293b;border-color:#334155}.admin-login-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 6px 18px #22c55e4d}.admin-login-title{color:#1e3a5f;margin:.25rem 0 0;font-size:1.6rem;font-weight:800}.dark .admin-login-title{color:#f1f5f9}.admin-login-subtitle{color:#6b7280;margin:0 0 .75rem;font-size:.9rem}.dark .admin-login-subtitle{color:#94a3b8}.admin-login-field{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:0 .85rem;transition:border-color .2s,background-color .2s;display:flex}.admin-login-field:focus-within{background:#fff;border-color:#22c55e}.dark .admin-login-field{background:#0f172a;border-color:#334155}.admin-login-field-icon{color:#9ca3af;flex-shrink:0}.admin-login-field input{color:#111827;background:0 0;border:none;outline:none;flex:1;padding:.85rem 0;font-family:inherit;font-size:.95rem}.dark .admin-login-field input{color:#f1f5f9}.admin-login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;padding:.6rem .85rem;font-size:.85rem}.admin-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%) 0 0/200% 200%;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-position .4s,box-shadow .3s;display:flex}.admin-login-btn:hover{background-position:100%;box-shadow:0 6px 20px #22c55e59}.admin-sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:1rem;width:245px;height:100vh;padding:1.25rem .85rem;display:flex;position:sticky;top:0}.dark .admin-sidebar{background:#1e293b;border-right-color:#334155}.admin-brand{border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;padding:.4rem .6rem 1rem;display:flex}.dark .admin-brand{border-bottom-color:#334155}.admin-brand-logo{object-fit:contain;width:auto;height:30px;display:block}.admin-brand-badge{letter-spacing:.6px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:6px;padding:.2rem .45rem;font-size:.65rem;font-weight:700;line-height:1}.admin-menu{flex-direction:column;flex:1;gap:.25rem;display:flex}.admin-menu-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.admin-menu-item:hover{color:#1e3a5f;background:#f1f5f9}.admin-menu-item.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%)}.dark .admin-menu-item{color:#cbd5e1}.dark .admin-menu-item:hover{color:#f1f5f9;background:#334155}.dark .admin-menu-item.active{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.admin-hamburger{z-index:998;color:#1e3a5f;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s,border-color .15s;display:none;position:fixed;top:1rem;left:1rem;box-shadow:0 4px 12px #0f172a14}.admin-hamburger:hover{border-color:#22c55e}.dark .admin-hamburger{color:#f1f5f9;background:#1e293b;border-color:#334155}.dark .admin-hamburger:hover{border-color:#4ade80}.admin-sidebar-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;transition:background .15s,color .15s;display:none}.admin-sidebar-close:hover{color:#1e3a5f;background:#f1f5f9}.dark .admin-sidebar-close:hover{color:#f1f5f9;background:#334155}.admin-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:998;background:#0f172a8c;animation:.18s admin-fade;display:none;position:fixed;inset:0}@keyframes admin-fade{0%{opacity:0}to{opacity:1}}@media (width<=640px){.admin-hamburger{display:flex}.admin-backdrop{display:block}.admin-sidebar{z-index:999;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0f172a26}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-close{display:inline-flex}}.admin-topbar{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0}.dark .admin-topbar{background:#1e293b;border-bottom-color:#334155}.admin-topbar-spacer{flex:1}.admin-topbar-actions{align-items:center;gap:.75rem;display:flex}.admin-topbar-icon-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.admin-topbar-icon-btn:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#bfdbfe}.dark .admin-topbar-icon-btn{color:#cbd5e1;background:#0f172a;border-color:#334155}.dark .admin-topbar-icon-btn:hover{color:#60a5fa;background:#334155}.admin-topbar-user{position:relative}.admin-topbar-user-btn{cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.6rem;padding:.4rem .75rem .4rem .45rem;font-family:inherit;transition:all .2s;display:flex}.admin-topbar-user-btn:hover{background:#fff;border-color:#22c55e}.dark .admin-topbar-user-btn{background:#0f172a;border-color:#334155}.dark .admin-topbar-user-btn:hover{background:#1e293b;border-color:#22c55e}.admin-topbar-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-topbar-user-info{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.admin-topbar-user-name{color:#1e3a5f;font-size:.85rem;font-weight:600}.admin-topbar-user-email{color:#6b7280;font-size:.72rem}.dark .admin-topbar-user-name{color:#f1f5f9}.dark .admin-topbar-user-email{color:#94a3b8}.admin-topbar-chevron{color:#9ca3af;transition:transform .2s}.admin-topbar-user:hover .admin-topbar-chevron{color:#1d4ed8;transform:rotate(180deg)}.admin-topbar-dropdown{opacity:0;visibility:hidden;z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:240px;padding:.4rem;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px);box-shadow:0 12px 30px #0f172a1f}.admin-topbar-user:hover .admin-topbar-dropdown,.admin-topbar-dropdown:hover{opacity:1;visibility:visible;transform:translateY(0)}.admin-topbar-dropdown:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.dark .admin-topbar-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 12px 30px #0006}.admin-topbar-dropdown-header{border-bottom:1px solid #f1f5f9;margin-bottom:.25rem;padding:.65rem .75rem}.dark .admin-topbar-dropdown-header{border-bottom-color:#334155}.admin-topbar-dropdown-name{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.admin-topbar-dropdown-email{color:#1e3a5f;margin-top:.15rem;font-size:.85rem;font-weight:600}.dark .admin-topbar-dropdown-email{color:#f1f5f9}.admin-topbar-dropdown-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.55rem;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.88rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.admin-topbar-dropdown-item:hover{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%)}.admin-topbar-dropdown-item.danger:hover{color:#dc2626;background:#fef2f2}.dark .admin-topbar-dropdown-item{color:#cbd5e1}.dark .admin-topbar-dropdown-item:hover{color:#f1f5f9;background:#334155}.dark .admin-topbar-dropdown-item.danger:hover{color:#fca5a5;background:#450a0a}@media (width<=640px){.admin-topbar{padding-left:4rem}}.adt-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;animation:.18s adt-fade;display:flex;position:fixed;inset:0}@keyframes adt-fade{0%{opacity:0}to{opacity:1}}.adt-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:460px;max-height:92vh;font-family:Inter,sans-serif;animation:.22s adt-pop;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a40}@keyframes adt-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dark .adt-modal{background:#0f172a}.adt-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.adt-modal-header h2{color:#1e3a5f;margin:0;font-size:1.1rem;font-weight:700}.dark .adt-modal-header{border-bottom-color:#1e293b}.dark .adt-modal-header h2{color:#f1f5f9}.adt-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.adt-modal-close:hover{color:#1e3a5f;background:#f1f5f9}.dark .adt-modal-close:hover{color:#f1f5f9;background:#1e293b}.adt-tabs{border-bottom:1px solid #e5e7eb;gap:.25rem;padding:0 1.5rem;display:flex}.dark .adt-tabs{border-bottom-color:#1e293b}.adt-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;margin-bottom:-1px;padding:.75rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.adt-tab:hover{color:#1d4ed8}.adt-tab.active{color:#1d4ed8;border-bottom-color:#22c55e}.dark .adt-tab{color:#94a3b8}.dark .adt-tab:hover{color:#4ade80}.dark .adt-tab.active{color:#4ade80;border-bottom-color:#4ade80}.adt-modal-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.adt-form{flex-direction:column;gap:1rem;display:flex}.adt-form label{color:#374151;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.dark .adt-form label{color:#cbd5e1}.adt-required{color:#dc2626}.adt-form input[type=email],.adt-form input[type=password],.adt-form input[type=text]{color:#1e3a5f;box-sizing:border-box;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.adt-form input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.adt-form input:disabled{color:#6b7280;cursor:not-allowed;background:#f8fafc}.dark .adt-form input{color:#f1f5f9;background:#1e293b;border-color:#334155}.dark .adt-form input:disabled{color:#64748b;background:#0b1220}.adt-input-wrap{position:relative}.adt-input-wrap input{padding-right:2.5rem}.adt-eye{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.adt-eye:hover{color:#1d4ed8;background:#f1f5f9}.dark .adt-eye:hover{color:#4ade80;background:#1e293b}.adt-msg{border-radius:8px;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.85rem;font-weight:500;display:flex}.adt-msg.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.adt-msg.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.dark .adt-msg.success{color:#4ade80;background:#22c55e1a;border-color:#4ade804d}.dark .adt-msg.error{color:#f87171;background:#dc26261a;border-color:#f871714d}.adt-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.6rem;margin-top:.5rem;padding-top:1rem;display:flex}.dark .adt-form-actions{border-top-color:#1e293b}.adt-btn-primary,.adt-btn-secondary{cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:box-shadow .2s,transform .1s,border-color .15s,background .15s,color .15s;display:inline-flex}.adt-btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%)}.adt-btn-primary:hover{box-shadow:0 6px 18px #22c55e40}.adt-btn-primary:active{transform:scale(.97)}.adt-btn-secondary{color:#1e3a5f;background:#fff;border-color:#e5e7eb}.adt-btn-secondary:hover{color:#1d4ed8;border-color:#22c55e}.dark .adt-btn-secondary{color:#f1f5f9;background:#1e293b;border-color:#334155}.dark .adt-btn-secondary:hover{color:#4ade80;border-color:#4ade80}@media (width<=520px){.adt-modal{max-width:100%}.adt-form-actions{flex-direction:column-reverse}.adt-btn-primary,.adt-btn-secondary{width:100%}}.admin{color:#1e3a5f;background:#f7fafc;min-height:100vh;font-family:inherit;display:flex}.dark .admin{color:#f1f5f9;background:#0f172a}.admin-main{flex-direction:column;flex:1;gap:0;min-width:0;display:flex}.admin-main-inner{flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;display:flex}.admin-title{color:#1e3a5f;margin:0;font-size:1.5rem;font-weight:800}.dark .admin-title{color:#f1f5f9}.admin-subtitle{color:#6b7280;margin:.2rem 0 0;font-size:.9rem}.dark .admin-subtitle{color:#94a3b8}.admin-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.admin-stat{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:.4rem;padding:1.1rem 1.25rem;display:flex;box-shadow:0 4px 18px #1d4ed80a}.dark .admin-stat{background:#1e293b;border-color:#334155}.admin-stat-top{justify-content:space-between;align-items:center;display:flex}.admin-stat-icon{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dark .admin-stat-icon{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.admin-stat-change{border-radius:999px;padding:.2rem .5rem;font-size:.78rem;font-weight:600}.admin-stat-change.up{color:#16a34a;background:#ecfdf5}.admin-stat-change.down{color:#dc2626;background:#fef2f2}.admin-stat-label{color:#6b7280;margin-top:.25rem;font-size:.85rem}.dark .admin-stat-label{color:#94a3b8}.admin-stat-value{color:#1e3a5f;font-size:1.6rem;font-weight:800}.dark .admin-stat-value{color:#f1f5f9}.admin-charts{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.admin-chart-card,.admin-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.1rem 1.25rem;box-shadow:0 4px 18px #1d4ed80a}.dark .admin-chart-card,.dark .admin-table-card{background:#1e293b;border-color:#334155}.admin-chart-title{color:#1e3a5f;margin:0 0 .85rem;font-size:1rem;font-weight:700}.dark .admin-chart-title{color:#f1f5f9}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:.75rem .85rem}.admin-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.dark .admin-table th,.dark .admin-table td{border-bottom-color:#334155}.dark .admin-table th{color:#94a3b8}.dark .admin-table td{color:#cbd5e1}.admin-status{border-radius:999px;padding:.25rem .6rem;font-size:.78rem;font-weight:600}.admin-status.ok{color:#16a34a;background:#ecfdf5}.admin-status.fail{color:#dc2626;background:#fef2f2}@media (width<=1024px){.admin-charts{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.admin-main-inner{padding:1.25rem}.admin-stats{grid-template-columns:1fr}}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.analytics-range{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:.35rem;padding:.3rem;display:flex}.dark .analytics-range{background:#1e293b;border-color:#334155}.analytics-range-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.45rem .8rem;font-family:inherit;font-size:.82rem;font-weight:500;transition:all .15s}.analytics-range-btn:hover{color:#1e3a5f;background:#f1f5f9}.analytics-range-btn.active{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%)}.dark .analytics-range-btn{color:#cbd5e1}.dark .analytics-range-btn:hover{color:#f1f5f9;background:#334155}.analytics-kpi-sub{color:#94a3b8;margin-top:.2rem;font-size:.72rem}.analytics-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.analytics-card-head .admin-chart-title{margin:0}.analytics-pill{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-radius:999px;padding:.25rem .6rem;font-size:.72rem;font-weight:600}.dark .analytics-pill{color:#60a5fa;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.analytics-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=1024px){.analytics-grid-2{grid-template-columns:1fr}}.analytics-country-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.analytics-country-row{justify-content:space-between;margin-bottom:.3rem;font-size:.85rem;display:flex}.analytics-country-name{color:#1e3a5f;font-weight:500}.analytics-country-count{color:#6b7280}.dark .analytics-country-name{color:#f1f5f9}.dark .analytics-country-count{color:#94a3b8}.analytics-country-bar{background:#f1f5f9;border-radius:999px;height:8px;overflow:hidden}.dark .analytics-country-bar{background:#334155}.analytics-country-bar-fill{background:linear-gradient(90deg,#1d4ed8 0%,#22c55e 100%);border-radius:999px;height:100%;transition:width .4s}.analytics-legend{color:#6b7280;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.dark .analytics-legend{color:#94a3b8}.analytics-legend-scale{gap:2px;display:flex}.analytics-legend-scale span{border-radius:3px;width:14px;height:14px;display:block}.analytics-heatmap{flex-direction:column;gap:4px;padding-top:.25rem;display:flex;overflow-x:auto}.analytics-heatmap-hours{grid-template-columns:40px repeat(24,1fr);gap:4px;min-width:600px;display:grid}.analytics-heatmap-hour{color:#94a3b8;text-align:center;font-size:.65rem}.analytics-heatmap-row{grid-template-columns:40px repeat(24,1fr);align-items:center;gap:4px;min-width:600px;display:grid}.analytics-heatmap-day{color:#6b7280;font-size:.75rem;font-weight:500}.dark .analytics-heatmap-day{color:#94a3b8}.analytics-heatmap-cell{cursor:pointer;border-radius:4px;height:22px;transition:transform .15s}.analytics-heatmap-cell:hover{outline-offset:1px;outline:2px solid #22c55e;transform:scale(1.15)}.dl-shell{color:#1e3a5f;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.dark .dl-shell{color:#f1f5f9;background:#0b1220}.dl-main{flex-direction:column;flex:1;min-width:0;display:flex}.dl-main-inner{flex-direction:column;gap:1.5rem;padding:1.5rem 2rem 2.5rem;display:flex}.dl-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.dl-title{letter-spacing:-.3px;color:#1e3a5f;margin:0 0 .35rem;font-size:1.75rem;font-weight:800}.dark .dl-title{color:#f1f5f9}.dl-subtitle{color:#6b7280;margin:0;font-size:.92rem}.dark .dl-subtitle{color:#94a3b8}.dl-export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1.05rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:box-shadow .2s,transform .1s;display:inline-flex}.dl-export-btn:hover{box-shadow:0 6px 18px #22c55e40}.dl-export-btn:active{transform:scale(.97)}.dl-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.dl-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:.65rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.dl-stat-card:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 10px 24px #1d4ed80f}.dark .dl-stat-card{background:#0f172a;border-color:#1e293b}.dark .dl-stat-card:hover{border-color:#4ade80}.dl-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.dl-stat-icon.blue{color:#1d4ed8;background:#eff6ff}.dl-stat-icon.green{color:#22c55e;background:#f0fdf4}.dark .dl-stat-icon.blue{color:#93c5fd;background:#1e3a5f}.dark .dl-stat-icon.green{color:#4ade80;background:#0c1f1a}.dl-stat-label{color:#6b7280;font-size:.85rem;font-weight:500}.dl-stat-value{color:#1e3a5f;letter-spacing:-.5px;font-size:1.85rem;font-weight:800}.dark .dl-stat-label{color:#94a3b8}.dark .dl-stat-value{color:#f1f5f9}.dl-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem;display:flex}.dark .dl-filters{background:#0f172a;border-color:#1e293b}.dl-search{flex:280px;min-width:220px;position:relative}.dl-search input{color:#1e3a5f;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.55rem .85rem .55rem 2.2rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.dl-search input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.dl-search input::placeholder{color:#9ca3af}.dark .dl-search input{color:#f1f5f9;background:#1e293b;border-color:#334155}.dl-search-icon{color:#9ca3af;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.dl-filters select{color:#1e3a5f;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.85rem}.dl-filters select:focus{border-color:#22c55e}.dark .dl-filters select{color:#f1f5f9;background:#1e293b;border-color:#334155}.dl-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:auto hidden}.dark .dl-table-wrap{background:#0f172a;border-color:#1e293b}.dl-table{border-collapse:collapse;width:100%;min-width:980px;font-size:.85rem}.dl-table thead{background:#f8fafc}.dark .dl-table thead{background:#1e293b}.dl-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:#6b7280;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.85rem 1rem;font-size:.74rem;font-weight:700}.dl-table th svg{opacity:.5;vertical-align:middle}.dark .dl-table th{color:#94a3b8}.dl-table td{color:#374151;vertical-align:middle;border-top:1px solid #f1f5f9;padding:.85rem 1rem}.dark .dl-table td{color:#cbd5e1;border-top-color:#1e293b}.dl-table tbody tr{transition:background .12s}.dl-table tbody tr:hover{background:#f8fafc}.dark .dl-table tbody tr:hover{background:#1e293b}.dl-cell-time{color:#6b7280;white-space:nowrap;font-size:.82rem}.dl-cell-mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.dl-cell-url{white-space:nowrap;text-overflow:ellipsis;color:#1d4ed8;max-width:240px;font-size:.82rem;overflow:hidden}.dark .dl-cell-url{color:#93c5fd}.dark .dl-cell-time{color:#94a3b8}.dl-platform-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:.22rem .55rem;font-size:.74rem;font-weight:600;display:inline-block}.dl-platform-tag.tiktok{color:#be185d;background:#fce7f3}.dl-platform-tag.youtube{color:#b91c1c;background:#fee2e2}.dl-platform-tag.instagram{color:#b45309;background:#fef3c7}.dl-platform-tag.facebook{color:#1d4ed8;background:#dbeafe}.dl-platform-tag.twitter{color:#0369a1;background:#e0f2fe}.dl-platform-tag.pinterest{color:#be123c;background:#ffe4e6}.dark .dl-platform-tag{color:#cbd5e1;background:#334155}.dark .dl-platform-tag.tiktok{color:#f9a8d4;background:#be185d33}.dark .dl-platform-tag.youtube{color:#fca5a5;background:#b91c1c33}.dark .dl-platform-tag.instagram{color:#fcd34d;background:#b4530933}.dark .dl-platform-tag.facebook{color:#93c5fd;background:#1d4ed833}.dark .dl-platform-tag.twitter{color:#7dd3fc;background:#0369a133}.dark .dl-platform-tag.pinterest{color:#fda4af;background:#be123c33}.dl-format-tag{border-radius:6px;align-items:center;gap:.3rem;padding:.22rem .5rem;font-size:.74rem;font-weight:600;display:inline-flex}.dl-format-tag.mp4{color:#1d4ed8;background:#eff6ff}.dl-format-tag.mp3{color:#16a34a;background:#f0fdf4}.dark .dl-format-tag.mp4{color:#93c5fd;background:#1e3a5f}.dark .dl-format-tag.mp3{color:#4ade80;background:#0c1f1a}.dl-status{align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;display:inline-flex}.dl-status.success{color:#16a34a}.dl-status.failed{color:#dc2626}.dark .dl-status.success{color:#4ade80}.dark .dl-status.failed{color:#f87171}.dl-empty{text-align:center;color:#9ca3af;font-size:.9rem;padding:2.5rem 1rem!important}.dark .dl-empty{color:#64748b}.dl-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dl-page-info{color:#6b7280;font-size:.85rem}.dl-page-info strong{color:#1e3a5f;font-weight:700}.dark .dl-page-info{color:#94a3b8}.dark .dl-page-info strong{color:#f1f5f9}.dl-page-controls{align-items:center;gap:.5rem;display:flex}.dl-page-controls button{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.dl-page-controls button:hover:not(:disabled){color:#1d4ed8;border-color:#22c55e}.dl-page-controls button:disabled{opacity:.4;cursor:not-allowed}.dark .dl-page-controls button{color:#cbd5e1;background:#1e293b;border-color:#334155}.dl-page-current{color:#475569;padding:0 .5rem;font-size:.85rem;font-weight:600}.dark .dl-page-current{color:#cbd5e1}@media (width<=1100px){.dl-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.dl-main-inner{padding:1rem}}@media (width<=520px){.dl-stats{grid-template-columns:1fr}.dl-header{flex-direction:column;align-items:flex-start}.dl-export-btn{justify-content:center;align-self:stretch}}.ab-shell{color:#1e3a5f;background:#f8fafc;min-height:100vh;font-family:Inter,sans-serif;display:flex}.dark .ab-shell{color:#f1f5f9;background:#0b1220}.ab-main{flex-direction:column;flex:1;min-width:0;display:flex}.ab-main-inner{flex-direction:column;gap:1.5rem;padding:1.5rem 2rem 2.5rem;display:flex}.ab-icon-btn:hover{color:#1d4ed8;border-color:#22c55e}.dark .ab-icon-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .ab-icon-btn:hover{color:#4ade80;border-color:#4ade80}.ab-admin-chip{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;align-items:center;gap:.6rem;padding:.3rem .85rem .3rem .3rem;font-family:inherit;transition:border-color .15s;display:flex}.ab-admin-chip:hover{border-color:#22c55e}.dark .ab-admin-chip{background:#1e293b;border-color:#334155}.ab-admin-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.ab-admin-info{text-align:left;flex-direction:column;line-height:1.1;display:flex}.ab-admin-info strong{color:#1e3a5f;font-size:.82rem}.ab-admin-info small{color:#6b7280;font-size:.7rem}.dark .ab-admin-info strong{color:#f1f5f9}.dark .ab-admin-info small{color:#94a3b8}.ab-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.ab-title{letter-spacing:-.3px;color:#1e3a5f;margin:0 0 .35rem;font-size:1.75rem;font-weight:800}.dark .ab-title{color:#f1f5f9}.ab-subtitle{color:#6b7280;margin:0;font-size:.92rem}.dark .ab-subtitle{color:#94a3b8}.ab-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:box-shadow .2s,transform .1s;display:inline-flex}.ab-create-btn:hover{box-shadow:0 6px 18px #22c55e40}.ab-create-btn:active{transform:scale(.97)}.ab-stats{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.ab-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:.65rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.ab-stat-card:hover{border-color:#22c55e;transform:translateY(-2px);box-shadow:0 10px 24px #1d4ed80f}.dark .ab-stat-card{background:#0f172a;border-color:#1e293b}.dark .ab-stat-card:hover{border-color:#4ade80}.ab-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ab-stat-icon.blue{color:#1d4ed8;background:#eff6ff}.ab-stat-icon.green{color:#22c55e;background:#f0fdf4}.dark .ab-stat-icon.blue{color:#93c5fd;background:#1e3a5f}.dark .ab-stat-icon.green{color:#4ade80;background:#0c1f1a}.ab-stat-label{color:#6b7280;font-size:.85rem;font-weight:500}.ab-stat-value{color:#1e3a5f;letter-spacing:-.5px;font-size:1.85rem;font-weight:800}.dark .ab-stat-label{color:#94a3b8}.dark .ab-stat-value{color:#f1f5f9}.ab-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:.75rem;padding:.85rem 1rem;display:flex}.dark .ab-filters{background:#0f172a;border-color:#1e293b}.ab-search{flex:280px;min-width:220px;position:relative}.ab-search input{color:#1e3a5f;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:.55rem .85rem .55rem 2.2rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.ab-search input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.ab-search input::placeholder{color:#9ca3af}.dark .ab-search input{color:#f1f5f9;background:#1e293b;border-color:#334155}.ab-search-icon{color:#9ca3af;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.ab-filters select{color:#1e3a5f;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.55rem .85rem;font-family:inherit;font-size:.85rem}.ab-filters select:focus{border-color:#22c55e}.dark .ab-filters select{color:#f1f5f9;background:#1e293b;border-color:#334155}.ab-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:auto hidden}.dark .ab-table-wrap{background:#0f172a;border-color:#1e293b}.ab-table{border-collapse:collapse;width:100%;min-width:880px;font-size:.88rem}.ab-table thead{background:#f8fafc}.dark .ab-table thead{background:#1e293b}.ab-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:#6b7280;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:.85rem 1rem;font-size:.74rem;font-weight:700}.dark .ab-table th{color:#94a3b8}.ab-th-right{text-align:right!important}.ab-table td{color:#374151;vertical-align:middle;border-top:1px solid #f1f5f9;padding:.85rem 1rem}.dark .ab-table td{color:#cbd5e1;border-top-color:#1e293b}.ab-table tbody tr:hover{background:#f8fafc}.dark .ab-table tbody tr:hover{background:#1e293b}.ab-post-cell{align-items:center;gap:.75rem;min-width:0;display:flex}.ab-post-thumb{object-fit:cover;background:#f1f5f9;border-radius:8px;flex-shrink:0;width:48px;height:48px}.ab-post-thumb-empty{color:#9ca3af;justify-content:center;align-items:center;display:flex}.dark .ab-post-thumb{background:#1e293b}.ab-post-meta{flex-direction:column;min-width:0;max-width:320px;display:flex}.ab-post-title{color:#1e3a5f;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;display:inline-flex;overflow:hidden}.dark .ab-post-title{color:#f1f5f9}.ab-post-slug{color:#9ca3af;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem}.ab-featured-star{color:#f59e0b;flex-shrink:0}.ab-category-tag{color:#1d4ed8;background:#eff6ff;border-radius:6px;padding:.22rem .6rem;font-size:.74rem;font-weight:600;display:inline-block}.dark .ab-category-tag{color:#93c5fd;background:#1e3a5f}.ab-status{align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;display:inline-flex}.ab-status.published{color:#16a34a}.ab-status.draft{color:#6b7280}.dark .ab-status.published{color:#4ade80}.dark .ab-status.draft{color:#94a3b8}.ab-cell-date{color:#6b7280;white-space:nowrap;font-size:.83rem}.dark .ab-cell-date{color:#94a3b8}.ab-actions{justify-content:flex-end;gap:.4rem;display:flex}.ab-action-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ab-action-btn:hover{color:#1d4ed8;border-color:#22c55e}.ab-action-danger:hover{color:#dc2626;border-color:#dc2626}.dark .ab-action-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}.dark .ab-action-btn:hover{color:#4ade80;border-color:#4ade80}.dark .ab-action-danger:hover{color:#f87171;border-color:#f87171}.ab-empty{text-align:center;color:#9ca3af;font-size:.9rem;padding:2.5rem 1rem!important}.dark .ab-empty{color:#64748b}.ab-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ab-page-info{color:#6b7280;font-size:.85rem}.ab-page-info strong{color:#1e3a5f;font-weight:700}.dark .ab-page-info{color:#94a3b8}.dark .ab-page-info strong{color:#f1f5f9}.ab-page-controls{align-items:center;gap:.5rem;display:flex}.ab-page-controls button{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ab-page-controls button:hover:not(:disabled){color:#1d4ed8;border-color:#22c55e}.ab-page-controls button:disabled{opacity:.4;cursor:not-allowed}.dark .ab-page-controls button{color:#cbd5e1;background:#1e293b;border-color:#334155}.ab-page-current{color:#475569;padding:0 .5rem;font-size:.85rem;font-weight:600}.dark .ab-page-current{color:#cbd5e1}.ab-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;animation:.18s ab-fade;display:flex;position:fixed;inset:0}@keyframes ab-fade{0%{opacity:0}to{opacity:1}}.ab-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:92vh;animation:.22s ab-pop;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a40}@keyframes ab-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dark .ab-modal{background:#0f172a}.ab-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.ab-modal-header h2{color:#1e3a5f;margin:0;font-size:1.15rem;font-weight:700}.dark .ab-modal-header{border-bottom-color:#1e293b}.dark .ab-modal-header h2{color:#f1f5f9}.ab-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.ab-modal-close:hover{color:#1e3a5f;background:#f1f5f9}.dark .ab-modal-close:hover{color:#f1f5f9;background:#1e293b}.ab-form{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex;overflow-y:auto}.ab-form-row,.ab-form-grid{flex-direction:column;display:flex}.ab-form-grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.ab-form label{color:#374151;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.dark .ab-form label{color:#cbd5e1}.ab-required{color:#dc2626}.ab-form input[type=text],.ab-form input[type=url],.ab-form select,.ab-form textarea{color:#1e3a5f;resize:vertical;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;outline:none;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.ab-form input:focus,.ab-form select:focus,.ab-form textarea:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.dark .ab-form input,.dark .ab-form select,.dark .ab-form textarea{color:#f1f5f9;background:#1e293b;border-color:#334155}.ab-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:row!important;gap:.55rem!important}.ab-checkbox input{accent-color:#22c55e;cursor:pointer;width:18px;height:18px}.ab-checkbox span{color:#475569;align-items:center;gap:.35rem;font-weight:500;display:inline-flex}.dark .ab-checkbox span{color:#cbd5e1}.ab-form-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.ab-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);border:none;border-radius:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:box-shadow .2s}.ab-btn-primary:hover{box-shadow:0 6px 18px #22c55e40}.ab-btn-ghost{color:#475569;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:8px;padding:.6rem 1.15rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:border-color .15s,color .15s}.ab-btn-ghost:hover{color:#1d4ed8;border-color:#22c55e}.dark .ab-btn-ghost{color:#cbd5e1;border-color:#334155}.dark .ab-btn-ghost:hover{color:#4ade80;border-color:#4ade80}.ab-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:background .15s}.ab-btn-danger:hover{background:#b91c1c}.ab-confirm{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:420px;padding:1.75rem;animation:.22s ab-pop;box-shadow:0 24px 60px #0f172a40}.dark .ab-confirm{background:#0f172a}.ab-confirm-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto .85rem;display:flex}.dark .ab-confirm-icon{background:#dc262626}.ab-confirm h3{color:#1e3a5f;margin:0 0 .5rem;font-size:1.15rem}.ab-confirm p{color:#6b7280;margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.dark .ab-confirm h3{color:#f1f5f9}.dark .ab-confirm p{color:#94a3b8}.ab-confirm .ab-form-actions{justify-content:center}@media (width<=1100px){.ab-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.ab-main{padding:1rem}.ab-admin-info{display:none}.ab-form-grid{grid-template-columns:1fr}}@media (width<=520px){.ab-stats{grid-template-columns:1fr}.ab-header{flex-direction:column;align-items:flex-start}.ab-create-btn{justify-content:center;align-self:stretch}}.nf-shell{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 50%,#f0fdf4 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Inter,sans-serif;display:flex}.dark .nf-shell{background:linear-gradient(135deg,#0b1220 0%,#0f172a 50%,#0c1f1a 100%)}.nf-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:600px;padding:2.5rem 2rem;box-shadow:0 20px 60px #0f172a14}.dark .nf-card{background:#1e293b;border-color:#334155}.nf-code{letter-spacing:-4px;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:6rem;font-weight:900;line-height:1}.nf-title{color:#1e3a5f;letter-spacing:-.3px;margin:0 0 .75rem;font-size:1.75rem;font-weight:800}.dark .nf-title{color:#f1f5f9}.nf-subtitle{color:#6b7280;max-width:460px;margin:0 auto 2rem;font-size:.95rem;line-height:1.6}.dark .nf-subtitle{color:#94a3b8}.nf-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.nf-btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,border-color .15s;display:inline-flex}.nf-btn-primary{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#22c55e 100%)}.nf-btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #22c55e4d}.nf-btn-secondary{color:#1e3a5f;background:#fff;border-color:#e5e7eb}.nf-btn-secondary:hover{color:#1d4ed8;border-color:#22c55e}.dark .nf-btn-secondary{color:#f1f5f9;background:#0f172a;border-color:#334155}.dark .nf-btn-secondary:hover{color:#4ade80;border-color:#4ade80}.nf-suggestions{border-top:1px solid #f1f5f9;padding-top:1.5rem}.dark .nf-suggestions{border-top-color:#334155}.nf-suggestions-label{color:#6b7280;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.dark .nf-suggestions-label{color:#94a3b8}.nf-suggestions-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.nf-suggestions-grid a{color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.55rem .8rem;font-size:.83rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:block}.nf-suggestions-grid a:hover{color:#1d4ed8;background:#eff6ff;border-color:#22c55e}.dark .nf-suggestions-grid a{color:#cbd5e1;background:#0f172a;border-color:#334155}.dark .nf-suggestions-grid a:hover{color:#93c5fd;background:#1e3a5f;border-color:#4ade80}@media (width<=520px){.nf-code{font-size:4.5rem}.nf-title{font-size:1.4rem}.nf-card{padding:2rem 1.25rem}.nf-suggestions-grid{grid-template-columns:1fr}.nf-btn{justify-content:center;width:100%}}.bp-shell{color:#1e3a5f;background:#fff;padding:2rem 1.5rem 5rem;font-family:Inter,sans-serif;transition:background-color .3s}.dark .bp-shell{color:#f1f5f9;background:#0f172a}.bp-topnav{max-width:760px;margin:0 auto 1.5rem}.bp-back{color:#1d4ed8;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.bp-back:hover{color:#1e3a5f;background:#eff6ff}.dark .bp-back{color:#4ade80}.dark .bp-back:hover{color:#f1f5f9;background:#1e293b}.bp-hero{text-align:center;max-width:760px;margin:0 auto 2rem}.bp-cat{letter-spacing:.5px;text-transform:uppercase;color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-radius:999px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.dark .bp-cat{color:#4ade80;background:linear-gradient(135deg,#1e3a5f 0%,#0c1f1a 100%)}.bp-title{letter-spacing:-.6px;color:#1e3a5f;margin:0 0 1rem;font-size:2.4rem;font-weight:800;line-height:1.2}.dark .bp-title{color:#f1f5f9}.bp-excerpt{color:#6b7280;margin:0 0 1.5rem;font-size:1.1rem;line-height:1.6}.dark .bp-excerpt{color:#94a3b8}.bp-meta{color:#6b7280;flex-wrap:wrap;justify-content:center;gap:1.25rem;font-size:.85rem;display:inline-flex}.bp-meta span{align-items:center;gap:.35rem;display:inline-flex}.dark .bp-meta{color:#94a3b8}.bp-cover{background-color:#f1f5f9;background-position:50%;background-size:cover;border-radius:16px;max-width:1000px;height:420px;margin:0 auto 2.5rem}.dark .bp-cover{background-color:#1e293b}.bp-content{color:#374151;max-width:720px;margin:0 auto;font-size:1.05rem;line-height:1.8}.dark .bp-content{color:#cbd5e1}.bp-content h2{letter-spacing:-.3px;color:#1e3a5f;margin:2.25rem 0 .85rem;font-size:1.5rem;font-weight:800}.dark .bp-content h2{color:#f1f5f9}.bp-content p{margin:0 0 1.1rem}.bp-content ul,.bp-content ol{margin:0 0 1.25rem 1.25rem;padding-left:.5rem}.bp-content li{margin:.4rem 0}.bp-content strong{color:#1e3a5f;font-weight:700}.dark .bp-content strong{color:#f1f5f9}.bp-related{border-top:1px solid #e5e7eb;max-width:1100px;margin:4rem auto 0;padding-top:2.5rem}.dark .bp-related{border-top-color:#334155}.bp-related-title{color:#1e3a5f;text-align:center;letter-spacing:-.3px;margin:0 0 1.5rem;font-size:1.4rem;font-weight:800}.dark .bp-related-title{color:#f1f5f9}.bp-related-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.bp-related-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.bp-related-card:hover{border-color:#22c55e;transform:translateY(-3px);box-shadow:0 12px 28px #1d4ed814}.dark .bp-related-card{background:#1e293b;border-color:#334155}.dark .bp-related-card:hover{border-color:#4ade80}.bp-related-image{background-color:#f1f5f9;background-position:50%;background-size:cover;height:150px}.dark .bp-related-image{background-color:#0f172a}.bp-related-body{flex-direction:column;flex:1;gap:.55rem;padding:1rem 1.1rem 1.25rem;display:flex}.bp-related-cat{letter-spacing:.5px;text-transform:uppercase;color:#1d4ed8;background:#eff6ff;border-radius:999px;align-self:flex-start;padding:.25rem .55rem;font-size:.7rem;font-weight:700}.dark .bp-related-cat{color:#4ade80;background:#0c1f1a}.bp-related-body h3{color:#1e3a5f;flex:1;margin:0;font-size:1rem;font-weight:700;line-height:1.35}.dark .bp-related-body h3{color:#f1f5f9}.bp-related-link{color:#1d4ed8;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;display:inline-flex}.dark .bp-related-link{color:#4ade80}@media (width<=900px){.bp-related-grid{grid-template-columns:repeat(2,1fr)}.bp-cover{height:320px}}@media (width<=600px){.bp-shell{padding:1.5rem 1rem 4rem}.bp-title{font-size:1.7rem}.bp-excerpt{font-size:1rem}.bp-cover{border-radius:12px;height:220px}.bp-content{font-size:1rem}.bp-related-grid{grid-template-columns:1fr}}.legal-page{background-color:#f9fafb;min-height:70vh;padding:4rem 1.5rem;font-family:Inter,sans-serif;transition:background-color .3s}.dark .legal-page{background-color:#0c1424}.legal-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:850px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 20px #0000000a}.dark .legal-container{background-color:#1e293b;border-color:#334155}.legal-container h1{color:#1e3a5f;letter-spacing:-.5px;margin:0 0 .5rem;font-size:1.9rem;font-weight:800}.legal-container h2{color:#1e3a5f;margin:2rem 0 .75rem;font-size:1.15rem;font-weight:700}.dark .legal-container h1,.dark .legal-container h2{color:#f1f5f9}.legal-container p{color:#4b5563;margin:0 0 .5rem;font-size:.95rem;line-height:1.7}.dark .legal-container p{color:#cbd5e1}.legal-updated{color:#9ca3af!important;margin-bottom:1.5rem!important;font-size:.85rem!important}.contact-page{text-align:center}.contact-whatsapp-btn{color:#fff;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:12px;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.85rem 1.6rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.contact-whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #25d36659}@media (width<=600px){.legal-container{padding:1.5rem}.legal-container h1{font-size:1.5rem}}