.tech-task-container{max-width:900px;margin:0 auto;padding:2rem 0}
  option {color: black;}
 .tech-task-header{text-align:center;margin-bottom:3rem}
 .tech-task-header h1{font-size:2.5rem;color:var(--white);margin-bottom:1rem}
 .tech-task-header p{font-size:1.1rem;color:var(--gray-light);max-width:700px;margin:0 auto}
 .form-section{background:rgba(255,255,255,0.05);border-radius:var(--border-radius-lg);padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,0.1)}
 .form-section-title{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid var(--primary);display:inline-block}
 .form-group{margin-bottom:1.5rem}
 .form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--white)}
 .form-group label .required{color:var(--danger);margin-left:0.25rem}
 .form-group input,.form-group select,.form-group textarea{width:100%;padding:0.875rem 1rem;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--border-radius);color:var(--white);font-size:1rem;transition:var(--transition)}
 .form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:rgba(255,255,255,0.15);box-shadow:0 0 0 3px rgba(0,82,204,0.2)}
 .form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.5)}
 .form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
 .form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
 .help-text{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-top:0.5rem}
 .file-upload-area{border:2px dashed rgba(255,255,255,0.2);border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:var(--transition)}
 .file-upload-area:hover{border-color:var(--primary);background:rgba(0,82,204,0.05)}
 .file-upload-area i{font-size:2rem;margin-bottom:0.5rem;color:var(--primary)}
 .file-list{margin-top:1rem;display:flex;flex-wrap:wrap;gap:0.5rem}
 .file-item{background:rgba(0,82,204,0.2);padding:0.5rem 1rem;border-radius:50px;font-size:0.85rem;display:flex;align-items:center;gap:0.5rem}
 .file-item .remove-file{cursor:pointer;color:var(--danger)}
 .btn-submit{width:100%;padding:1.25rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}
 .btn-submit:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,82,204,0.3)}
 .auto-save-toast{position:fixed;bottom:2rem;right:2rem;background:#28a745;color:white;padding:0.75rem 1.5rem;border-radius:50px;font-size:0.9rem;display:flex;align-items:center;gap:0.75rem;z-index:1000;opacity:0;transform:translateY(20px);transition:all 0.3s ease;pointer-events:none;box-shadow:0 4px 15px rgba(0,0,0,0.2)}
 .auto-save-toast.show{opacity:1;transform:translateY(0)}
 .auto-save-toast i{font-size:1.1rem}
 .saving-indicator{position:fixed;bottom:2rem;right:2rem;background:rgba(0,0,0,0.8);color:white;padding:0.75rem 1.5rem;border-radius:50px;font-size:0.9rem;display:none;align-items:center;gap:0.75rem;z-index:1000}
 .saving-indicator.show{display:flex}
 .saving-indicator .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite}
 @keyframes spin{to{transform:rotate(360deg)}
 }
 @media (max-width:768px){.form-row,.form-row-3{grid-template-columns:1fr;gap:1rem}
 .form-section{padding:1.5rem}
 .tech-task-header h1{font-size:1.8rem}
 .auto-save-toast,.saving-indicator{bottom:1rem;right:1rem;left:1rem;text-align:center;justify-content:center}
 }