#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;font-size:1.6rem}*{font-size:1.2rem}.main{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:100vh;padding:60px 10% 20px;box-sizing:border-box}.form-header{display:none}.form{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:900px;gap:1rem;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-field{display:flex;flex-direction:column;align-items:flex-start;width:100%}.form-field label,.form-field p{font-size:1.1rem;font-weight:500;margin:0;text-align:left}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px 20px;font-size:1.1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;min-height:44px}.form-field select:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.form-field textarea{resize:vertical;font-family:inherit}.form input[type=submit]{padding:14px 24px;font-size:1.2rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;min-height:48px;font-weight:600;margin-top:.5rem}.form input[type=submit]:hover{background-color:#0056b3}.form input[type=submit]:active{background-color:#004085}.error-input{border-color:red!important;background-color:#fff5f5}.success{color:#006400;background-color:#f0f8f0;padding:10px 20px;border-radius:6px;border:1px solid darkgreen;max-width:900px;width:100%;margin:0}.success p{margin:0;font-size:.9rem;text-align:center;font-weight:400}.success-time{margin-top:4px!important;font-size:.8rem!important;color:#555!important;opacity:.8}.error{color:red;background-color:#fff5f5;padding:10px 20px;border-radius:6px;border:1px solid red;max-width:900px;width:100%;font-size:.9rem;text-align:center;font-weight:400;margin:0}@media (max-width: 768px){#root{padding:0;font-size:1.4rem}.main{gap:20px;padding:30px 10px 10px}.form{gap:.8rem;max-width:100%;padding:20px;box-shadow:none}.form-field input,.form-field select,.form-field textarea{font-size:1rem;padding:10px}.form input[type=submit]{font-size:1.1rem;padding:12px 20px;margin-top:.3rem}.success,.error{font-size:.85rem;padding:8px 12px}.success p{font-size:.85rem}}@media (max-width: 480px){#root{padding:0}.main{gap:15px;padding:20px 8px 8px}.form{gap:.7rem;padding:15px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}.main{width:100%;max-width:500px;padding:20px}.form{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;color:#333;transition:box-shadow .3s ease}.form:hover{box-shadow:0 25px 50px #00000026}.form-field{margin-bottom:24px;position:relative;display:flex;align-items:center;gap:16px}.form-field label,.form-field p{display:block;font-weight:600;color:#2c3e50;font-size:14px;text-transform:uppercase;letter-spacing:.5px;min-width:140px;flex-shrink:0;text-align:right;margin:0}.form-field input,.form-field select,.form-field textarea{flex:1;padding:12px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:16px;font-family:inherit;background:#fff;transition:all .3s ease;box-sizing:border-box}.form-field input,.form-field select{height:48px}.form-field textarea{min-height:80px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none}.form-field input,.form-field select,.form-field textarea{-webkit-appearance:none;-webkit-border-radius:12px}.form input[type=submit]{width:100%;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:16px;box-shadow:0 8px 20px #667eea4d}.form input[type=submit]:hover{box-shadow:0 12px 30px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.form input[type=submit]:active{box-shadow:0 6px 15px #667eea4d}.error-input{border-color:#e74c3c!important;background-color:#fdf2f2!important;box-shadow:0 0 0 3px #e74c3c1a!important}.error-input:focus{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c33!important}.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;border-radius:16px;margin-top:20px;box-shadow:0 8px 20px #10b9814d}.success p{margin:8px 0;font-weight:500}.success p:first-child{font-weight:700;font-size:18px;margin-bottom:12px}.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:20px;border-radius:16px;margin-top:20px;font-weight:600;box-shadow:0 8px 20px #ef44444d}@media (max-width: 768px){html,body{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed}body{padding:10px}.main{padding:0;max-width:100%;width:100%}.form{padding:20px;margin:0;border-radius:16px}.form-field{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.form-field label,.form-field p{min-width:auto;text-align:left;font-size:13px;margin-bottom:4px}.form-field input,.form-field select,.form-field textarea{font-size:16px;width:100%;height:44px}.form-field textarea{min-height:70px;height:auto}.form input[type=submit]{height:50px;font-size:16px;margin-top:10px}}@media (max-width: 480px){.form{padding:16px;border-radius:12px}.form-field{margin-bottom:16px}.form-field label,.form-field p{font-size:12px}.form-field input,.form-field select{height:42px;padding:10px 14px}.form-field textarea{min-height:60px;padding:10px 14px}.form input[type=submit]{height:48px;font-size:15px}}@media (max-width: 768px) and (orientation: landscape){.form{padding:16px}.form-field{margin-bottom:16px}.form-field input,.form-field select{height:40px}.form-field textarea{min-height:50px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form{animation:slideUp .6s ease-out}.form-field{animation:slideUp .6s ease-out;animation-fill-mode:both}.form-field:nth-child(1){animation-delay:.1s}.form-field:nth-child(2){animation-delay:.2s}.form-field:nth-child(3){animation-delay:.3s}.form-field:nth-child(4){animation-delay:.4s}.form-field:nth-child(5){animation-delay:.5s}@media (prefers-color-scheme: dark){.form{background:#2d2d2df2;color:#f1f1f1}.form-field label,.form-field p{color:#e1e1e1}.form-field input,.form-field select,.form-field textarea{background:#2a2a2a;border-color:#4a4a4a;color:#f1f1f1}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#667eea;background:#333}.error-input{background-color:#2d1b1b!important;border-color:#e74c3c!important}}