@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#3182ce;--secondary-color:#2c5282;--accent-color:#4fd1c5;--background-color:#f0f4f8;--text-color:#2d3748;--shadow-color:#0000001a;--transition-speed:0.3s}body{background-color:#f0f4f8;background-color:var(--background-color);color:#2d3748;color:var(--text-color);font-family:Poppins,sans-serif;margin:0;padding:0;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.app-container{background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:0 10px 30px var(--shadow-color);margin:2rem auto;max-width:1000px;padding:2rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.app-container:hover{box-shadow:0 15px 40px #0000001a;box-shadow:0 15px 40px var(--shadow-color);transform:translateY(-5px)}h1{animation:fadeInDown 1s ease-out;color:#3182ce;color:var(--primary-color);font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #0000001a;text-shadow:2px 2px 4px var(--shadow-color)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h1:before{animation:pulse 2s infinite;content:"\f0f1";font-family:Font Awesome\ 5 Free;margin-right:.5rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.section{animation:fadeIn .5s ease-out;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease;transition:all var(--transition-speed) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section:hover{box-shadow:0 8px 20px #0000001a;box-shadow:0 8px 20px var(--shadow-color);transform:translateY(-5px) scale(1.02)}.cervical-section{background-color:#e6fffa;border-left:6px solid #38b2ac}.thoracic-section{background-color:#e6f6ff;border-left:6px solid #3182ce;border-left:6px solid var(--primary-color)}.lumbar-section{background-color:#faf5ff;border-left:6px solid #805ad5}.sacral-section{background-color:#fff5f5;border-left:6px solid #e53e3e}label{color:#2d3748;color:var(--text-color);display:block;font-weight:600;margin-bottom:.75rem;transition:color .3s ease;transition:color var(--transition-speed) ease}label:hover{color:#3182ce;color:var(--primary-color)}input[type=number]{border:2px solid #cbd5e0;border-radius:10px;font-size:1rem;padding:1rem;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}input[type=number]:focus{border-color:#3182ce;border-color:var(--primary-color);box-shadow:0 0 0 3px #3182ce4d;outline:none;transform:scale(1.02)}input[type=checkbox]{accent-color:#3182ce;accent-color:var(--primary-color);height:1.2rem;margin-right:.5rem;transition:all .3s ease;transition:all var(--transition-speed) ease;width:1.2rem}input[type=checkbox]:hover{transform:scale(1.1)}.calculate-button{background-color:#3182ce;background-color:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin-top:2rem;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease;transition:all var(--transition-speed) ease;width:100%}.calculate-button:before{background-color:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.calculate-button:hover:before{height:300px;width:300px}.calculate-button:hover{background-color:#2c5282;background-color:var(--secondary-color);box-shadow:0 6px 12px #0000001a;box-shadow:0 6px 12px var(--shadow-color);transform:translateY(-3px)}.calculate-button:active{box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);transform:translateY(1px)}.calculate-button:after{content:"\f1ec";font-family:Font Awesome\ 5 Free;margin-left:.5rem;opacity:0;transition:opacity .3s ease;transition:opacity var(--transition-speed) ease}.calculate-button:hover:after{opacity:1}.results{animation:slideInUp .5s ease-out;background-color:#ebf8ff;border:3px solid #90cdf4;border-radius:15px;box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-color);margin-top:2rem;padding:2rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results h2{color:#2c5282;color:var(--secondary-color);font-size:2rem;margin-bottom:1.5rem;text-align:center;text-shadow:1px 1px 2px #0000001a;text-shadow:1px 1px 2px var(--shadow-color)}.results ul{list-style-type:none;margin:0;padding:0}.muscle-item{animation:fadeInLeft .5s ease-out;margin-bottom:1.5rem}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}details{background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}details:hover{box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-color);transform:translateY(-3px)}summary{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}summary:hover{background-color:#f7fafc;color:#3182ce;color:var(--primary-color)}summary:focus{box-shadow:0 0 0 3px #3182ce4d;outline:none}details[open] summary{border-bottom:2px solid #e2e8f0;margin-bottom:1rem}details p{line-height:1.6;margin:0;padding:1rem}.muscle-name,details p{color:#2d3748;color:var(--text-color)}.muscle-name{flex-grow:1;font-weight:600;transition:color .3s ease;transition:color var(--transition-speed) ease}.muscle-name:hover{color:#3182ce;color:var(--primary-color)}.nerve-roots{color:#718096;font-size:.9rem;margin-left:1rem;text-align:right;transition:color .3s ease;transition:color var(--transition-speed) ease}.nerve-roots:hover{color:#2c5282;color:var(--secondary-color)}.nerve-roots .primary-root{color:#3182ce;color:var(--primary-color);font-weight:600}.primary-indicator{animation:bounce 1s infinite;color:#3182ce;color:var(--primary-color);font-size:.9rem;margin-left:.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.warning{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;background-color:#fff5f5;border:2px solid #fc8181;border-radius:10px;color:#e53e3e;font-weight:600;margin-top:1.5rem;padding:1.5rem}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.warning:before{animation:pulse 2s infinite;content:"\f071";font-family:Font Awesome\ 5 Free;margin-right:.5rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background-color:#f7fafc;border-radius:6px}::-webkit-scrollbar-thumb{background-color:#3182ce;background-color:var(--primary-color);border:3px solid #f7fafc;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#2c5282;background-color:var(--secondary-color)}.contact-info{align-items:center;background-color:#f0f4f8;border-radius:15px;box-shadow:0 5px 15px #0000001a;box-shadow:0 5px 15px var(--shadow-color);display:flex;justify-content:center;margin-top:40px;padding:20px;transition:all .3s ease;transition:all var(--transition-speed) ease}.contact-info:hover{box-shadow:0 8px 25px #0000001a;box-shadow:0 8px 25px var(--shadow-color);transform:translateY(-5px)}.contact-info a{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);color:#3182ce;color:var(--primary-color);display:inline-flex;font-size:28px;height:60px;justify-content:center;margin:0 20px;transition:all .3s ease;transition:all var(--transition-speed) ease;width:60px}.contact-info a:hover{box-shadow:0 6px 15px #0000001a;box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-5px) rotate(1turn)}.contact-info a:hover i{color:#2c5282;color:var(--secondary-color)}.contact-info .fa-linkedin{color:#0077b5}.contact-info .fa-envelope{color:#ea4335}.contact-info .fa-globe{color:#34a853}.muscle-directory{background-color:#f8f9fa;border-radius:20px;box-shadow:0 8px 30px #0000001a;box-shadow:0 8px 30px var(--shadow-color);margin-top:3rem;padding:2rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.muscle-directory:hover{box-shadow:0 12px 40px #0000001a;box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-5px)}.muscle-directory h3{border-bottom:3px solid #e2e8f0;color:#3182ce;color:var(--primary-color);font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;text-align:center;text-shadow:1px 1px 2px #0000001a;text-shadow:1px 1px 2px var(--shadow-color)}.muscle-directory details{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);margin-bottom:1rem;overflow:hidden;transition:all .3s ease;transition:all var(--transition-speed) ease}.muscle-directory details[open]{box-shadow:0 8px 20px #0000001a;box-shadow:0 8px 20px var(--shadow-color)}.muscle-directory summary{align-items:center;background-color:#f0f4f8;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease;transition:all var(--transition-speed) ease}.muscle-directory summary:hover{background-color:#e6f2ff;color:#3182ce;color:var(--primary-color)}.muscle-directory summary::marker{color:#3182ce;color:var(--primary-color)}.anatomy-section{background-color:#f8f9fa;border-radius:20px;box-shadow:0 8px 30px #0000001a;margin-top:3rem;padding:2rem;transition:all .3s ease}.anatomy-section h3{color:#3182ce;font-size:2rem;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 2px #0000001a}.anatomy-image{border-radius:12px;box-shadow:0 5px 15px #0003;display:block;height:auto;margin:0 auto;max-width:800px;transition:transform .3s ease;width:100%}.anatomy-image:hover{transform:scale(1.02)}.radio-group{display:flex;gap:20px}.radio-label{align-items:center;cursor:pointer;display:flex;position:relative}.radio-text{margin-left:5px;position:relative}.radio-text[data-tooltip]:hover:before{background-color:#2d3748;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;content:attr(data-tooltip);font-size:.875rem;max-width:300px;padding:8px 12px;width:-webkit-max-content;width:max-content;z-index:1000}.radio-text[data-tooltip]:hover:after,.radio-text[data-tooltip]:hover:before{animation:tooltip-fade .2s ease-in-out forwards;bottom:100%;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.radio-text[data-tooltip]:hover:after{border:8px solid #0000;border-top-color:#2d3748;content:""}@keyframes tooltip-fade{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.label-text{cursor:help;position:relative}.label-text[data-tooltip]:hover:before{background-color:#2d3748;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;content:attr(data-tooltip);font-size:.875rem;max-width:300px;padding:8px 12px;width:-webkit-max-content;width:max-content;z-index:1000}.label-text[data-tooltip]:hover:after,.label-text[data-tooltip]:hover:before{animation:tooltip-fade .2s ease-in-out forwards;bottom:100%;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.label-text[data-tooltip]:hover:after{border:8px solid #0000;border-top-color:#2d3748;content:""}
/*# sourceMappingURL=main.555bf195.css.map*/