*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5;padding:20px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:30px}header{text-align:center;margin-bottom:30px}header h1{color:#2c3e50;margin-bottom:5px}header p{color:#7f8c8d}.form-container{background:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px}.input-group{display:flex;gap:10px}input[type=url]{flex:1;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:16px}button{padding:12px 20px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background .3s}button:hover{background:#2980b9}#result{margin-top:20px;text-align:center}.hidden{display:none}.result-link{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0}#shortUrl{color:#3498db;text-decoration:none;font-weight:700;word-break:break-all}#shortUrl:hover{text-decoration:underline}#copyBtn{background:#27ae60}#copyBtn:hover{background:#219653}#newLink{background:#95a5a6}#newLink:hover{background:#7f8c8d}.features{margin-bottom:30px}.features h2{text-align:center;margin-bottom:20px;color:#2c3e50}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px}.feature h3{color:#3498db;margin-bottom:10px}footer{text-align:center;margin-top:30px;color:#7f8c8d;border-top:1px solid #eee;padding-top:20px}@media (max-width:600px){.input-group,.result-link{flex-direction:column}}