:root{
    --blue:#0b2c6b;
    --blue2:#1454c4;
    --red:#b5162b;
    --purple:#5b2aa8;
    --light:#f5f8ff;
}
body{
    background: radial-gradient(circle at top left, #e8f0ff, #ffffff 42%, #f8f3ff);
    min-height:100vh;
    font-family: Arial, Helvetica, sans-serif;
}
.main-card{
    border:0;
    border-radius:24px;
    box-shadow:0 18px 55px rgba(11,44,107,.16);
    overflow:hidden;
}
.brand-header{
    background:linear-gradient(135deg,var(--blue),var(--blue2),var(--purple));
    color:#fff;
    padding:28px;
}
.btn-main{
    background:linear-gradient(135deg,var(--blue2),var(--purple));
    color:#fff;
    border:0;
    border-radius:14px;
    padding:11px 22px;
    font-weight:700;
}
.btn-main:hover{color:#fff; opacity:.93;}
.form-control,.form-select{
    border-radius:13px;
    padding:11px 14px;
    border:1px solid #d8e1f0;
}
.badge-soft{
    background:#eef4ff;
    color:var(--blue);
    border-radius:999px;
    padding:8px 13px;
    font-weight:700;
}
.stat-card{
    background:#fff;
    border-radius:18px;
    padding:18px;
    border:1px solid #edf1fa;
    box-shadow:0 10px 30px rgba(11,44,107,.08);
}
.question-box{
    border:1px solid #e6ecf7;
    border-radius:18px;
    padding:18px;
    margin-bottom:16px;
    background:#fff;
}
.option-label{
    display:block;
    border:1px solid #dfe7f5;
    border-radius:14px;
    padding:11px 13px;
    margin:8px 0;
    cursor:pointer;
}
.option-label:hover{background:#f4f7ff;}
.result-score{
    font-size:52px;
    font-weight:900;
    color:var(--blue);
}
.navbar-custom{
    background:var(--blue);
}
.table thead{background:#edf4ff;}
@media print{
    .no-print{display:none!important;}
    body{background:#fff;}
    .main-card{box-shadow:none;}
}


/* Professional button enhancement */
.btn,
button,
input[type=submit],
input[type=button],
a.btn{
    border-radius:12px!important;
    font-weight:700!important;
    letter-spacing:.3px;
    padding:.65rem 1.35rem!important;
    transition:all .25s ease!important;
    border:none!important;
    box-shadow:0 8px 18px rgba(11,44,107,.15);
}
.btn:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover,
a.btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 28px rgba(11,44,107,.22);
}
.btn:active,
button:active{
    transform:translateY(0);
}
.btn-primary,.btn-main{
    background:linear-gradient(135deg,#1454c4,#0b2c6b)!important;
    color:#fff!important;
}
.btn-success{
    background:linear-gradient(135deg,#28a745,#1d7d36)!important;
}
.btn-danger{
    background:linear-gradient(135deg,#dc3545,#a51022)!important;
}
.btn-secondary{
    background:linear-gradient(135deg,#6c757d,#4f5962)!important;
}
.btn-warning{
    background:linear-gradient(135deg,#f0ad4e,#d88b06)!important;
    color:#fff!important;
}
.btn-info{
    background:linear-gradient(135deg,#17a2b8,#0d6f7d)!important;
    color:#fff!important;
}