body { font-family:Arial, sans-serif;background:#f7f8fc;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;} .container { background:white;padding:20px 30px;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / 50%);width:580px;text-align:center;} h1 { color:#333;margin-bottom:20px;} .form-group { margin-bottom:15px;text-align:left;} label { display:block;margin-bottom:5px;font-weight:bold;color:#444;} input[type="date"], input[type="text"] { width:100%;padding:8px;border:1px solid #ccc;border-radius:6px;margin-top:4px;} .buttons { display:flex;justify-content:space-between;margin-top:15px;} button { padding:8px 15px;border:none;border-radius:6px;cursor:pointer;font-weight:bold;transition:0.3s;} button:first-child { background:#007bff;color:white;} button:first-child:hover { background:#0056b3;} button:last-child { background:#e0e0e0;color:#333;} button:last-child:hover { background:#c2c2c2;} #result { margin-top:20px;text-align:left;font-size:15px;color:#222;line-height:1.6;} #shareSection { margin-top:20px;text-align:left;} #shareSection h3 { margin-bottom:8px;} #shareLink { font-size:14px;}