/* DigiLocker-like theme */
:root{--purple:#673ab7;--text:#222}
body{font-family:Arial,Helvetica,sans-serif;background:#f6f6f8;color:var(--text);margin:0;padding:20px;}

/* Login & Form */
.center-box{width:340px;margin:80px auto;background:#fff;padding:22px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.08);text-align:center;}
.center-box input{width:100%;padding:10px;margin:8px 0;border:1px solid #ddd;border-radius:4px;}
.center-box button{background:var(--purple);color:#fff;border:none;padding:10px 14px;border-radius:4px;cursor:pointer;width:100%;}
.center-box .muted{font-size:13px;color:#666;margin-top:8px;}
.error{color:#d33;font-weight:600;}

/* Topbar */
.topbar{background:var(--purple);padding:10px 0;color:#fff;margin-bottom:18px;}
.topbar-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 14px;}
.topbar-inner h1{font-size:18px;margin:0;}
.topbar-inner a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:4px;background:rgba(255,255,255,0.06);}

/* Form */
.form-wrap{max-width:780px;margin:12px auto;background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,0.04);}
.form-wrap label{display:block;margin-top:10px;font-weight:600;color:#444;}
.form-wrap input[type="text"], .form-wrap input[type="file"]{width:100%;padding:8px;margin-top:6px;border:1px solid #ddd;border-radius:4px;}
.form-wrap button{margin-top:12px;background:var(--purple);color:#fff;padding:10px 14px;border-radius:6px;border:none;cursor:pointer;width:100%;font-weight:700;}

/* Certificate card */
.cert-card{max-width:760px;margin:12px auto;background:#fff;padding:18px;border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,0.06);}
.cert-header{display:flex;align-items:center;border-bottom:1px solid #eee;padding-bottom:12px;}
.cert-header .emblem{height:56px;margin-right:12px;}
.header-text{display:flex;flex-direction:column;}
.digilocker{font-weight:700;color:var(--purple);font-size:18px;}
.institution{font-weight:700;font-size:16px;margin-top:4px;}
.cert-body{text-align:center;padding:18px;}
.gov-logo{height:80px;margin-bottom:8px;}
.degree-title{font-size:20px;margin:8px 0 4px 0;color:#222;}
.cert-table{margin:12px auto;border-collapse:collapse;width:90%;max-width:640px;}
.cert-table td{padding:10px;border-bottom:1px solid #eee;text-align:left;}
.cert-table td:first-child{font-weight:700;width:40%;}
.qr-wrap{margin-top:18px;display:flex;flex-direction:column;align-items:center;}
.qr-wrap img{border:6px solid #fff;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,0.08);}
.qr-label{font-size:13px;color:#666;margin-bottom:8px;}
.qr-url{word-break:break-all;font-size:12px;color:#666;margin-top:8px;}
.cert-footer{text-align:center;margin-top:12px;color:var(--purple);font-weight:700;}
.note{max-width:780px;margin:10px auto;color:#555;font-size:14px;}