*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.app,body{padding:20px}.app{margin:0 auto;max-width:800px}.card{animation:fadeIn .5s ease-in;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#333;font-size:2.5rem;margin-bottom:10px;text-align:center}.subtitle{color:#666;font-size:1.1rem;margin-bottom:40px;text-align:center}.form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.select-field{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:1rem;padding:14px 18px;transition:all .3s ease}.select-field:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.select-field:focus,.select-field:hover{border-color:#667eea}.btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.loader{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:30px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.results{display:flex;flex-direction:column;gap:20px;margin-top:30px}.result-card{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:25px;transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.result-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.result-card h3{color:#667eea;font-size:1.4rem;font-weight:600;margin-bottom:15px}.result-card p{color:#444;font-size:1rem;line-height:1.8;white-space:pre-wrap}@media (max-width:768px){.card{padding:25px}.title{font-size:2rem}.btn,.subtitle{font-size:1rem}.btn{padding:14px 28px}.result-card{padding:20px}.result-card h3{font-size:1.2rem}.result-card p{font-size:.95rem}}@media (max-width:480px){.app{padding:10px}.card{padding:20px}.title{font-size:1.75rem}.subtitle{font-size:.9rem;margin-bottom:30px}}
/*# sourceMappingURL=main.c2845ef2.css.map*/