body{margin:0;font-family:system-ui,Arial;background:linear-gradient(180deg,#eef2ff,#f8fafc)}.page{max-width:900px;margin:auto;padding:40px 20px;text-align:center}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:30px}.hero-logo{width:280px;height:280px;object-fit:contain;display:block;margin:0 auto 20px;filter:drop-shadow(0 0 25px rgba(59,130,246,.35)) drop-shadow(0 0 60px rgba(59,130,246,.25)) drop-shadow(0 30px 60px rgba(0,0,0,.18));transition:transform .35s ease,filter .35s ease}.hero-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 35px rgba(59,130,246,.45)) drop-shadow(0 0 90px rgba(59,130,246,.35)) drop-shadow(0 35px 70px rgba(0,0,0,.22))}.hero-title{text-align:center;font-size:54px;font-weight:800;letter-spacing:-1.2px;margin-bottom:24px}.header h1{font-size:40px;font-weight:800;color:#0f172a;margin:0}.tabs{display:flex;justify-content:center;gap:10px;margin:25px 0}.tab{padding:10px 22px;border-radius:12px;border:none;background:#e5e7eb;cursor:pointer;font-weight:600}.tab.active{background:#0f172a;color:#fff}.card{background:#fff;padding:28px;border-radius:18px;box-shadow:0 20px 40px #00000014}textarea{width:100%;height:130px;border-radius:14px;border:1px solid #e5e7eb;padding:14px;font-size:15px;resize:none}.generate{margin-top:18px;padding:14px 28px;border:none;border-radius:14px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(90deg,#6366f1,#3b82f6);cursor:pointer;transition:.25s}.generate:hover{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f659}.output{margin-top:18px;font-size:18px;color:#0f172a}.hero-logo{width:220px;height:220px;object-fit:contain;display:block;margin:0 auto 18px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.hero-title{text-align:center;font-size:48px;font-weight:700;letter-spacing:-1px;margin-bottom:18px}.header{text-align:center;margin-top:40px}