.landing{min-height:100vh;background:#0f172a;color:#fff}.hero{text-align:center;padding:80px 20px}.hero h1{font-size:4rem;margin-bottom:15px}.hero p{color:#cbd5e1;max-width:700px;margin:auto}.search-box{margin-top:30px;width:100%;max-width:600px;padding:15px;border-radius:12px;border:none}.tools-section,.benefits,.categories{padding:50px 10%}.tools-grid,.benefit-grid,.category-grid{display:grid;gap:20px;margin-top:25px}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{background:#1e293b;padding:25px;border-radius:15px;cursor:pointer;transition:.3s}.tool-card:hover{transform:translateY(-5px)}.benefit-grid,.category-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.benefit-grid div,.category-grid div{background:#1e293b;padding:20px;border-radius:15px}footer{text-align:center;padding:30px;color:#94a3b8}*{box-sizing:border-box}.json-page{min-height:100vh;background:#0f172a;display:flex;justify-content:center;align-items:center;padding:40px}.json-card{width:100%;max-width:1400px;background:#1e293b;border-radius:20px;padding:30px;box-shadow:0 15px 40px #0000004d}.title{text-align:center;color:#fff;margin-bottom:10px}.subtitle{text-align:center;color:#94a3b8;margin-bottom:30px}.editor-container{display:flex;gap:20px;margin-bottom:25px}.editor-box h3{color:#fff;margin-bottom:10px}.editor-box textarea{width:100%;height:500px;resize:none;border:none;outline:none;border-radius:12px;padding:20px;background:#0f172a;color:#fff;font-family:Consolas,monospace;font-size:14px}.btn-group{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn{border:none;padding:12px 22px;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease}.btn:hover{transform:translateY(-2px)}.primary{background:#3b82f6;color:#fff}.secondary{background:#8b5cf6;color:#fff}.success{background:#10b981;color:#fff}.warning{background:#f59e0b;color:#fff}.danger{background:#ef4444;color:#fff}.error-box{margin-top:20px;padding:15px;border-radius:10px;background:#ef444426;color:#fca5a5}@media(max-width:900px){.editor-container{flex-direction:column}.editor-box textarea{height:300px}}.password-page{min-height:100vh;background:#0f172a;display:flex;justify-content:center;align-items:center;padding:30px}.password-card{width:100%;max-width:700px;background:#1e293b;padding:30px;border-radius:20px;color:#fff}.password-card h1{text-align:center}.password-card p{text-align:center;color:#94a3b8}.password-output{display:flex;gap:10px;margin-top:25px}.password-output input{flex:1;padding:15px;border-radius:10px;border:none}.password-output button{padding:15px;border:none;border-radius:10px;cursor:pointer}.generate-btn{width:100%;margin-top:20px;padding:15px;border:none;border-radius:10px;cursor:pointer;background:#3b82f6;color:#fff}.length-section{margin-top:25px}.length-section input{width:100%}.options{display:grid;gap:12px;margin-top:25px}.options label{display:flex;gap:10px}.base64-page{min-height:100vh;background:#0f172a;display:flex;justify-content:center;align-items:center;padding:30px}.base64-card{width:100%;max-width:1200px;background:#1e293b;padding:30px;border-radius:20px;color:#fff}.base64-card h1{text-align:center;margin-bottom:10px}.base64-card p{text-align:center;color:#94a3b8;margin-bottom:25px}.editor-container{display:flex;gap:20px}.editor-box{flex:1}.editor-box h3{margin-bottom:10px}.editor-box textarea{width:100%;height:350px;resize:none;border:none;outline:none;border-radius:12px;padding:15px;background:#0f172a;color:#fff;font-family:monospace}.button-group{margin-top:25px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.button-group button{border:none;padding:12px 20px;border-radius:10px;cursor:pointer;background:#3b82f6;color:#fff;font-weight:600}.button-group button:hover{opacity:.9}@media(max-width:900px){.editor-container{flex-direction:column}.editor-box textarea{height:250px}}