:root{--salford-red:#c4222a}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:ReplicaPro;src:url(/fonts/ReplicaPro-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:ReplicaPro;src:url(/fonts/ReplicaPro-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ReplicaPro;src:url(/fonts/ReplicaPro-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;padding:0;font-family:ReplicaPro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a,a:visited{color:var(--salford-red)}.container{background:#fff;border-radius:20px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #0000001a}.header{text-align:center;padding:40px}.header h1{margin-bottom:10px;font-size:2.5rem;font-weight:700}.header p{opacity:.9;font-size:1.1rem}.header-logo{max-width:15rem;height:auto;margin-bottom:1rem}.content{padding:40px}.qualification-section{margin-bottom:40px}.section-title{color:#333;margin-bottom:20px;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:25px}.form-group label{color:#555;margin-bottom:8px;font-weight:600;display:block}.form-control{border:2px solid #e1e5e9;border-radius:8px;width:100%;padding:12px 6px;transition:border-color .3s}.form-control:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qualification-points-to-add{margin:.5rem 0 1rem;font-weight:700}.qualification-points-to-add__value{color:var(--salford-red)}.qualification-points-to-add__error{color:red;font-weight:700}.access-to-he-grades{flex-wrap:wrap;gap:1rem;display:flex}.access-to-he-grades__field{flex:1;min-width:120px}.searchable-select,.searchable-select__control{position:relative}.searchable-select__input{padding-right:2.5rem}.searchable-select__clear{color:#6c757d;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.searchable-select__menu{z-index:20;background:#fff;border:2px solid #e1e5e9;border-radius:8px;max-height:20rem;margin:0;padding:.5rem 0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 10px 25px #0000001a}.searchable-select__group{list-style:none}.searchable-select__group-heading{color:#667eea;padding:.5rem 1rem;font-weight:700}.searchable-select__group-list{margin:0;padding:0;list-style:none}.searchable-select__option{text-align:left;cursor:pointer;color:#333;background:0 0;border:none;width:100%;padding:.6rem 1rem .6rem 1.5rem;display:block}.searchable-select__option:hover,.searchable-select__option--selected{background:#f8f9fa}.searchable-select__option--selected{color:#fff;background:#667eea}.searchable-select__empty{color:#6c757d;padding:.75rem 1rem}.btn{color:#fff;cursor:pointer;background:green;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn:hover{box-shadow:0 .2em .5em #667eea4d}.btn:focus-visible{outline-offset:3px}.btn-secondary{background:#6c757d}.btn-secondary:hover{box-shadow:0 .2em .5em #6c757d4d}.btn-outline{color:var(--salford-red);border:2px solid var(--salford-red);cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;background:0 0!important}.btn-outline:hover,.btn-outline:focus{box-shadow:0 .2em .5em #667eea26}.btn-danger{background:#dc3545}.btn-danger:hover{box-shadow:0 .2em .5em #dc35454d}.qualification-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:20px;transition:transform .2s,box-shadow .2s;display:flex}.qualification-info{flex:1}.qualification-title{margin-bottom:5px;font-size:1.1rem;font-weight:600}.qualification-title .section-title{margin-bottom:0}.qualification-grade{font-weight:600}.qualification-points{margin-right:1rem;font-weight:600}.total-section{color:#000;text-align:center;background:#fefefe;border-radius:12px;margin-top:30px;padding:30px}.total-section--active{color:#fff;background:linear-gradient(135deg,#006891 0%,#2eb895 100%)}.total-points{margin-bottom:10px;font-size:3rem;font-weight:700}.total-label{opacity:.9;font-size:1.2rem}.empty-state{text-align:center;color:#6c757d;padding:60px 20px}.empty-state h3{margin-bottom:10px;font-size:1.5rem}.empty-state p{font-size:1.1rem}.guidance-notes{background:#efefef;border-radius:8px;margin:2rem 0 1rem;padding:1rem}.guidance-notes h2{max-width:55ch;margin:1em 0 .7em}.guidance-notes h2:first-of-type{margin-top:0}.guidance-notes p{max-width:85ch;margin-bottom:.5em}.guidance-notes ul{margin-bottom:1em}.guidance-notes li{color:inherit;margin-bottom:.4em;list-style-position:inside}.guidance-notes li::marker{content:"/ ";color:var(--salford-red)}.qualification-header{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.qualification-title{width:100%}.qualification-clear-button-container{text-align:right;width:100%}.qualification-clear-button-container .btn{width:100%}@media (width>=48rem){.qualification-header{flex-direction:row;gap:0}.qualification-clear-button-container{width:40%}}@media (width<=48rem){.header{padding:30px 20px}.header-logo{max-width:12rem}.header h1{font-size:2rem}.content{padding:20px}.qualification-item{flex-direction:column;align-items:flex-start;gap:15px}.total-points{font-size:2.5rem}}