*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6b6b;--primary-dark:#ff5252;--secondary:#4ecdc4;--dark:#2c3e50;--light:#ecf0f1;--gray:#95a5a6;--success:#27ae60;--error:#e74c3c;--shadow:0 10px 40px #0000001a;--shadow-lg:0 20px 60px #00000026}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:var(--dark);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}main{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 20px}h1{background:linear-gradient(135deg,#fff 0%,var(--light)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3.5rem;font-weight:800;animation:.6s ease-out slideDown}h2{color:#fff;box-shadow:var(--shadow-lg);text-align:center;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border-radius:15px;margin:30px 0;padding:25px 30px;font-size:1.8rem;font-weight:700;line-height:1.4;animation:.8s ease-out slideUp}h2 b{color:var(--light);font-size:2.2rem;font-weight:900}form{box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;margin-top:30px;padding:40px;animation:.8s ease-out .2s backwards fadeIn}.form-group{margin-bottom:25px}label{color:var(--dark);letter-spacing:.5px;margin-bottom:10px;font-size:.95rem;font-weight:600;display:block}input[type=text],input[type=number],input[type=email]{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .3s}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #ff6b6b1a}span[style*="color: red"]{margin-top:6px;font-size:.85rem;font-weight:500;animation:.4s ease-in-out shake;display:block;color:var(--error)!important}.dropzone-container{text-align:center;cursor:"pointer";background-color:#f8f9fa;border:3px dashed #667eea;border-radius:15px;margin-bottom:30px;padding:40px;transition:all .3s}.dropzone-container:hover{border-color:var(--primary);background-color:#e8eaf6}.dropzone-container.active{border-color:var(--primary);background-color:#667eea}.dropzone-container.active p{color:#fff}.dropzone-container p{color:var(--gray);margin:0;font-size:1.1rem;transition:color .3s}input[type=submit]{cursor:pointer;background:linear-gradient(135deg,var(--primary)0%,#ff5252 100%);color:#fff;width:100%;box-shadow:var(--shadow);letter-spacing:.5px;border:none;border-radius:12px;margin-top:20px;padding:16px;font-size:1.1rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}input[type=submit]:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-3px)}input[type=submit]:active:not(:disabled){transform:translateY(-1px)}input[type=submit]:disabled{opacity:.6;cursor:not-allowed}.message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;align-items:center;gap:12px;margin-top:25px;padding:18px 24px;font-weight:600;animation:.5s ease-out slideUp;display:flex}.message.success{color:var(--success);border-left:5px solid var(--success);background:linear-gradient(135deg,#27ae6026,#2ecc7126)}.message.error{color:var(--error);border-left:5px solid var(--error);background:linear-gradient(135deg,#e74c3c26,#c0392b26)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:1.4rem}h2 b{font-size:1.8rem}form{padding:25px}main{padding:20px 10px}}@media (max-width:480px){h1{font-size:2rem}h2{padding:20px;font-size:1.2rem}h2 b{font-size:1.5rem}form{padding:20px}input[type=submit]{padding:14px;font-size:1rem}}