*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;padding-top:60px}.container{margin:0 auto;max-width:1200px;padding:20px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin:10px 0;padding:10px 15px;transition:background-color .3s;width:100%}button:hover{background-color:#0056b3}.logo{height:50px;margin-right:10px}.navbar{align-items:center;background-color:#a0c4ff;display:flex;justify-content:space-between;left:0;overflow:hidden;padding:10px 20px;position:fixed;top:0;white-space:nowrap;width:100%;z-index:1000}.navbar .logo{height:50px}.nav-links{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-links.hidden{display:none}.nav-links a{border-radius:5px;color:#fff;padding:8px 12px;text-decoration:none;transition:background-color .3s}.nav-links a:hover{background-color:#0056b3}.footer{background-color:#c4c4c4;bottom:0;color:#333;left:0;padding:20px 0;position:fixed;text-align:center;width:100%;z-index:1}.footer p{font-size:1rem;margin:0}.footer a{color:#333;font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:500px;padding:20px;width:95vw}input[type=email],input[type=password],input[type=text],input[type=url]{border:1px solid #ccc;border-radius:4px;font-size:16px;margin:10px 0;padding:10px;transition:border-color .3s;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,input[type=url]:focus{border-color:#007bff;outline:none}.error-message{color:red;font-size:1.5rem;font-weight:700;margin-bottom:20px;margin-top:10px}.short-url-form{display:flex;flex-direction:column}.short-url-form input{margin-bottom:10px}.home{align-items:center;background-color:#f4f4f4;display:flex;flex-direction:column;justify-content:center;padding:40px}.home h1{color:#333;font-size:2.5rem;margin-bottom:20px}.home p{color:#666;font-size:1.2rem;margin-bottom:30px;max-width:600px;text-align:center}.home .cta-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 20px;transition:background-color .3s}.home .cta-button:hover{background-color:#0056b3}.home .features{display:flex;justify-content:space-around;margin-top:40px;width:100%}.home .feature{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center;width:30%}.home .feature h3{color:#007bff;margin-bottom:10px}.home .feature p{color:#666}.policy-terms-page{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.policy-terms-page h1{color:#333;font-size:2rem;margin-bottom:20px}.policy-terms-page h2,.policy-terms-page h3{color:#555;font-size:1.5rem;margin-bottom:10px;margin-top:30px}.policy-terms-page p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:30px}.checkbox-label{align-items:center;display:flex}.checkbox-label input[type=checkbox]{margin-right:10px}.shorten-url-container{background-color:#f4f4f4;border-radius:8px;margin:0 auto;max-width:600px;width:100%}.description{color:#666;margin-bottom:20px;text-align:center}.shortened-url{margin-top:20px;text-align:center}.shortened-url a{color:#007bff;text-decoration:none}.shortened-url a:hover{text-decoration:underline}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.modal.show{opacity:1;visibility:visible}.modal-content{animation:slideIn .3s ease;background-color:#fff;border:1px solid #888;border-radius:8px;justify-content:center;margin:auto;max-width:500px;overflow:hidden;padding:20px;position:relative;width:80vw}.modal-content,.qr-code{align-items:center;display:flex;flex-direction:column}.close-button{align-items:center;background-color:grey;border-radius:50%;color:#fff;cursor:pointer;display:flex;float:right;font-size:32px;font-weight:700;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.close-button:focus,.close-button:hover{background-color:#a9a9a9;color:#000}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.small-font{font-size:.8em}.modern-table{border-collapse:collapse;box-shadow:0 0 20px #0000001a;font-family:Arial,sans-serif;font-size:1em;margin:20px 0;width:100%}.modern-table td,.modern-table th{padding:12px 15px;text-align:left}.modern-table thead{background-color:#7cb6f1;color:#fff}.modern-table tbody tr{border-bottom:1px solid #ddd}.modern-table tbody tr:hover{background-color:#f1f1f1}.text-center{padding:12px 15px;text-align:center}.modal-content form{box-sizing:border-box;max-width:100%;width:100%}.redirect-page{align-items:center;background-color:#f4f4f4;color:#333;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:50vh;justify-content:center;text-align:center}.loading-message{font-size:1.5rem;margin-top:20px}.floating-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;transition:transform .3s ease;width:50px;z-index:1000}.floating-button.active{transform:scale(1.1)}.floating-menu{background-color:#f0f0f0e6;border:1px solid #ccc;border-radius:8px;bottom:80px;box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;padding:10px;position:fixed;right:20px;z-index:2000}.floating-menu.visible{display:flex}.floating-menu a{border-radius:5px;color:#007bff;padding:15px 20px;text-decoration:none;transition:background-color .3s,border-radius .3s}.floating-menu a:hover{background-color:#f0f0f0;border-radius:10px}.floating-menu a:active{background-color:#a0c4ff}.nav-links{display:flex;gap:15px}.nav-links a{white-space:nowrap}@media (max-width:800px){.nav-links{display:none}}.main-content{flex:1 1;padding-bottom:60px;padding-top:20px}.app-container,.url-cards-container{align-items:center;display:flex;flex-direction:column}.url-cards-container{gap:20px;padding-bottom:60px}.url-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex-direction:column;margin:0 auto;max-width:600px;padding:15px;width:95vw}.url-card,.url-card-actions{display:flex;justify-content:space-between}.url-card-actions{gap:10px}.url-card-actions button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;padding:10px;transition:background-color .3s ease}.url-card-actions button:hover{background-color:#0056b3}.url-card-body a{word-wrap:break-word;color:#007bff;display:inline-block;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis}.url-card-body a:hover{text-decoration:underline}