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-turquoise:#2dd4bf;--secondary-turquoise:#5ddbca;--accent-orange:#d96725;--light-turquoise:#e6f5f7;--dark-turquoise:#14b8a6;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-600:#6c757d;--gray-800:#343a40;--white:#fff;--border-radius:12px;--shadow:0 4px 6px #16808c1a;--shadow-lg:0 10px 25px #16808c26}*{box-sizing:border-box}body{background:linear-gradient(135deg,#e6f5f7,#fff);background:linear-gradient(135deg,var(--light-turquoise) 0,var(--white) 100%);color:#343a40;color:var(--gray-800);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;min-height:100vh}.app-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1rem}.header{align-items:center;background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);display:flex;justify-content:center;margin-bottom:3rem;padding:2rem}.logo{filter:drop-shadow(0 2px 4px rgba(22,128,140,.1));height:60px;margin-right:1.5rem}.title{color:#2dd4bf;color:var(--primary-turquoise);font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #16808c1a}.subtitle{color:#6c757d;color:var(--gray-600);font-size:1.1rem;font-weight:400;margin-top:.5rem}.main-form{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);padding:2.5rem}.form-section{margin-bottom:2.5rem}.form-label{color:#14b8a6;color:var(--dark-turquoise);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.form-textarea{background:#f8f9fa;background:var(--gray-100);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.form-textarea:focus{background:#fff;background:var(--white);border-color:#5ddbca;border-color:var(--secondary-turquoise);box-shadow:0 0 0 3px #1fa3b31a;outline:none}.file-input{background:#f8f9fa;background:var(--gray-100);border:2px dashed #dee2e6;border:2px dashed var(--gray-300);border-radius:12px;border-radius:var(--border-radius);cursor:pointer;padding:.75rem;transition:all .3s ease}.file-input:hover{background:#e6f5f7;background:var(--light-turquoise);border-color:#5ddbca;border-color:var(--secondary-turquoise)}.mutation-site{background:#f8f9fa;background:var(--gray-100);border:2px solid #e9ecef;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.mutation-site:hover{border-color:#5ddbca;border-color:var(--secondary-turquoise);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow)}.site-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.site-input{border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);flex:1 1;font-size:1rem;min-width:200px;padding:.75rem;transition:all .3s ease}.site-input:focus{border-color:#5ddbca;border-color:var(--secondary-turquoise);box-shadow:0 0 0 3px #1fa3b31a;outline:none}.btn{border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#2dd4bf;background:var(--primary-turquoise);color:#fff;color:var(--white)}.btn-primary:hover{background:#14b8a6;background:var(--dark-turquoise);box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-secondary{background:#5ddbca;background:var(--secondary-turquoise);color:#fff;color:var(--white)}.btn-secondary:hover{background:#2dd4bf;background:var(--primary-turquoise);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-success{background:#d96725;background:var(--accent-orange);color:#fff;color:var(--white)}.btn-success:hover{background:#b8541e;box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #2dd4bf;border:2px solid var(--primary-turquoise);color:#2dd4bf;color:var(--primary-turquoise)}.btn-outline:hover{background:#2dd4bf;background:var(--primary-turquoise);color:#fff;color:var(--white)}.btn-small{font-size:.85rem;padding:.5rem 1rem}.btn-orange{background:#f8f9fa;background:var(--gray-100);border:2px solid #d96725;border:2px solid var(--accent-orange);color:#d96725;color:var(--accent-orange);transition:all .3s ease}.btn-orange:hover{background:#d96725;background:var(--accent-orange);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);color:#fff;color:var(--white);transform:translateY(-2px)}.amino-acid-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.amino-acid-item{background:#fff;background:var(--white);border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1rem;transition:all .3s ease}.amino-acid-item:hover{border-color:#5ddbca;border-color:var(--secondary-turquoise);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow)}.amino-acid-checkbox{align-items:center;color:#14b8a6;color:var(--dark-turquoise);display:flex;font-weight:500;margin-bottom:.5rem}.amino-acid-checkbox input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.amino-acid-input{border:1px solid #dee2e6;border:1px solid var(--gray-300);border-radius:6px;font-weight:500;padding:.5rem;text-align:center}.design-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.results-section{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);margin-top:3rem;padding:2rem}.results-title{color:#2dd4bf;color:var(--primary-turquoise);font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.charts-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.chart-item{background:#f8f9fa;background:var(--gray-100);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:all .3s ease}.chart-item:hover{box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);transform:translateY(-2px)}.chart-title{color:#14b8a6;color:var(--dark-turquoise);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.stat-card{background:#e6f5f7;background:var(--light-turquoise);border:1px solid #5ddbca;border:1px solid var(--secondary-turquoise);border-radius:12px;border-radius:var(--border-radius);padding:1.5rem;text-align:center}.stat-value{color:#2dd4bf;color:var(--primary-turquoise);font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6c757d;color:var(--gray-600);font-size:.9rem;font-weight:500}.navigation{align-items:center;background:#fff;background:var(--white);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--gray-200);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:1rem 2rem}.nav-brand a{color:#2dd4bf;color:var(--primary-turquoise);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-logo{height:40px;width:auto}.nav-links{display:flex;gap:2rem}.nav-link{border-radius:12px;border-radius:var(--border-radius);color:#6c757d;color:var(--gray-600);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#e6f5f7;background:var(--light-turquoise);color:#2dd4bf;color:var(--primary-turquoise)}.landing-page{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.landing-header{background:linear-gradient(135deg,#e6f5f7,#fff);background:linear-gradient(135deg,var(--light-turquoise) 0,var(--white) 100%);padding:4rem 2rem 2rem;text-align:center}.landing-logo{filter:drop-shadow(0 4px 8px rgba(22,128,140,.2));height:120px;margin-bottom:2rem}.landing-header h1{color:#2dd4bf;color:var(--primary-turquoise);font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #16808c1a}.landing-subtitle{color:#6c757d;color:var(--gray-600);font-size:1.3rem;margin:0 auto;max-width:600px}.landing-main{flex:1 1;flex-direction:column;padding:3rem 2rem}.landing-main,.quote-section{align-items:center;display:flex}.quote-section{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);gap:3rem;margin-bottom:4rem;margin-top:4rem;max-width:1200px;padding:3rem;width:100%}.quote-content{flex:1 1}.hero-quote{border-left:5px solid #5ddbca;border-left:5px solid var(--secondary-turquoise);color:#2dd4bf;color:var(--primary-turquoise);font-size:2.5rem;font-weight:700;line-height:1.3;margin:0;padding-left:2rem}.quote-image{align-items:center;display:flex;flex:1 1;justify-content:center}.quote-image img{border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);height:auto;max-width:100%}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;max-width:1200px;width:100%}.feature-card{background:#fff;background:var(--white);border:1px solid #e9ecef;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-card h3{color:#2dd4bf;color:var(--primary-turquoise);font-size:1.3rem;margin-bottom:1rem}.feature-card p{color:#6c757d;color:var(--gray-600);line-height:1.6}.cta-section{margin-top:auto}.cta-button{background:#d96725;background:var(--accent-orange);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 6px #16808c1a;box-shadow:var(--shadow);color:#fff;color:var(--white);display:inline-block;font-size:1.2rem;font-weight:600;padding:1rem 3rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#b8541e;box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);transform:translateY(-3px)}@media (max-width:768px){.app-container{padding:1rem}.header{flex-direction:column;text-align:center}.logo{margin-bottom:1rem;margin-right:0}.title{font-size:2rem}.site-controls{align-items:stretch}.design-buttons,.site-controls{flex-direction:column}.amino-acid-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.navigation{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:1rem}.landing-header h1{font-size:2rem}.landing-subtitle{font-size:1.1rem}.quote-section{flex-direction:column;gap:2rem;padding:2rem}.hero-quote{border-left-width:3px;font-size:1.8rem;padding-left:1rem}.features{gap:1.5rem;grid-template-columns:1fr}}.beta-login-container{align-items:center;background:linear-gradient(135deg,#e6f5f7,#fff);background:linear-gradient(135deg,var(--light-turquoise) 0,var(--white) 100%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.beta-login-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 25px #16808c26;box-shadow:var(--shadow-lg);max-width:500px;padding:3rem;text-align:center;width:100%}.beta-login-image{border-radius:8px;height:auto;margin-bottom:2rem;max-width:280px;width:100%}.beta-login-title{color:#14b8a6;color:var(--dark-turquoise);font-size:2.5rem;margin:0 0 .5rem}.beta-login-subtitle{color:#6c757d;color:var(--gray-600);font-size:1.2rem;margin:0 0 2rem}.beta-login-form{display:flex;flex-direction:column;gap:1rem}.beta-login-label{color:#343a40;color:var(--gray-800);font-size:1rem;text-align:left}.beta-login-input{border:2px solid #dee2e6;border:2px solid var(--gray-300);border-radius:8px;font-size:1rem;padding:1rem;transition:border-color .2s ease}.beta-login-input:focus{border-color:#2dd4bf;border-color:var(--primary-turquoise);outline:none}.beta-login-error{color:#e74c3c;font-size:.9rem;margin:0;text-align:left}.beta-login-button{background:#2dd4bf;background:var(--primary-turquoise);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:background-color .2s ease,transform .1s ease}.beta-login-button:hover{background:#14b8a6;background:var(--dark-turquoise)}.beta-login-button:active{transform:scale(.98)}.loading-container{align-items:center;color:#6c757d;color:var(--gray-600);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}
/*# sourceMappingURL=main.64bd917a.css.map*/