:root{--primary-color:#1e3a8a;--primary-hover:#152c69;--background-light:#f0f4f8;--background-dark:#d1dde8;--text-dark:#333;--text-light:#666;--text-lighter:#999;--success:#10b981;--border-color:#e2e8f0;--shadow-color:rgba(0,0,0,0.1)}.gradFormSection{background:#f4f4f4}.graduationHero{position:relative;height:60vh;background:#f0f0f0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-3);@media (max-width:900px){height:unset;aspect-ratio:5/4}@media (max-width:600px){height:unset;aspect-ratio:4/5}}.graduationHero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5);z-index:1}.graduationHero .graduationContent{position:absolute;z-index:2;color:#fff;max-width:700px;padding:1rem;text-shadow:0 2px 4px #000}.graduationHero h1{font-size:2.5rem;color:#fff;margin-bottom:1rem;text-align:center}.graduationHero p{font-size:1.1rem;color:#ddd;text-align:left}.graduate-form-container{max-width:700px;margin:0 auto;padding:3rem 1rem}.graduation-card{background:#fff;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden}.graduation-card-header{padding:1.5rem;border-bottom:1px solid #eee;text-align:center}.graduation-card-title{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;gap:.5rem}.graduation-icon{color:#007bff;width:1.5rem;height:1.5rem}.graduation-card-description{margin-top:.5rem;color:#666;font-size:1rem}.graduation-card-content{padding:2rem}.graduate-form,.graduate-form-fields{display:flex;flex-direction:column;gap:1.5rem}.graduate-form-row{display:flex;gap:1rem;@media (max-width:801px){flex-direction:column}}.graduate-form-group{flex:1;display:flex;flex-direction:column}.graduate-label{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem;color:#333}.graduate-input{padding:.75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem}.graduate-file-upload{border:2px dashed #ccc;padding:2rem;text-align:center;border-radius:.75rem;cursor:pointer;position:relative;transition:border-color .3s}.graduate-file-upload.has-image{border-color:#007bff}.graduate-file-input{display:none}.graduate-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.graduate-upload-icon{width:2rem;height:2rem;color:#888}.graduate-upload-text{font-weight:500;color:#333}.graduate-upload-hint{font-size:.875rem;color:#888}.graduate-image-preview-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.graduate-image-preview{width:100%;height:auto;overflow:hidden;border:2px solid #007bff}.graduate-preview-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.graduate-preview-text{font-size:.875rem;color:#555}.submit-button{background-color:#5d05a7b3;color:white;padding:.75rem 1.5rem;font-weight:700;border-radius:.5rem;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:hover{opacity:.9}.submit-button-loading,.submit-button:disabled{background-color:#aaa;cursor:not-allowed}.submit-button-icon{width:1rem;height:1rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.graduation-success-message{text-align:center}.graduation-success-icon{font-size:3rem;color:#28a745;display:flex;justify-content:center;margin-bottom:1rem}.graduation-success-title{font-size:1.5rem;font-weight:700}.graduation-success-text{color:#444;margin-bottom:1.5rem}.graduation-card-footer{background-color:#f8f9fa;padding:1rem;text-align:center;font-size:.9rem;color:#666}.graduation-footer-text{margin:0}