body { font-family: Segoe UI, Arial, sans-serif; background: #f4f8fb; margin: 0; padding: 0; }
.container { max-width: 520px; margin: 32px auto; background: #fff; padding: 28px 32px 24px 32px; border-radius: 18px; box-shadow: 0 8px 32px #0002; }
h2 { color: #2387f5; }
label { font-weight: bold; color: #385; display: block; margin: 16px 0 5px 0; }
input[type="file"] { margin-bottom: 10px; }
textarea { width: 100%; min-height: 64px; font-size: 1.05em; padding: 7px 10px; border-radius: 8px; border: 1px solid #bbe; margin-bottom: 7px; }
button { width: 100%; font-size: 1.13em; padding: 13px 0; border-radius: 9px; background: linear-gradient(90deg,#3ea6ff,#59f1ce); color: #fff; border: none; cursor: pointer; font-weight: 600; margin-top: 12px;}
button:active { background: linear-gradient(90deg,#297de4,#26e89e); }
#result { margin-top: 22px; padding: 15px 15px 10px 15px; border-radius: 12px; background: #f5faff; font-size: 1.14em; color: #172557; min-height: 20px; }
.row { display: flex; gap: 7px; align-items: center; }
.or { color: #aaa; font-size: 0.95em; padding: 0 6px; }