body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0a0a0a;color:#fff;text-align:center}
.fixed-header{position:fixed;top:0;width:100%;background:rgba(0,0,0,0.7);padding:10px 0;z-index:1000;backdrop-filter:blur(10px)}
.fixed-header h1{color:#00d4ff;text-shadow:0 0 10px #00ffaa}
#hero{padding:120px 20px 40px}
#hero h2{font-size:1.6em;color:#00d4ff}
#hero button{background:linear-gradient(90deg,#00d4ff,#00ffaa);border:none;padding:10px 20px;border-radius:6px;color:#000;font-weight:bold;cursor:pointer;box-shadow:0 0 10px #00ffaa}
.generator{margin:20px auto;max-width:600px;padding:20px;background:#111;border-radius:10px;box-shadow:0 0 20px #00ffaa22}
textarea{width:90%;padding:10px;border-radius:6px;border:none;outline:none;font-size:1em;margin-bottom:10px}
.button-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.button-row button{background:#0ff;color:#000;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-weight:bold;transition:0.3s}
.button-row button:hover{box-shadow:0 0 10px #00ffaa}
.output-box{margin-top:15px;padding:15px;min-height:120px;background:#000;border:1px solid #00ffaa44;border-radius:6px}
#pricing{padding:30px 10px}
.pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.card{background:#111;padding:20px;border-radius:10px;width:260px;box-shadow:0 0 10px #00ffaa33}
.card.highlight{border:2px solid #00ffaa;box-shadow:0 0 15px #00ffaa55}
.card.disabled{opacity:0.5}
.card button{margin-top:10px;background:linear-gradient(90deg,#00d4ff,#00ffaa);border:none;padding:8px 14px;border-radius:6px;color:#000;font-weight:bold;cursor:pointer}
.blog-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px}
.post{background:#111;padding:15px;border-radius:10px;width:260px;box-shadow:0 0 10px #00ffaa33;text-align:left}
.post h4{color:#00ffaa}
#newsletter{padding:40px 10px}
#newsletter input{padding:10px;border-radius:6px;border:none;width:250px;margin-right:5px}
#newsletter button{background:#00ffaa;border:none;padding:10px 16px;border-radius:6px;font-weight:bold;cursor:pointer}
footer{padding:20px;color:#888;font-size:0.9em}
@media(max-width:600px){#hero{padding-top:80px}.pricing-grid,.blog-grid{flex-direction:column;align-items:center}}