*{box-sizing:border-box}body{color:#f8fafc;background:linear-gradient(135deg,#0f172a,#1e293b);margin:0;font-family:Arial,sans-serif}a{color:#38bdf8;text-decoration:none}.page{justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.card{color:#0f172a;background:#fff;border-radius:18px;width:100%;max-width:460px;padding:32px;box-shadow:0 20px 60px #00000059}.card h1,.card h2{margin-top:0}.input{border:1px solid #cbd5e1;border-radius:10px;width:100%;margin:10px 0;padding:13px;font-size:15px}.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:14px;padding:13px;font-size:16px}.button:hover{background:#1d4ed8}.dashboard{min-height:100vh;padding:40px}.dashboard-header{margin-bottom:30px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.feature-card{color:#0f172a;background:#fff;border-radius:18px;padding:26px;box-shadow:0 12px 35px #00000040}.feature-card button{margin-top:15px}.result-box{color:#e2e8f0;white-space:pre-wrap;background:#0f172a;border-radius:12px;max-height:350px;margin-top:20px;padding:18px;overflow-y:auto}.navbar{color:#fff;background:#020617;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.navbar h2{margin:0}.navbar a{color:#e2e8f0;margin-right:20px;font-weight:700}.navbar button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:9px 14px}.result-box{color:#111827;background:#fff;border-radius:12px;margin-top:20px;padding:25px;line-height:1.7}.result-box h3{margin-top:0}.result-box h4{margin-top:20px;margin-bottom:8px}.result-box ul{padding-left:20px}.result-box pre{white-space:pre-wrap;font-family:inherit;line-height:1.7}