*{margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f3f4f6}.certificate-container{display:flex;height:100vh;max-width:1200px;margin:auto;background:#fff;overflow:hidden}.certificate-left{flex:1;background:linear-gradient(135deg,#0070f3,#005bb5);color:#fff;display:flex;align-items:center;justify-content:center;padding:40px}.branding h1{font-size:36px;margin-bottom:16px;text-align:center}.branding p{font-size:18px;opacity:.9}.certificate-right{flex:1;padding:60px 40px;display:flex;align-items:center;justify-content:center}.certificate-form{width:100%;max-width:400px;display:flex;flex-direction:column;background:#fafafa;padding:30px 25px}.certificate-form label{font-weight:600;margin-bottom:8px;color:#333}.certificate-form input{padding:12px;border:1.5px solid #ccc;border-radius:6px;font-size:16px;margin-bottom:20px;transition:border .3s}.certificate-form input:focus{border-color:#0070f3;outline:none}.certificate-form button{padding:12px;background-color:#0070f3;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.certificate-form button:hover{background-color:#005bb5}.result{margin-top:16px;font-size:16px;font-weight:500;color:#333;text-align:center}.result.error{color:#d32f2f}@media (max-width: 768px){.certificate-container{flex-direction:column;height:auto;margin:10px}.certificate-left{padding:20px 15px;text-align:center}.branding h1{font-size:22px}.certificate-right{padding:20px 15px}.certificate-form{max-width:100%;padding:15px 10px;box-shadow:none;border-radius:6px}.certificate-form input,.certificate-form button{font-size:12px;padding:8px}}@media (min-width: 768px){.certificate-container{flex-direction:column;height:auto;margin:40px auto}.certificate-left{padding:40px 30px;text-align:left}.certificate-right{padding:40px 30px}}.navbar{background:#fff;color:#0070f3;padding:20px 40px;font-size:28px;font-weight:700;-webkit-user-select:none;user-select:none;width:100%;position:sticky;top:0;z-index:1000;text-align:center;display:flex;align-items:center;justify-content:center}.nav-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.logo{height:80px;width:80px;margin-right:10px;object-fit:contain}@media (max-width: 768px){.navbar{font-size:18px;padding:10px 20px}.logo{height:40px;width:40px;margin-right:8px}.nav-text{align-items:flex-start}.nav-text h1{font-size:16px;margin:0;line-height:1.1;text-align:left}}.footer{margin-top:3rem;padding:1.2rem 1rem;background-color:#f9f9f9;text-align:center;font-size:.95rem;color:#333;border-top:1px solid #e0e0e0;line-height:1.6}.footer-line{margin-bottom:.4rem}.footer a{color:#5277c1;text-decoration:none;word-break:break-word}@media (min-width: 768px){.footer{font-size:.95rem}}