:root{--primary-blue:#06c;--secondary-teal:#00a896;--accent-coral:#ff6b6b;--text-dark:#1a1a1a;--text-light:#666;--bg-light:#f8fafb;--bg-white:#fff;--border-light:#e1e8ed;--success-green:#4caf50;--error-red:#f44336}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--bg-light);color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}main{margin:2rem auto;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-width:600px}.upload-container{background-color:var(--bg-white);padding:3rem;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%}.logo-container{text-align:center;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.logo-container img{height:auto;max-width:100%}h1{font-size:2rem;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.subtitle,h1{text-align:center}.subtitle{color:var(--text-light);font-size:1rem;margin-bottom:2rem}button,input[type=reset],input[type=submit]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.file-input-wrapper{margin-bottom:1.5rem;border:2px dashed var(--border-light);border-radius:.75rem;padding:2rem;text-align:center;background-color:var(--bg-light);transition:all .3s ease}.file-input-wrapper:hover{border-color:var(--primary-blue);background-color:rgba(0,102,204,.05)}input[type=file]{width:100%;cursor:pointer}input[type=file]::-webkit-file-upload-button{background-color:var(--bg-white);border:2px solid var(--primary-blue);color:var(--primary-blue);padding:.75rem 1.5rem;margin-right:1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=file]::file-selector-button{background-color:var(--bg-white);border:2px solid var(--primary-blue);color:var(--primary-blue);padding:.75rem 1.5rem;margin-right:1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}input[type=file]::-webkit-file-upload-button:hover{background-color:var(--primary-blue);color:var(--bg-white)}input[type=file]::file-selector-button:hover{background-color:var(--primary-blue);color:var(--bg-white)}button{width:100%;border-radius:.5rem;background-color:var(--primary-blue);color:var(--bg-white);padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,102,204,.2)}button:hover:not(:disabled){background-color:#0052a3;transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,102,204,.3)}button:disabled{background-color:var(--border-light);color:var(--text-light);cursor:not-allowed;box-shadow:none}.uploading-text{display:inline-block;margin-left:.5rem}form{display:flex;flex-direction:column}.file-info{margin-top:1rem;background-color:var(--bg-light);color:var(--text-light)}.file-info,.message{padding:1rem;border-radius:.5rem;font-size:.875rem}.message{margin-bottom:1.5rem;font-weight:500;text-align:center}.message-success{background-color:rgba(76,175,80,.1);color:var(--success-green);border:1px solid rgba(76,175,80,.3)}.message-error{background-color:rgba(244,67,54,.1);color:var(--error-red);border:1px solid rgba(244,67,54,.3)}@media (max-width:640px){main{padding:1rem}.upload-container{padding:2rem}h1{font-size:1.5rem}.logo-container img{max-width:150px}}