*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fafafa;color:#1a1a1a;line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:70vh;background-color:#fafafa;background-image:radial-gradient(circle 150px at 15% 60%,rgba(124,58,237,.12) 0%,transparent 100%),radial-gradient(circle 200px at 85% 20%,rgba(91,33,182,.1) 0%,transparent 100%),radial-gradient(circle 120px at 50% 80%,rgba(124,58,237,.15) 0%,transparent 100%),radial-gradient(circle at 20% 30%,rgba(124,58,237,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(91,33,182,.06) 0%,transparent 50%),radial-gradient(circle,rgba(124,58,237,.12) 1px,transparent 1px);background-size:auto,auto,auto,auto,auto,24px 24px}.hero__title{font-size:48px;font-weight:600;color:#1a1a1a;margin-bottom:16px;max-width:700px}.hero__subtitle{font-size:20px;font-weight:400;color:#666;margin-bottom:48px;max-width:560px}.hero__form{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px}.hero__field{display:flex;flex-direction:column;gap:8px;text-align:left}.hero__label{font-size:14px;font-weight:500;color:#1a1a1a}.hero__input{width:100%;padding:16px 20px;font-size:16px;font-family:inherit;border:1px solid #E5E5E5;border-radius:12px;background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #0000000a;transition:border-color .2s,box-shadow .2s}.hero__input:focus{outline:none;border-color:#7c3aed;box-shadow:0 2px 12px #7c3aed1f}.hero__input::placeholder{color:#999}.hero__textarea{width:100%;min-height:100px;padding:16px 20px;font-size:16px;font-family:inherit;border:1px solid #E5E5E5;border-radius:12px;background:#fff;color:#1a1a1a;resize:none;box-shadow:0 2px 8px #0000000a;transition:border-color .2s,box-shadow .2s}.hero__textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 2px 12px #7c3aed1f}.hero__textarea::placeholder{color:#999}.hero__textarea:placeholder-shown:not(:focus){animation:pulse-border 2s ease-in-out infinite}.hero__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:500;font-family:inherit;color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:8px}.hero__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed66}.hero__button:active:not(:disabled){transform:translateY(0)}.hero__button:disabled{opacity:.5;cursor:not-allowed}.hero__hint{margin-top:4px;font-size:14px;color:#ef4444;opacity:0;transition:opacity .2s}.hero__hint--visible{opacity:1}.how-it-works{padding:60px 20px;background:#fff;border-top:1px solid #E5E5E5}.how-it-works__title{font-size:24px;font-weight:600;text-align:center;margin-bottom:40px;color:#1a1a1a}.how-it-works__steps{display:flex;justify-content:center;gap:40px;max-width:900px;margin:0 auto}.step{flex:1;max-width:260px;text-align:center}.step__icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:16px;color:#7c3aed}.step__title{font-size:18px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.step__description{font-size:14px;color:#666}.step__arrow{display:flex;align-items:center;font-size:24px;color:#7c3aed;font-weight:300}.telegram-footer{padding:40px 20px;text-align:center;background:#fafafa;border-top:1px solid #E5E5E5}.telegram-footer__text{font-size:16px;color:#666;margin-bottom:16px}.telegram-footer__button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;font-family:inherit;color:#fff;background:#08c;border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}.telegram-footer__button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #08c6}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.loading-screen__spinner{width:48px;height:48px;border:3px solid #E5E5E5;border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__text{font-size:18px;color:#666}.loading-screen__query{font-size:14px;color:#999;margin-top:8px;max-width:400px;text-align:center}.loading-screen__hint{font-size:13px;color:#aaa;margin-top:12px;text-align:center}.loading-screen__dots{display:flex;gap:8px;margin-top:24px}.loading-screen__dot{width:10px;height:10px;border-radius:50%;background:#e5e5e5;transition:background .3s}.loading-screen__dot--active{background:#7c3aed}.result{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.result-card{width:100%;max-width:600px;background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014;overflow:hidden}.result-card__section{padding:24px;border-bottom:1px solid #E5E5E5}.result-card__section:last-child{border-bottom:none}.result-card__section--idea{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.result-card__header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#7c3aed;margin-bottom:12px}.result-card__idea{font-size:24px;font-weight:600;color:#1a1a1a;line-height:1.3}.result-card__list{list-style:none;display:flex;flex-direction:column;gap:8px}.result-card__list li{position:relative;padding-left:20px;color:#1a1a1a}.result-card__list li:before{content:"•";position:absolute;left:0;color:#7c3aed;font-weight:700}.result-card__process{display:grid;grid-template-columns:1fr 1fr;gap:24px}.result-card__process-header{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.result-card__steps{list-style:none;counter-reset:step;display:flex;flex-direction:column;gap:8px}.result-card__steps li{counter-increment:step;position:relative;padding-left:24px;font-size:14px;color:#666}.result-card__steps li:before{content:counter(step) ".";position:absolute;left:0;color:#7c3aed;font-weight:500}.result-card__tool{display:flex;flex-direction:column;gap:12px}.result-card__tool-name{font-size:20px;font-weight:600;color:#1a1a1a}.result-card__tool-why{font-size:14px;color:#666;line-height:1.6}.result-card__tool-price{font-size:14px;font-weight:500;color:#1a1a1a}.result-card__details{display:flex;flex-direction:column;gap:8px}.result-card__detail{display:flex;align-items:center;gap:8px;font-size:14px;color:#1a1a1a}.result-card__detail-icon{color:#22c55e}.result__reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:10px 20px;font-size:14px;font-weight:400;font-family:inherit;color:#7c3aed;background:transparent;border:1px solid #7C3AED;border-radius:12px;cursor:pointer;transition:background .2s,color .2s}.result__reset:hover{background:#7c3aed;color:#fff}.telegram-cta{background:linear-gradient(135deg,#7c3aed,#08c);color:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #7c3aed4d;margin-top:32px;margin-bottom:24px}.telegram-cta__header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.telegram-cta__avatar{width:64px;height:64px;border-radius:50%;border:3px solid rgba(255,255,255,.3);object-fit:cover}.telegram-cta__author{display:flex;flex-direction:column;gap:4px}.telegram-cta__channel{font-size:18px;font-weight:600;color:#fff}.telegram-cta__name{font-size:14px;color:#ffffffd9}.telegram-cta__greeting{font-size:18px;font-weight:600;margin:0 0 16px}.telegram-cta__description{font-size:16px;opacity:.95;line-height:1.5;margin:0 0 16px}.telegram-cta__description:last-of-type{margin-bottom:24px}.telegram-cta__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;font-family:inherit;background:#fff;color:#7c3aed;border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.telegram-cta__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-border{0%,to{border-color:#e5e5e5;box-shadow:0 0 #7c3aed00}50%{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}}.hero__title,.hero__subtitle,.hero__form,.how-it-works,.telegram-footer{opacity:0;animation:fadeInUp .6s ease-out forwards}.hero__title{animation-delay:0s}.hero__subtitle{animation-delay:.1s}.hero__form{animation-delay:.2s}.how-it-works{animation-delay:.4s}.telegram-footer{animation-delay:.6s}@media(max-width:768px){.hero{padding:40px 16px;min-height:auto}.hero__title{font-size:32px}.hero__subtitle{font-size:18px;margin-bottom:32px}.hero__form{gap:20px}.hero__input,.hero__textarea{padding:14px 16px}.hero__button{width:100%}.how-it-works__steps{flex-direction:column;align-items:center;gap:0}.step{max-width:100%}.step__arrow{transform:rotate(90deg);margin:16px 0}.result{padding:24px 16px}.result-card__section{padding:20px}.result-card__idea{font-size:20px}.result-card__process{grid-template-columns:1fr;gap:20px}.result__reset{width:100%}.telegram-cta{padding:24px}.telegram-cta__header{flex-direction:column;text-align:center}.telegram-cta__author{align-items:center}.telegram-cta__greeting{font-size:16px}.telegram-cta__description{font-size:14px}.telegram-cta__button{width:100%}}