:root{--bg:#070914;--card:rgba(255,255,255,0.06);--card-border:rgba(255,255,255,0.12);--text:#ffffff;--muted:#a7abc0;--accent:#7657ff;--accent-2:#3b82f6;--line:rgba(255,255,255,0.12);--ok:#46d39a;--danger:#ff6b81}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,Noto Sans SC,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.18),transparent 30%),radial-gradient(circle at 80% 70%,rgba(118,87,255,.24),transparent 32%),linear-gradient(180deg,#050711,#0a0d1c);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.page{width:100%;min-height:100vh;padding:34px 24px 80px;position:relative}.page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:54px 54px;mask-image:radial-gradient(circle at center,black,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);pointer-events:none}.container{max-width:1120px;margin:0 auto;position:relative;z-index:1}header{height:64px;justify-content:space-between;margin-bottom:80px}.logo,header{display:flex;align-items:center}.logo{gap:10px;font-weight:700;font-size:36px;letter-spacing:-.03em;transition:filter .2s ease}.logo:hover{filter:brightness(1.12)}.logo-icon{width:56px;height:56px;flex:none;border-radius:14px;overflow:hidden;box-shadow:0 0 30px rgba(118,87,255,.45)}.logo-icon img{display:block;width:100%;height:100%}nav{display:flex;align-items:center;gap:26px;font-size:14px;color:var(--muted)}.sign-in,nav .nav-link:hover{color:#fff}.sign-in{padding:10px 18px;border:1px solid var(--card-border);border-radius:14px;background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.25s ease;cursor:pointer}.sign-in:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}.lang{position:relative}.lang-btn{height:auto;display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--card-border);border-radius:13px;background:rgba(255,255,255,.04);color:#fff;font-size:14px;font-weight:500;cursor:pointer;box-shadow:none;transition:.2s ease}.lang-btn:hover{background:rgba(255,255,255,.09);transform:none;box-shadow:none}.lang-btn .chev{width:12px;height:12px;opacity:.65}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#0d1020;border:1px solid var(--card-border);border-radius:14px;padding:6px;box-shadow:0 24px 70px rgba(0,0,0,.55);z-index:30;animation:pop .13s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(-5px)}}.lang-menu .item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:#fff;cursor:pointer}.lang-menu .item:hover{background:rgba(255,255,255,.07)}.lang-menu .item .dot{width:7px;height:7px;border-radius:999px;background:linear-gradient(135deg,#fff,var(--accent));box-shadow:0 0 12px rgba(118,87,255,.8)}.lang-backdrop{position:fixed;inset:0;z-index:20}.hero{text-align:center;max-width:860px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(118,87,255,.35);background:rgba(118,87,255,.08);color:#c8c0ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:24px}.badge .live{width:6px;height:6px;border-radius:999px;background:#c8c0ff;box-shadow:0 0 10px #c8c0ff;animation:pulse 1.8s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}h1{max-width:700px;margin:0 auto;font-size:clamp(40px,6vw,74px);line-height:.96;letter-spacing:-.07em;font-weight:800}.gradient-text{background:linear-gradient(135deg,#ffffff 15%,#9da7ff 45%,#7657ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:24px auto 0;max-width:560px;color:var(--muted);font-size:18px;line-height:1.6}.generator-card{margin:44px auto 0;padding:10px;max-width:780px;display:flex;align-items:center;gap:12px;border-radius:22px;border:1px solid var(--card-border);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 30px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);transition:border-color .2s,box-shadow .2s}.generator-card:focus-within{border-color:rgba(118,87,255,.55);box-shadow:0 30px 90px rgba(0,0,0,.35),0 0 0 3px rgba(118,87,255,.18),inset 0 1px 0 rgba(255,255,255,.12)}.input-wrap{flex:1 1;display:flex;align-items:center;gap:12px;padding-left:16px;color:var(--muted);min-width:0}.input-wrap svg{flex-shrink:0}input{width:100%;height:54px;border:none;outline:none;background:transparent;color:#fff;font-size:15px}input::placeholder{color:#8f94aa}button{height:54px;padding:0 26px;border:none;border-radius:16px;color:#fff;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 34px rgba(118,87,255,.38),inset 0 1px 0 rgba(255,255,255,.25);transition:.25s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:9px}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 44px rgba(118,87,255,.5),inset 0 1px 0 rgba(255,255,255,.25)}button:disabled{opacity:.75;cursor:default}.benefits{display:flex;justify-content:center;gap:28px;margin-top:28px;color:var(--muted);font-size:14px}.benefits span{display:flex;align-items:center;gap:8px}.benefits b{color:#8fa2ff;font-weight:800}.notice{max-width:780px;margin:26px auto 0;display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:18px;border:1px solid var(--card-border);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.notice.error{border-color:rgba(255,107,129,.4);background:rgba(255,107,129,.08)}.notice .nicon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(118,87,255,.16);border:1px solid rgba(118,87,255,.32);color:#b9b0ff}.notice.error .nicon{background:rgba(255,107,129,.14);border-color:rgba(255,107,129,.35);color:#ffb3bd}.notice .nicon svg{width:20px;height:20px}.notice h4{font-size:16px;margin-bottom:5px;font-weight:700}.notice p{color:var(--muted);font-size:14.5px;line-height:1.55}.timeline-card{max-width:880px;margin:36px auto 0;padding:30px 34px;border-radius:26px;border:1px solid var(--card-border);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 30px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);animation:rise .22s ease-out}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:28px}.timeline-header h2{font-size:18px;letter-spacing:-.03em}.timeline-header .vtitle{font-size:13px;color:var(--muted);margin-top:4px;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy{flex:none;display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#d3d7e6;padding:9px 14px;border-radius:12px;border:1px solid var(--card-border);background:rgba(255,255,255,.05);cursor:pointer;transition:.2s ease}.copy:hover{background:rgba(255,255,255,.1)}.copy.done{color:var(--ok);border-color:rgba(70,211,154,.45);background:rgba(70,211,154,.1)}.copy svg{width:14px;height:14px}.timeline{position:relative;display:grid;grid-gap:20px;gap:20px}.timeline.horizontal{grid-auto-flow:column;grid-auto-columns:1fr}.timeline.horizontal:before{content:"";position:absolute;left:8%;right:8%;top:45px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));opacity:.9}.timeline.horizontal .chapter{text-align:center;min-height:92px}.timeline.horizontal .time{margin-bottom:12px}.timeline.horizontal .dot{margin:0 auto 14px}.timeline.vertical{gap:22px}.timeline.vertical:before{content:"";position:absolute;left:93px;top:10px;bottom:10px;width:3px;transform:translateX(-1.5px);border-radius:999px;background:linear-gradient(180deg,var(--accent-2),var(--accent));opacity:.85}.timeline.vertical .chapter{display:grid;grid-template-columns:78px 30px 1fr;align-items:center;text-align:left}.timeline.vertical .dot,.timeline.vertical .time{margin:0}.chapter{position:relative;z-index:1}.time{font-size:15px;font-weight:800}.dot{width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,#fff,var(--accent));box-shadow:0 0 24px rgba(118,87,255,.8)}.chapter-title{color:var(--muted);font-size:14px;line-height:1.4}.glow{position:absolute;width:420px;height:420px;border-radius:999px;background:rgba(118,87,255,.14);filter:blur(90px);right:-120px;bottom:80px;pointer-events:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:760px){.page{padding:20px 16px 56px}header{height:56px;margin-bottom:42px}.sign-in,nav .nav-link{display:none}nav{gap:8px}.lang-btn{min-height:44px}.hero{width:100%}.badge{margin-bottom:20px}.subtitle{margin-top:20px;font-size:16px;line-height:1.5}.generator-card{width:100%;margin-top:32px;flex-direction:column;align-items:stretch;gap:8px;padding:8px;border-radius:18px}.input-wrap{padding:0 8px}input{min-width:0;height:50px;font-size:16px}button{width:100%;min-height:50px}.benefits{flex-direction:column;align-items:center;gap:12px}.timeline-card{margin-top:28px;padding:22px 18px;border-radius:20px}.timeline-header{align-items:flex-start}.timeline-header>div{min-width:0}.timeline-header .vtitle{max-width:100%}.timeline.horizontal{grid-auto-flow:row;grid-auto-columns:auto}.timeline.horizontal:before{left:93px;right:auto;top:22px;bottom:22px;width:3px;height:auto;transform:translateX(-1.5px)}.timeline.horizontal .chapter{display:grid;grid-template-columns:78px 30px 1fr;align-items:center;text-align:left;min-height:auto}.timeline.horizontal .dot,.timeline.horizontal .time{margin:0}h1{font-size:clamp(36px,12vw,52px);line-height:1;letter-spacing:-.05em}}@media (max-width:480px){.timeline-header{flex-direction:column}.copy{width:100%;min-height:44px}.timeline.horizontal .chapter,.timeline.vertical .chapter{grid-template-columns:64px 24px minmax(0,1fr)}.timeline.horizontal:before,.timeline.vertical:before{left:76px}.chapter-title{overflow-wrap:anywhere}.notice{padding:16px}}@media (max-width:340px){.page{padding-inline:12px}.logo{font-size:32px}.lang-btn{padding-inline:10px}}