body{background:linear-gradient(135deg,#0d47a1,#1976d2);min-height:100vh;font-family:Arial}.main-container{padding-top:30px}.glass-card{border:none;border-radius:25px;background:#fff}.title-system{color:#0d47a1;font-size:40px;font-weight:bold}.subtitle-system{color:#666}.digital-clock{background:#0d47a1;color:#fff;text-align:center;padding:18px;border-radius:18px;font-size:48px;font-weight:bold}.form-control{border-radius:14px;height:60px;font-size:22px}.camera-wrapper{position:relative;border-radius:20px;overflow:hidden;background:#000;border:4px solid #0d47a1}#webcam{width:100%;display:block;transform:scaleX(-1)}#camera-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;cursor:pointer}.camera-icon{font-size:50px}.preview-container{display:none}#preview-img{width:100%;border-radius:18px}.action-btn{height:60px;border-radius:16px;font-size:18px;font-weight:bold}