@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&family=IBM+Plex+Sans:wght@300;400;500;600&family=Playfair+Display:wght@600;700&display=swap";:root{--bg: #04100e;--bg-alt: #030b0a;--bg-card: #060f0e;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--ink: #e6f2ef;--ink-dim: #a7c0ba;--ink-dimmer: #9fb8b2;--ink-faint: #93aca6;--ink-faintest: #7f9993;--ink-ghost: #5f7873;--accent: #39e5b0;--accent-bright: #7df3ce;--accent-soft: rgba(46, 226, 171, .22);--accent-2: #f0359b;--accent-2-soft: rgba(240, 53, 155, .4);--serif: "PT Serif", Georgia, serif;--sans: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;padding:0;background:radial-gradient(900px 520px at 78% -6%,rgba(240,53,155,.16),transparent 70%),radial-gradient(1100px 620px at 8% 6%,rgba(46,226,171,.1),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.016) 0 1px,transparent 1px 7px),linear-gradient(var(--bg),var(--bg-alt) 60%,var(--bg));font-family:var(--sans);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-bright)}.landing{overflow-x:clip}.container{max-width:1280px;margin:0 auto;padding:0 56px}.landing-header{position:sticky;top:0;z-index:20;height:64px;display:flex;align-items:center;gap:36px;padding:0 56px 0 72px;background:#0d1319;border-bottom:1px solid #223038;flex-wrap:wrap}.landing-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(46,230,200,.4) 15%,rgba(46,230,200,.4) 85%,transparent)}.landing-brand{display:flex;align-items:center;gap:10px}.app-brand-mark{width:34px;height:34px;border-radius:50%;border:1px solid #2ee6c8;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #2ee6c873;color:#7bf6e0;flex-shrink:0}.landing-brand-title{font-family:Playfair Display,Georgia,serif;font-weight:600;font-size:18px;letter-spacing:.02em;color:#d6e6ec;text-shadow:0 0 10px rgba(46,230,200,.45)}.landing-nav{display:flex;gap:30px;font-size:15px;color:var(--ink-faint);flex-wrap:wrap}.landing-nav a{color:var(--ink-faint)}.landing-nav a:hover{color:var(--accent)}.landing-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;border-radius:10px;padding:11px 18px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:filter .15s,border-color .15s,color .15s,background .15s}.btn-ghost{color:#cfe4de;border-color:var(--line-strong);font-weight:400}.btn-ghost:hover{border-color:#2ee2ab80;color:var(--accent)}.btn-primary{color:#03211b;background:linear-gradient(180deg,#54efbe,#2ad39c);box-shadow:0 8px 24px #2ee2ab38}.btn-primary:hover{filter:brightness(1.08);color:#03211b}.btn-lg{font-size:17px;padding:16px 30px;border-radius:12px}.btn-outline{color:#dcefe9;border-color:var(--line-strong);font-weight:400}.btn-outline:hover{border-color:#2ee2ab73;color:var(--accent)}.hero{position:relative;padding:96px 56px 84px;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;max-width:1440px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;border:1px solid var(--accent-2-soft);background:#f0359b14;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ff86c4}.hero h1{font-family:var(--serif);font-weight:700;font-size:60px;line-height:1.08;margin:22px 0 0;letter-spacing:-.5px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:19px;line-height:1.65;color:var(--ink-dim);max-width:560px;margin:22px 0 0}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-facts{display:flex;gap:34px;margin-top:38px;font-size:14px;color:var(--ink-faintest);flex-wrap:wrap}.hero-visual{position:relative}.hero-visual-glow{position:absolute;top:-40px;right:-20px;bottom:-30px;left:10px;background:radial-gradient(closest-side,rgba(46,226,171,.18),transparent 75%);animation:pulseGlow 7s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,to{opacity:.45}50%{opacity:.9}}.hero-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(46,226,171,.28);box-shadow:0 40px 90px #0009}.hero-card-image{position:relative;width:100%;height:400px;background:#0a1a17 center / cover no-repeat}.hero-card-caption{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 22px;background:linear-gradient(to top,rgba(3,10,9,.96) 12%,rgba(3,10,9,.55) 60%,transparent)}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero-card-title{font-family:var(--serif);font-weight:700;font-size:28px;margin-top:8px}.hero-card-meta{display:flex;align-items:center;gap:14px;margin-top:10px;font-size:13px;color:#9db7b1}.stars{display:inline-flex;gap:2px;color:var(--accent)}.stars svg{color:#ffffff38}.stars svg.filled{color:var(--accent)}.section{max-width:1440px;margin:0 auto;padding:0 56px 96px}.section-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.section-title{font-family:var(--serif);font-size:44px;font-weight:700;margin:14px 0 8px;letter-spacing:-.3px}.section-lead{font-size:17px;color:var(--ink-dimmer);margin:0 0 40px;max-width:640px}.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:34px;flex-wrap:wrap}.features-grid{max-width:1440px;margin:0 auto;padding:10px 56px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:28px;border-radius:16px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid var(--line)}.feature-card.highlight{background:linear-gradient(180deg,#2ee2ab12,#ffffff03);border-color:#2ee2ab38}.feature-card h3{font-family:var(--serif);font-size:22px;font-weight:700;margin:0}.feature-card p{margin:12px 0 0;font-size:15.5px;line-height:1.65;color:var(--ink-dimmer)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.step-card{padding:32px 26px 34px;background:#050f0e}.step-number{font-family:var(--serif);font-size:38px;color:#2ee2ab73;line-height:1}.step-title{font-size:18px;font-weight:600;margin-top:14px}.step-text{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--ink-faint)}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-card{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--bg-card);transition:border-color .15s}.case-card:hover{border-color:#2ee2ab73}.case-card.free{border-color:#2ee2ab4d;box-shadow:0 20px 50px #0006}.case-card.free:hover{border-color:#2ee2ab99}.case-card-image{position:relative;width:100%;height:230px;background:#0a1a17 center / cover no-repeat}.case-card-tag{position:absolute;left:14px;top:14px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.case-card-tag.free{background:#2ee2abeb;color:#03211b}.case-card-body{padding:20px 20px 22px}.case-card-genre{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faintest);margin-top:8px}.hero-card-tags{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.case-card-title{font-family:var(--serif);font-size:23px;font-weight:700;margin-top:8px}.case-card-desc{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink-faint)}.case-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:14px;color:var(--ink-faintest)}.case-card-price{font-size:16px;font-weight:600}.case-card-price.accent{color:var(--accent)}.cases-more-hint{margin-top:28px;font-size:14.5px;color:var(--ink-ghost);text-align:center}.format-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.format-points{display:flex;flex-direction:column;gap:10px;margin-top:28px;padding-top:26px;border-top:1px solid var(--line);font-size:15.5px;color:var(--ink-dimmer)}.difficulty-list{display:flex;flex-direction:column;gap:12px}.difficulty-row{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;padding:20px 22px;border-radius:14px;background:#ffffff08;border:1px solid var(--line)}.difficulty-row.mid{background:#2ee2ab0f;border-color:#2ee2ab38}.difficulty-row-title{font-size:16px;font-weight:600}.difficulty-row-text{font-size:14px;color:#8ba7a1;margin-top:3px}.cta-banner{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(46,226,171,.3);background:radial-gradient(700px 320px at 85% 10%,rgba(240,53,155,.14),transparent 70%),linear-gradient(120deg,#2ee2ab1a,#ffffff05);padding:56px}.cta-banner-row{display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap}.cta-banner h2{font-family:var(--serif);font-size:40px;font-weight:700;margin:0;letter-spacing:-.3px;max-width:640px}.cta-banner p{font-size:17px;line-height:1.7;color:#b3cbc5;margin:16px 0 0;max-width:640px}.cta-banner-actions{display:flex;flex-direction:column;gap:12px;min-width:280px}.cta-banner-actions .btn{text-align:center;justify-content:center;font-size:16px;padding:15px 28px;border-radius:12px}.cta-banner-actions .btn-primary{font-size:17px;padding:17px 28px;box-shadow:0 14px 40px #2ee2ab3d}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:56px;align-items:start}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{padding:20px 22px;border-radius:14px;background:#ffffff08;border:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:600;color:var(--ink);list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{color:var(--accent);font-size:20px;transition:transform .2s ease;flex-shrink:0}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{margin:14px 0 0;font-size:15.5px;line-height:1.7;color:var(--ink-dimmer)}.landing-footer{border-top:1px solid var(--line);background:#02080799}.footer-grid{max-width:1440px;margin:0 auto;padding:48px 56px 40px;display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:40px}.footer-brand-row{display:flex;align-items:center;gap:12px}.footer-brand-mark{width:32px;height:32px}.footer-brand-title{font-family:var(--serif);font-weight:700;font-size:18px}.footer-tagline{margin:16px 0 0;font-size:14px;line-height:1.7;color:var(--ink-faintest);max-width:340px}.footer-col{display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-col-title{color:var(--ink-ghost);text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:4px}.footer-col a{color:var(--ink-dim)}.footer-bottom{max-width:1440px;margin:0 auto;padding:20px 56px 36px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:center;font-size:13px;color:var(--ink-ghost)}@media (max-width: 1100px){.container,.hero,.section,.features-grid,.footer-grid,.footer-bottom,.landing-header{padding-left:32px;padding-right:32px}.hero{grid-template-columns:1fr}.hero h1{font-size:46px}.features-grid,.cases-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.format-grid,.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 680px){.landing-header{height:auto;min-height:64px;padding:10px 20px;gap:10px 16px}.landing-nav{display:none}.landing-header-actions{margin-left:0}.hero{padding:40px 20px 48px}.hero h1{font-size:34px}.hero-lead{font-size:17px}.hero-card-image{height:220px}.section,.features-grid{padding-left:20px;padding-right:20px}.features-grid,.cases-grid,.steps-grid{grid-template-columns:1fr}.difficulty-row{grid-template-columns:1fr;justify-items:start;gap:8px;padding:16px 18px}.cta-banner{padding:32px 24px}.cta-banner-row{flex-direction:column;align-items:stretch}.cta-banner-actions{min-width:0}.faq-item{padding:16px 18px}.footer-grid{grid-template-columns:1fr;padding:40px 20px 32px}.footer-bottom{padding:16px 20px 28px}}