*{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:opacity .8s ease,pointer-events .8s ease}.site-loader.hidden{opacity:0;pointer-events:none}.site-loader__text{font-size:48px;font-weight:200;letter-spacing:-.03em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.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}.nav__list{display:none}.nav-toggle{display:block}.header__cta{display:none}}.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}.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}