*{box-sizing:border-box}body{color:#f8fafc;background:#080b16;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.app{background:radial-gradient(circle at 20% 10%,#6366f140,#0000 30%),radial-gradient(circle at 80% 20%,#8b5cf633,#0000 30%),linear-gradient(135deg,#080b16 0%,#11162a 50%,#080b16 100%);min-height:100vh;padding:70px 20px}.header{text-align:center;margin-bottom:45px}.badge{color:#a5b4fc;letter-spacing:1.5px;background:#6366f126;border:1px solid #818cf84d;border-radius:999px;padding:7px 16px;display:inline-block;margin-bottom:18px!important;font-size:12px!important;font-weight:700!important}.title{letter-spacing:-1.5px;color:#fff;margin-bottom:12px!important;font-size:48px!important;font-weight:800!important}.subtitle{color:#94a3b8;font-size:18px!important}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #94a3b826;padding:34px;background:#0f172ac7!important;border-radius:22px!important;box-shadow:0 25px 70px #00000059,inset 0 1px #ffffff0a!important}.section-title{color:#f8fafc;font-size:20px!important;font-weight:700!important}.section-description{color:#94a3b8;margin-top:5px!important;margin-bottom:15px!important}.card .MuiOutlinedInput-root{color:#f8fafc;background:#0f172ab3;border-radius:12px}.card .MuiOutlinedInput-notchedOutline{border-color:#94a3b833}.card .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#818cf899}.card .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#6366f1}.card .MuiInputLabel-root{color:#94a3b8}.card .MuiInputLabel-root.Mui-focused{color:#a5b4fc}.card .MuiSelect-select{color:#f8fafc}.generate-button{height:54px;text-transform:none!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-radius:12px!important;margin-top:25px!important;font-size:15px!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 10px 25px #6366f140!important}.generate-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #6366f166!important}.generate-button:disabled{color:#64748b!important;box-shadow:none!important;background:#272d45!important}.settings-button{width:100%;color:#a5b4fc!important;text-transform:none!important;justify-content:space-between!important;padding:12px 4px!important;font-size:15px!important;font-weight:600!important;display:flex!important}.settings-button:hover{background:#6366f10f!important}.settings-box{background:#02061773;border:1px solid #94a3b81f;border-radius:14px;margin-top:12px;padding:20px}.settings-description{color:#94a3b8;margin-bottom:8px!important;font-size:14px!important;line-height:1.5!important}.error-message{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:10px;padding:12px 15px;margin-top:18px!important}.reply-card{border:1px solid #818cf833;margin-top:25px}.reply-card .MuiOutlinedInput-root{background:#02061780}.copy-button{color:#a5b4fc!important;text-transform:none!important;border-color:#818cf880!important;border-radius:10px!important;margin-top:18px!important;font-weight:600!important}.copy-button:hover{background:#6366f11a!important;border-color:#6366f1!important}.card .MuiDivider-root{border-color:#94a3b81f}.footer{text-align:center;color:#64748b;margin-top:30px!important;font-size:14px!important}@media (width<=600px){.app{padding:40px 15px}.header{margin-bottom:30px}.title{font-size:34px!important}.subtitle{font-size:16px!important}.card{padding:22px;border-radius:18px!important}}