@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a202c,#2d3748);color:#e2e8f0;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 7px 14px #3282ce4d}50%{transform:scale(1.02);box-shadow:0 10px 20px #3282ce66}to{transform:scale(1);box-shadow:0 7px 14px #3282ce4d}}.container{width:100%;max-width:550px;text-align:center;animation:fadeInUp .5s ease-out}header{margin-bottom:40px}header h1{font-size:2.8rem;font-weight:700;color:#f7fafc;margin-bottom:10px}header p{font-size:1.15rem;color:#a0aec0}.card{background:#2d3748b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:35px;border-radius:16px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;margin-bottom:20px;display:flex;flex-direction:column;gap:20px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 25px 50px -12px #00000059}.card h2{margin-top:0;font-size:1.8rem;color:#fff}input[type=text],input[type=password]{width:100%;padding:14px;border:1px solid #4a5568;border-radius:10px;box-sizing:border-box;font-size:1rem;background-color:#2d3748;color:#e2e8f0;transition:all .3s ease}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #4299e180;background-color:#1a202c}button{background:linear-gradient(90deg,#4299e1,#3182ce);color:#fff;padding:14px 20px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px #3282ce33}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 14px #3282ce4d;animation:pulse 1.5s infinite}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#4a5568;box-shadow:none;cursor:not-allowed;opacity:.7}.selection-card{padding:40px}.selection-buttons{display:flex;flex-direction:column;gap:15px;margin-top:20px}.secondary-btn{background:#4a5568;box-shadow:0 4px 6px #4a556833}.secondary-btn:hover:not(:disabled){background:#2d3748;box-shadow:0 7px 14px #2d37484d}.progress-bar-container{width:100%;background-color:#1a202c;border-radius:99px;overflow:hidden}.progress-bar{width:0%;background:linear-gradient(90deg,#48bb78,#38a169);color:#fff;text-align:center;line-height:24px;padding:2px 0;border-radius:99px;transition:width .5s cubic-bezier(.25,1,.5,1)}.message{font-weight:500;margin-top:10px;padding:10px;border-radius:8px;background-color:#2d3748}.dropzone{border:2px dashed #4a5568;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease}.dropzone.active{border-color:#3182ce;background-color:#4299e11a;transform:scale(1.02)}.dropzone p{margin:0;color:#a0aec0;font-size:1.1rem}.custom-file-upload{color:#3182ce;cursor:pointer;font-weight:500;display:inline-block;margin-top:10px}.success-card{text-align:left;border-left:5px solid #48bb78}.info-box label{display:block;font-weight:500;color:#a0aec0;margin-bottom:8px}.copy-container{display:flex;gap:10px}.copy-container input{flex-grow:1;background-color:#1a202c;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.copy-container button{flex-shrink:0;border-top-left-radius:0;border-bottom-left-radius:0}.success-message{color:#68d391;background-color:#48bb781a}.upload-another-btn{margin-top:20px;background:#4a5568}.back-btn{background:none;border:1px solid #4a5568;color:#a0aec0;margin-top:15px}.back-btn:hover:not(:disabled){background:#4a5568;color:#fff;animation:none}@media (max-width: 640px){body{padding:30px 10px 10px;align-items:flex-start}header h1{font-size:2.2rem}.card{padding:20px}}