body{font-family:Arial,sans-serif;margin:0;display:flex;flex-direction:column;min-height:100vh;background-color:#88e8cb;}
header{background-color:#08daf9;background: radial-gradient(circle, #1c8882, #8bd8ea);color:#fff;padding:5px;}
header a {color:#082828;text-decoration:none;}

.customp {color:#282828;}
.derror {color:#ef1818;font-size:12px;font-weight:700;padding:0;margin:5px;text-align:center;}
nav{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto}
.logo{font-size:1.5em;font-weight:700}
nav ul{list-style-type:none;display:flex;margin:0;padding:0}
nav ul li{margin-left:18px}
nav ul li a{color:#082828;font-weight:700;text-decoration:none;transition:color .3s}
nav ul li a:hover{color:#1c8882}
.url-shortener-form {flex:1;display:flex;justify-content:center;align-items:center;padding:18px;background-color:#88e8cb;margin-top:15px;}

.container{text-align:center;background:#fff;padding:18px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:90%;max-width:500px;margin:auto;}
.logo img {width:288px;height:82px;margin-top:8px;}
h1{margin-bottom:18px}
.ctable {margin:auto;}
.ctable a {color:#0018ff;}
.cblue {color:#0018ff;}
.logo img{width:auto;height:50px}
form{display:flex;flex-direction:column;align-items:center}
input[type="text"],input[type="email"],input[type="password"] {width:95%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}

button{padding:10px 18px;border:none;background-color:#1c8882;color:#fff;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s;width:100%}
button:hover{background-color:#227878}
#result{margin-top:18px}
.hidden{display:none}
.features,.how-it-works,.faq{background-color:#88e8cb;padding:18px 0;text-align:center}
.features-container{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.feature{background:#fff;padding:18px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:90%;max-width:300px;text-align:center}
.pricing{background-color:#88e8cb;padding:18px 0;text-align:center}
.pricing h2{margin-bottom:18px}

.pricing-table{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.pricing-card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:90%;max-width:300px;text-align:center}
.pricing-card h3{margin-bottom:10px;color:#fff;padding:10px 0;border-radius:5px 5px 0 0}
.pricing-card h3.free{background-color:#28a755}
.pricing-card h3.pro{background-color:#007BFF}
.pricing-card h3.enterprise{background-color:#0018ff}
.price{font-size:2em;margin-bottom:18px}
.price span{font-size:.5em;color:#666}
.pricing-card ul{list-style:none;padding:0;margin:0 0 18px}

.pricing-card ul li{margin-bottom:10px}
.pricing-card button{padding:10px 18px;border:none;background-color:#007BFF;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s}
.pricing-card button:hover{background-color:#0056b3}
.testimonials{background-color:#88e8cb;padding:18px 0;text-align:center}
.testimonials-container{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.testimonial{background:#fff;padding:18px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:90%;max-width:300px;text-align:center}
.centered-table{margin:0 auto;}
.centered-text{text-align:center;}
.ctable1{border-collapse:collapse;margin:0 auto;}

.ctable1 th{border:1px solid #000;padding:8px;background-color:#5cc9f8;}
.ctable1 td{border:1px solid #000;padding:8px;}
.ctable1 tr:nth-child(odd){background-color:#f2f2f2}
.ctable1 tr:nth-child(even){background-color:#ddd}
.ctable1 a {color:#080808;}
.register,.login {width:55%;margin:50px auto;background:#fff;padding:18px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
footer{background-color:#08daf9;background: radial-gradient(circle, #1c8882, #8bd8ea);color:#080808;text-align:center;padding:10px 0;}

@media (max-width: 768px) {
nav ul{align-items:center}
nav ul li{margin:10px 5px}
.register,.login {width:88%;margin:12px auto;}
}