@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap";body{background:linear-gradient(135deg,#74ebd5,#acb6e5);min-height:100vh;margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;position:relative;color:#2c3e50}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="1.5" fill="%23ffffff" opacity="0.2"/></svg>');pointer-events:none;z-index:-1}#menu{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;box-shadow:none}.menu-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;height:60px}.logo{display:flex;align-items:center}.logo a{color:#2a9d8f;text-decoration:none;font-weight:700;font-size:1.8em;margin-right:15px;font-family:Caveat,cursive;text-shadow:1px 1px 0 rgba(255,255,255,.8);transition:all .3s ease}.logo a:hover{color:#1e7a6d;transform:scale(1.05)}.tagline{color:#7f8c8d;font-size:.9em;display:inline-block}.hamburger-menu{position:relative}#menu-toggle{display:none}.menu-btn{display:flex;align-items:center;position:relative;width:26px;height:26px;cursor:pointer;z-index:1}.menu-btn span,.menu-btn span:before,.menu-btn span:after{display:block;position:absolute;width:100%;height:2px;background-color:#2c3e50;transition:all .3s ease-in-out}.menu-btn span:before{content:"";top:-8px}.menu-btn span:after{content:"";top:8px}#menu-toggle:checked~.menu-btn span{transform:rotate(45deg)}#menu-toggle:checked~.menu-btn span:before{top:0;transform:rotate(0)}#menu-toggle:checked~.menu-btn span:after{top:0;transform:rotate(90deg)}.menu-content{position:fixed;top:60px;right:-100%;width:300px;height:calc(100vh - 60px);margin:0;padding:20px 0;background-color:#fffffff2;box-shadow:-1px 0 10px #0000001a;transition:right .3s ease-in-out;overflow-y:auto;backdrop-filter:blur(10px);z-index:1000}#menu-toggle:checked~.menu-content{right:0}.menu-content ul{list-style:none;padding:0;margin:0}.menu-content li{margin:0;padding:0}.menu-content a{display:flex;align-items:center;padding:12px 24px;color:#2c3e50;text-decoration:none;transition:background-color .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-content a:hover{background-color:#3498db1a}.menu-content a i{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border-radius:8px;margin-right:10px;box-shadow:0 2px 5px #0000001a;color:#2c3e50;font-size:.9em;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.menu-content a:hover i{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.container{max-width:1000px;margin:0 auto;padding:80px 20px 20px}.site-title{color:#2a9d8f;text-align:center;margin-bottom:5px;font-size:3.2em;font-family:Caveat,cursive;text-shadow:2px 2px 0 rgba(255,255,255,.5)}.site-subtitle{color:#2c3e50;text-align:center;margin-bottom:10px;font-size:1.3em;font-weight:500;text-shadow:0 1px 2px rgba(255,255,255,.3)}.page-description{color:#2c3e50;text-align:center;margin-bottom:40px;font-size:1.1em;text-shadow:0 1px 2px rgba(255,255,255,.2)}.window-container{margin-bottom:30px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #00000026;background-color:#ffffffd9;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5)}.window-header{display:flex;align-items:center;padding:10px 15px;background:linear-gradient(to bottom,#fff,#f7f7f7);border-bottom:1px solid #e5e5e5}.window-title{font-weight:400;color:#3a3a3a;font-size:1.1em;text-align:center;flex-grow:1;letter-spacing:.02em}.window-controls{display:flex;gap:6px;margin-right:15px}.control{width:12px;height:12px;border-radius:50%;display:inline-block;opacity:.8;transition:opacity .2s}.control:hover{opacity:1}.close{background-color:#ffb1b0;border:1px solid #ffa5a3}.minimize{background-color:#ffe3a0;border:1px solid #ffd98a}.maximize{background-color:#b8e986;border:1px solid #a7e070}.tools-grid{background-color:#fff;overflow:hidden;padding:5px 0}.tool-card{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .3s}.tool-card:last-child{border-bottom:none}.tool-card:hover{background-color:#3498db1a}.tool-icon{width:50px;height:50px;background-color:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#3498db;box-shadow:0 4px 8px #0000001a;flex-shrink:0;margin-right:20px;transition:transform .2s,box-shadow .2s}.tool-card:hover .tool-icon{transform:scale(1.05);box-shadow:0 5px 12px #00000026}.tool-title{margin:0 0 10px;font-size:1.1em;color:#333}.tool-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.tool-card-link:hover{text-decoration:none}.tool-description{color:#7f8c8d;font-size:.9em}.tool-link{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#f0f0f0;color:#777;text-decoration:none;border-radius:50%;font-size:.8em;transition:all .3s ease;margin-left:auto;align-self:center}.tool-link:hover{background-color:#e0e0e0;color:#555}footer{background-color:#fffc;margin-top:50px;padding:40px 0 20px;backdrop-filter:blur(10px);box-shadow:0 -4px 15px #0000000d}.footer-container{max-width:1000px;margin:0 auto;padding:0 20px}.footer-tools{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}.footer-column{flex:1;min-width:200px;margin-bottom:20px;padding-right:20px}.footer-column h4{color:#2c3e50;margin-bottom:15px;font-size:1.1em;border-bottom:2px solid rgba(52,152,219,.3);padding-bottom:8px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:8px}.footer-column a{color:#2c3e50;text-decoration:none;font-size:.95em;transition:color .2s;display:flex;align-items:center;margin-bottom:8px}.footer-column a i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:6px;margin-right:8px;box-shadow:0 1px 3px #0000001a;color:#2c3e50;font-size:.8em;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.footer-column a:hover i{transform:translateY(-1px);box-shadow:0 2px 5px #00000026}.footer-column a:hover{color:#000;text-decoration:none}.footer-bottom{text-align:center;border-top:1px solid rgba(0,0,0,.1);padding-top:20px;color:#7f8c8d;font-size:.9em}.footer-bottom a{color:#2c3e50;text-decoration:none;display:inline-flex;align-items:center}.footer-bottom a i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border-radius:6px;margin-right:8px;box-shadow:0 1px 3px #0000001a;color:#2c3e50;font-size:.8em;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.footer-bottom a:hover i{transform:translateY(-1px);box-shadow:0 2px 5px #00000026}.footer-bottom a:hover{color:#000;text-decoration:none}.copyright{margin-top:10px;font-size:.85em}.contact{background-color:#fffc;padding:20px;border-radius:10px;text-align:center;margin-top:30px;margin-bottom:30px;box-shadow:0 4px 15px #0000001a}.contact a{color:#3498db;text-decoration:none;font-weight:500}.contact a:hover{text-decoration:underline;color:#217dbb}@media (max-width: 768px){.tagline{display:none}h1{font-size:2em}.page-description{font-size:1em}.tool-card{padding:12px 15px}.tool-icon{width:40px;height:40px;font-size:16px;margin-right:15px}.tool-title{font-size:1.1em}.tool-description{font-size:.85em}.tool-link{padding:6px 12px;font-size:.9em}.footer-tools{flex-direction:column}.footer-column{width:100%;padding-right:0}}@media (max-width: 480px){.container{padding:70px 15px 15px}.tool-card{flex-direction:column;align-items:flex-start;padding:15px}.tool-icon{margin-bottom:10px}.tool-content{width:100%;margin-bottom:10px}.tool-link{align-self:flex-end;margin-left:0}}