*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app-title{text-align:center;font-size:38px;font-weight:800;margin-bottom:6px;color:#e4adf8;letter-spacing:.6px}.app-subtitle{text-align:center;font-size:15px;margin-bottom:26px;color:#ffffffbf}body{min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;align-items:center;justify-content:center;color:#fff}.container{width:100%;max-width:850px;padding:32px;border-radius:20px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 40px #00000059}.topic-input{width:100%;padding:14px 18px;border-radius:12px;border:none;outline:none;font-size:16px;background:#ffffff26;color:#fff;margin-bottom:16px;transition:all .3s ease}.topic-input::placeholder{color:#ffffffb3}.topic-input:focus{background:#ffffff38;box-shadow:0 0 0 2px #d000ff66}.generate-btn{width:100%;padding:14px;border-radius:14px;border:none;font-size:16px;font-weight:600;cursor:pointer;color:#fbe6ff;background:linear-gradient(135deg,#d66efd,#753ad5);transition:transform .25s ease,box-shadow .25s ease,opacity .25s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #9d00ff59}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.roadmap{margin-top:30px;display:flex;flex-direction:column;gap:22px;position:relative}.roadmap:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#d66efd,#d900ff1a)}.roadmap-step{position:relative;padding:20px 22px 20px 50px;border-radius:16px;background:#ffffff1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 25px #00000040;transition:transform .3s ease,box-shadow .3s ease}.roadmap-step:hover{transform:translate(6px) translateY(-2px);box-shadow:0 16px 35px #e100ff40}.roadmap-step:before{content:"";position:absolute;left:6px;top:26px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#d66efd,#703ad5);box-shadow:0 0 0 4px #ae00ff40}.step-title{font-size:18px;font-weight:600;margin-bottom:6px;color:#fff}.step-desc{font-size:14.5px;line-height:1.6;color:#ffffffe6;margin-bottom:10px}.step-time{display:inline-block;font-size:13px;padding:6px 12px;border-radius:999px;background:#bf58c3c7;color:#f2dff9;font-weight:500}@media(max-width:600px){.container{padding:22px}.roadmap-step{padding:18px 18px 18px 46px}.step-title{font-size:16px}}