body,html{background-color:#1a2631;height:100vh;margin:0;display:flex;align-items:center;justify-content:center;font-family:Lato,sans-serif;overflow:hidden;color:#e0e0e0;font-size:1rem;padding:0}.container{text-align:center;max-width:1000px;padding:40px;box-sizing:border-box;border:1px solid #333;border-radius:10px;background-color:#121826}.introduction{padding:20px;margin-bottom:30px;width:730px;height:220px;text-align:left;display:flex;flex-direction:column;justify-content:center;transition:transform .3s ease-in-out}.introduction:hover{transform:translateY(-6px)}.introduction .title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#90caf9}.introduction .description{font-size:1.1rem;opacity:.95;line-height:1.6;white-space:pre-line}.tools-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding-top:40px}.tool-card{background:hsla(0,0%,100%,.08);padding:25px;width:300px;border-radius:8px;border:1px solid #444;box-shadow:0 6px 18px rgba(0,0,0,.3);text-align:left;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.tool-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.4);background-color:hsla(0,0%,100%,.12)}.tool-card .title{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:#fff}.tool-card .description{font-size:1rem;opacity:.85;color:#ccc}.sandbox-comparison{display:flex;padding:25px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-top:30px;border:1px solid #444}.pro{color:#4caf50}.con,.pro{font-weight:700;margin:10px 0}.con{color:#e53935}a{color:#90caf9;text-decoration:none;font-weight:700;transition:color .3s ease-in-out,transform .2s ease}a:hover{text-decoration:underline;color:#fff;transform:scale(1.05)}main{flex:1 1}footer{position:fixed;align-items:center;bottom:0;text-align:center;font-size:.9rem;padding:12px}.description,.title,p{word-break:break-word;overflow-wrap:break-word}@media only screen and (max-width:768px){body{padding:10px}.container{padding:20px;width:100%}.introduction{width:100%;height:auto;padding:15px}.tools-list{gap:20px;padding-top:30px}.tool-card{width:100%;padding:20px}.sandbox-comparison{flex-direction:column;margin-top:20px}footer{font-size:.8rem;padding:10px 0}}@media only screen and (max-width:480px){body{font-size:.9rem}.container{padding:15px}.introduction .title,.tool-card .title{font-size:1.3rem}.tool-card .description{font-size:1rem}footer{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:.9rem;padding:12px;opacity:0;transition:opacity .3s ease}footer.show{opacity:1}.tools-list{gap:15px}.tool-card{padding:15px;width:100%}.sandbox-comparison{margin-top:15px;padding:20px}}