*{margin:0;padding:0;box-sizing:border-box}:root{--purple: #8a63d2;--purple-light: #a78bfa;--cyan: #06b6d4;--amber: #f59e0b;--yellow: #fbbf24;--pink: #ec4899;--dark: #030014;--dark-2: #0a0a1a;--gray-1: #1a1a2e;--gray-2: #16213e;--gray-3: #1f1f3a;--gray-4: #a0a0b0;--white: #ffffff;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--dark);color:var(--white);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{position:relative;min-height:100vh}.canvas-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.content{position:relative;z-index:1}.site-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:all .8s cubic-bezier(.85,0,.15,1)}.site-loader.hidden{opacity:0;visibility:hidden;transform:translateY(-100%)}.site-loader__logo{font-size:64px;font-weight:200;letter-spacing:-.03em;margin-bottom:2rem;background:linear-gradient(135deg,var(--purple-light) 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:logoFade 2s ease-in-out infinite}.site-loader__progress{width:200px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.site-loader__bar{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),transparent);animation:loading 2s cubic-bezier(.85,0,.15,1) infinite}@keyframes logoFade{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:all .3s ease}.header.scrolled{background:#030014e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 3rem}.header__inner{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto}.header__logo{display:flex;align-items:center;gap:12px;cursor:pointer;background:none;border:none;color:var(--white)}.header__logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.header__logo-text{font-size:24px;font-weight:600;letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:2rem}.nav__list{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav__link{color:var(--gray-4);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;transition:color .3s ease;cursor:pointer;background:none;border:none}.nav__link:hover{color:var(--white)}.header__actions{display:flex;align-items:center;gap:1rem}.btn{padding:12px 24px;font-size:14px;font-weight:600;letter-spacing:.025em;text-transform:uppercase;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn--primary{background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);color:var(--white)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #8a63d266}.btn--secondary{background:transparent;border:1px solid var(--purple);color:var(--purple-light)}.btn--secondary:hover{background:#8a63d21a}.btn--outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white)}.btn--outline:hover{border-color:var(--purple);background:#8a63d21a}.btn--large{padding:16px 32px;font-size:16px}.btn--small{padding:8px 16px;font-size:12px}.nav-toggle{display:none;background:none;border:none;color:var(--white);cursor:pointer;padding:8px}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#030014fa;z-index:99;padding:6rem 2rem}.mobile-menu.active{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.mobile-menu .nav__link{font-size:24px}@media (max-width: 768px){.header{padding:1rem 1.5rem}.header.scrolled{padding:.8rem 1.5rem}.nav__list{display:none}.nav-toggle{display:block}.header__actions{display:none}.section{padding:6rem 1.5rem}.section--hero{padding-top:8rem}}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 3rem;max-width:1400px;margin:0 auto}.section--centered{align-items:center;text-align:center}.section--hero{min-height:100vh;padding-top:10rem}.landing__title{font-size:clamp(48px,12vw,150px);font-weight:200;line-height:.9;letter-spacing:-.03em;margin-bottom:2rem}.landing__title span{display:block}.landing__title .highlight{background:linear-gradient(135deg,var(--purple-light) 0%,var(--cyan) 50%,var(--amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__subtitle{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--yellow);margin-bottom:1.5rem}.landing__description{font-size:24px;font-weight:200;line-height:1.5;letter-spacing:-.02em;max-width:600px;color:var(--gray-4);margin-bottom:2rem}.intro__title{font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.5rem}.intro__body{font-size:clamp(18px,2.5vw,24px);font-weight:200;line-height:1.5;letter-spacing:-.02em;max-width:800px;color:var(--gray-4)}.tools-section{padding:4rem 3rem;min-height:auto}.tools-section__title{font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.2;letter-spacing:-.03em;margin-bottom:1rem;text-align:center}.tools-section__subtitle{font-size:18px;color:var(--gray-4);text-align:center;margin-bottom:3rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.tool-card{background:linear-gradient(135deg,#8a63d214,#06b6d40d);border:1px solid rgba(138,99,210,.2);border-radius:20px;padding:2rem;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8a63d233,#06b6d41a);opacity:0;transition:opacity .4s ease}.tool-card:hover{transform:translateY(-8px);border-color:var(--purple);box-shadow:0 20px 60px #8a63d24d}.tool-card:hover:before{opacity:1}.tool-card__icon{width:60px;height:60px;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:1}.tool-card__title{font-size:24px;font-weight:600;margin-bottom:.75rem;position:relative;z-index:1}.tool-card__description{font-size:15px;color:var(--gray-4);line-height:1.5;position:relative;z-index:1}.pricing-section{padding:6rem 3rem;min-height:auto}.pricing-section__title{font-size:clamp(40px,6vw,72px);font-weight:200;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;text-align:center}.pricing-section__subtitle{font-size:18px;color:var(--gray-4);text-align:center;margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;max-width:1100px;margin:0 auto}.pricing-card{background:var(--gray-1);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;position:relative;transition:all .4s ease}.pricing-card--featured{background:linear-gradient(135deg,#8a63d226,#06b6d41a);border-color:var(--purple)}.pricing-card:hover{transform:translateY(-8px)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);padding:6px 20px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-card__name{font-size:28px;font-weight:600;margin-bottom:.5rem}.pricing-card__price{font-size:48px;font-weight:200;margin-bottom:.5rem}.pricing-card__price span{font-size:18px;color:var(--gray-4)}.pricing-card__description{font-size:15px;color:var(--gray-4);margin-bottom:2rem}.pricing-card__features{list-style:none;margin-bottom:2rem}.pricing-card__feature{display:flex;align-items:center;gap:12px;padding:.75rem 0;font-size:15px;color:var(--gray-4)}.pricing-card__feature svg{color:var(--cyan);flex-shrink:0}.footer{padding:4rem 3rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer__inner{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem}.footer__logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600}.footer__links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.footer__link{color:var(--gray-4);text-decoration:none;font-size:14px;transition:color .3s ease}.footer__link:hover{color:var(--white)}.footer__copyright{font-size:14px;color:var(--gray-4)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#030014e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:var(--gray-1);border:1px solid rgba(138,99,210,.3);border-radius:24px;padding:3rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--gray-4);cursor:pointer;padding:8px;transition:color .3s ease}.modal__close:hover{color:var(--white)}.modal__title{font-size:32px;font-weight:600;margin-bottom:.5rem;text-align:center}.modal__subtitle{font-size:16px;color:var(--gray-4);text-align:center;margin-bottom:2rem}.auth-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--gray-4);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.auth-divider span{padding:0 15px}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:.5rem;color:var(--gray-4)}.form-input{width:100%;padding:14px 16px;background:var(--dark-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white);font-size:16px;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #8a63d233}.form-input::placeholder{color:var(--gray-4)}.form-select{width:100%;padding:14px 16px;background:var(--dark-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white);font-size:16px;cursor:pointer}.form-select:focus{outline:none;border-color:var(--purple)}.form-textarea{width:100%;padding:14px 16px;background:var(--dark-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white);font-size:16px;resize:vertical;min-height:150px;font-family:var(--font)}.form-textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #8a63d233}.form-error{color:#ef4444;font-size:13px;margin-top:.5rem}.tool-modal{max-width:700px}.tool-modal__header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.tool-modal__icon{width:50px;height:50px;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);border-radius:14px;display:flex;align-items:center;justify-content:center}.tool-modal__title{font-size:28px;font-weight:600}.tool-output{background:var(--dark-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:1.5rem;min-height:150px;max-height:400px;overflow-y:auto;white-space:pre-wrap;font-size:15px;line-height:1.6;color:var(--gray-4)}.tool-output.loading{display:flex;align-items:center;justify-content:center}.spinner{width:40px;height:40px;border:3px solid rgba(138,99,210,.2);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.usage-bar{background:var(--dark-2);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem}.usage-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.usage-bar__label{font-size:14px;font-weight:500}.usage-bar__count{font-size:14px;color:var(--gray-4)}.usage-bar__track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.usage-bar__fill{height:100%;background:linear-gradient(90deg,var(--purple) 0%,var(--cyan) 100%);border-radius:4px;transition:width .3s ease}.user-menu{position:relative}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.user-avatar:hover{border-color:var(--white)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--gray-1);border:1px solid rgba(138,99,210,.3);border-radius:16px;padding:1rem;min-width:250px;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown__header{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.user-dropdown__name{font-weight:600;margin-bottom:.25rem}.user-dropdown__email{font-size:13px;color:var(--gray-4)}.user-dropdown__plan{display:inline-block;background:linear-gradient(135deg,var(--purple) 0%,var(--cyan) 100%);padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.user-dropdown__item{display:flex;align-items:center;gap:12px;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .3s ease;background:none;border:none;color:var(--white);width:100%;text-align:left;font-size:15px}.user-dropdown__item:hover{background:#8a63d21a}.payment-modal{max-width:450px}.payment-modal__plan{text-align:center;margin-bottom:2rem}.payment-modal__plan-name{font-size:24px;font-weight:600;margin-bottom:.5rem}.payment-modal__plan-price{font-size:48px;font-weight:200}.payment-modal__plan-price span{font-size:18px;color:var(--gray-4)}.card-input{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.success-animation{text-align:center;padding:2rem 0}.success-animation__icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-animation__title{font-size:28px;font-weight:600;margin-bottom:.5rem}.success-animation__text{color:var(--gray-4);margin-bottom:1.5rem}.limit-modal{text-align:center;max-width:400px}.limit-modal__icon{width:80px;height:80px;background:linear-gradient(135deg,var(--amber) 0%,var(--pink) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.limit-modal__title{font-size:28px;font-weight:600;margin-bottom:.5rem}.limit-modal__text{color:var(--gray-4);margin-bottom:1.5rem}.limit-modal__reset{font-size:14px;color:var(--gray-4);margin-bottom:1.5rem}@media (max-width: 768px){.section{padding:6rem 1.5rem}.landing__title{font-size:clamp(36px,10vw,80px)}.landing__description{font-size:18px}.tools-grid,.pricing-grid{grid-template-columns:1fr}.modal{padding:2rem;margin:1rem}.card-input{grid-template-columns:1fr}}.fade-in{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pro-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--amber) 0%,var(--pink) 100%);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-left:8px}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dark-1);padding:20px}.admin-login__card{background:var(--dark-2);padding:40px;border-radius:16px;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.1)}.admin-login__logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px}.admin-login__logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--purple) 0%,var(--pink) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff}.admin-login__logo span{font-size:24px;font-weight:700;color:var(--white)}.admin-login__card h1{text-align:center;margin-bottom:30px;color:var(--white)}.admin-login__card input{width:100%;padding:14px 16px;margin-bottom:16px;background:var(--dark-1);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--white);font-size:16px}.admin-login__card button{width:100%;padding:14px;background:var(--purple);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-login__card button:hover{background:var(--purple-dark)}.admin-login__card .error{color:var(--red);text-align:center;margin-bottom:16px}.admin-panel{min-height:100vh;background:var(--dark-1);color:var(--white)}.admin-header{background:var(--dark-2);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.admin-header h1{font-size:24px}.admin-header__brand{display:flex;align-items:center;gap:12px}.admin-header__logo{width:40px;height:40px;background:linear-gradient(135deg,var(--purple) 0%,var(--pink) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff}.admin-header__brand span{font-size:20px;font-weight:600;color:var(--white)}.logout-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--dark-1);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--white);cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:40px}.stat-card{background:var(--dark-2);padding:24px;border-radius:16px;display:flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.1)}.stat-card svg{color:var(--purple)}.stat-card h3{font-size:32px;margin-bottom:4px}.stat-card p{color:var(--gray-4);font-size:14px}.admin-users{padding:0 40px 40px}.admin-users h2{margin-bottom:20px}.admin-users table{width:100%;background:var(--dark-2);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.admin-users th,.admin-users td{padding:16px 20px;text-align:left;background:var(--dark-2);color:var(--white)}.admin-users tbody tr td{background:var(--dark-2)}.admin-users th{background:var(--dark-1);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-4)}.admin-users tr:not(:last-child) td{border-bottom:1px solid rgba(255,255,255,.05)}.plan-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.plan-free{background:#ffffff1a}.plan-pro{background:linear-gradient(135deg,var(--amber) 0%,var(--pink) 100%)}.plan-team{background:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 100%)}.plan-select{padding:8px 12px;background:var(--dark-1);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--white);cursor:pointer}.hidden{display:none}.tool-element{margin-top:16px;text-align:center}.tool-element img{max-width:100%;border-radius:12px}.tool-element audio{width:100%;margin-top:12px}.nav-btn-custom{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.nav-btn-custom:hover{background:#ffffff0d;color:#fff}.nav-btn-custom.active-nav{background:linear-gradient(90deg,#8a63d226,#06b6d426);border-left:3px solid #8a63d2;color:#fff;font-weight:600}.nav-btn-custom.logout-btn-custom{background:#ef44441a;color:#ef4444}.nav-btn-custom.logout-btn-custom:hover{background:#ef444433}.nav-btn-custom.outline-btn-custom{border:1px solid rgba(255,255,255,.15);color:#fff;justify-content:center;font-size:14px}.nav-btn-custom.outline-btn-custom:hover{background:#ffffff1a}.quick-action-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.5rem;text-align:left;cursor:pointer;transition:all .3s ease}.quick-action-card:hover{background:#ffffff0d;transform:translateY(-2px);border-color:#8a63d266}.quick-action-card h4{margin:.75rem 0 .25rem;font-size:1rem;color:#fff}.quick-action-card p{color:#ffffff80;font-size:.8rem;margin:0}.tool-select-btn{display:flex;align-items:center;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left}.tool-select-btn:hover{background:#ffffff0a;color:#fff}.tool-select-btn.active{background:#ffffff14;color:#fff;font-weight:600}