*{box-sizing:border-box}body{margin:0;background:#faf9f6;color:#171717;font-family:Arial,sans-serif;padding-bottom:80px}header{height:68px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:5}.brand{font-weight:900;letter-spacing:1px}.brand span{display:block;font-size:9px;letter-spacing:3px;color:#777}header button{border:0;background:#eee;border-radius:11px;padding:10px 13px;font-size:18px}.hero{margin:18px;padding:42px 24px;border-radius:26px;background:#171717;color:#fff;min-height:380px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:42px;line-height:1.03;margin:4px 0 15px}.hero em{font-style:normal;color:#d8bb77}.hero p:not(.eyebrow){color:#ddd;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:#a78b50}.primary,.secondary,.danger,.back{border:0;border-radius:11px;padding:12px 17px;font-weight:800;cursor:pointer;margin:5px 4px 5px 0}.primary{background:#d8bb77}.secondary,.back{background:#eee}.danger{background:#ead2d2}.panel{margin:18px;padding:22px;background:#fff;border:1px solid #eee;border-radius:22px}.panel h2{margin-top:4px}input{width:100%;padding:13px;border:1px solid #ddd;border-radius:11px;margin:6px 0;font-size:14px}label{display:block;font-size:12px;font-weight:bold;margin:14px 0 7px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.choice{border:1px solid #ddd;border-radius:10px;padding:9px;font-size:11px}.choice input{width:auto;margin:0 5px 0 0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.card{border:1px solid #eee;border-radius:17px;padding:15px;min-height:150px}.icon{font-size:28px}.card h3{font-size:14px;margin:9px 0 5px}.card p{font-size:11px;color:#777;line-height:1.4}.card button{border:0;background:#171717;color:#fff;border-radius:8px;padding:8px;font-size:10px}.progress{height:10px;background:#eee;border-radius:20px;overflow:hidden}.bar{height:100%;background:#b49a63}.certificate{border:8px double #b49a63;padding:28px 18px;text-align:center;background:#fffdf8}.certificate h2{font-family:Georgia,serif;font-size:28px}.certificate .name{font-size:24px;font-weight:bold;border-bottom:1px solid #777;display:inline-block;padding:5px 20px}.adminrow{padding:12px 0;border-bottom:1px solid #eee}.small{font-size:11px;color:#777;line-height:1.5}.success{background:#edf5ed;border-radius:12px;padding:12px;margin-top:10px}.error{background:#f7eaea;border-radius:12px;padding:12px;margin-top:10px}.hidden{display:none}.bottom{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;z-index:10}.bottom button{border:0;background:none;font-size:18px}.bottom span{display:block;font-size:8px;margin-top:3px}@media(min-width:700px){main{max-width:900px;margin:auto}.grid{grid-template-columns:repeat(3,1fr)}.hero{padding:60px}.hero h1{font-size:58px}}