:root{font-family:"Source Sans 3",Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#f3f4f6;min-height:100%;--bg-large: url(/media/background_large.jpg);--bg-small: url(/media/background_small.jpg);--bg-medium: url(/media/background_medium.jpg);--bg-xl: url(/media/background_xl.jpg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-large, url(/media/background_large.jpg)) center / cover no-repeat fixed;display:flex;justify-content:center;align-items:stretch}#root{width:100%}.app-shell{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.app-shell{background-image:var(--bg-small, url(/media/background_small.jpg)) cover!important}}@media (min-width: 769px) and (max-width: 1279px){.app-shell{background-image:var(--bg-medium, url(/media/background_medium.jpg)) cover!important}}@media (min-width: 1600px){.app-shell{background-image:var(--bg-xl, url(/media/background_xl.jpg)) cover!important}}.content-container{flex:1;width:min(1000px,100%);margin:0 auto;padding:3rem 1.5rem 4rem}.card{background:#fffffffa;border-radius:24px;padding:2.5rem clamp(1rem,4vw,3rem);box-shadow:0 24px 60px #0f172a1f;border:1px solid rgba(148,163,184,.2)}.card-title{font-weight:700;margin:0 0 2.5rem;text-align:center}.language-grid{display:grid;gap:1rem}.language-card{display:block;padding:1rem 1.5rem;border-radius:16px;text-decoration:none;font-weight:600;color:#0f172a;background:linear-gradient(135deg,#3b82f61f,#6366f11f);border:1px solid rgba(99,102,241,.3);transition:transform .2s ease,box-shadow .2s ease}.language-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px #4f46e540}.language-bullet{font-size:1.125rem}.section-header{font-weight:700;margin:1.5rem 0 1rem}.paragraph{margin:.5rem 0}.question-text{margin:1rem 0;font-weight:400}.button{display:inline-flex;justify-content:center;align-items:center;padding:.75rem 1.5rem;border-radius:999px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #6366f159}.button.secondary{background:transparent;color:#1f2937;border:1px solid rgba(15,23,42,.2);box-shadow:none}.button-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.input-group{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.input-group label{font-weight:600}.input-group input,.input-group select,.input-group textarea{width:100%;border-radius:12px;border:1px solid rgba(100,116,139,.3);padding:.75rem 1rem;font-size:1rem;background:#fffffff2}.checkbox-list{display:grid;gap:.75rem;margin-top:1rem}.checkbox-item{display:flex;gap:.75rem;align-items:flex-start}.checkbox-item input[type=checkbox],.checkbox-item input[type=radio]{width:20px;height:20px;margin-top:2px;flex-shrink:0}.checkbox-item input[type=checkbox]{border-radius:4px}.internal-page{display:flex;flex-direction:column;gap:1.5rem}.internal-page__title{font-size:2rem;font-weight:700;margin:0}.internal-page__subtitle{margin:0;color:#4b5563}.internal-tools-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tool-card{background:#fffffffa;border-radius:24px;padding:2rem;box-shadow:0 24px 60px #0f172a1f;border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:1rem}.tool-card__header h2{margin:0;font-size:1.5rem;font-weight:700}.tool-card__header p{margin:.5rem 0 0;color:#4b5563}.dropzone{border:2px dashed rgba(148,163,184,.7);border-radius:20px;padding:2.5rem 1.5rem;text-align:center;background:#f8fafce6;transition:border-color .2s ease,background .2s ease;display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.dropzone:focus-visible{outline:none;border-color:#2563eb;background:#e2e8f0e6}.dropzone__text{margin:0;font-weight:600}.tool-card__form{display:flex;flex-direction:column;gap:.5rem}.tool-card__form--inline{display:flex;flex-wrap:wrap;gap:1rem}.tool-card__field{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.5rem}.tool-card__label{font-weight:600;color:#1f2937}.tool-card__input{width:100%;border-radius:12px;border:1px solid rgba(100,116,139,.3);padding:.75rem 1rem;font-size:1rem;background:#fffffff2}.tool-card__info{color:#2563eb;margin:0;font-weight:600}.tool-card__error{color:#dc2626;margin:0;font-weight:600}.tool-card__result{width:100%;border-radius:16px;border:1px solid rgba(148,163,184,.35);padding:1rem 1.25rem;background:#f8fafcf2;resize:vertical;font-size:1rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-family:"Source Sans 3",Arial,sans-serif}.tool-card__result--scroll{overflow-y:auto}.tool-card__result-panel{display:grid;gap:.75rem;background:#f8fafcf2;border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:1rem 1.25rem}.tool-card__filename{margin:.25rem 0 0;font-family:"Source Sans 3",Arial,sans-serif;word-break:break-word}.tool-card__filename--highlight{font-weight:700;color:#1f2937}.app-shell--internal{background-color:#f8fafc}.content-container--internal{max-width:1100px}.step-indicator{display:flex;gap:.25rem;margin-bottom:1.5rem}.step-dot{width:12px;height:12px;border-radius:50%;background-color:#94a3b880}.step-dot.active{background:linear-gradient(135deg,#2563eb,#7c3aed)}.review-grid{display:grid;gap:1rem;margin-top:1.5rem}.review-row{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#f8fafce6}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:.75rem;border-bottom:1px solid rgba(148,163,184,.25);text-align:left}.table thead th{font-weight:700;background-color:#e2e8f080}
