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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1995ad;font-family:Arial Rounded MT Bold,sans-serif;font-family:Helvetica,Arial,sans-serif;height:2550px;padding-top:120px;text-align:center}header h1{color:#fff;font-size:2.5em;margin:0;padding:20px}header p{color:#fff;font-size:1.5rem;line-height:1.8;padding-bottom:30px;padding-top:10px;text-align:justify}.img1,header p{margin:auto;width:1000px}.p2{font-size:1.5rem;line-height:1.8;padding-bottom:20px;padding-top:10px}.project-phases{margin:auto;width:1000px}.project-phases h2{color:#fff;font-size:1.5em}.phase{display:flex;height:400px;justify-content:space-between;padding-top:20px;position:relative;width:1000px}.phase1{padding-top:90px;text-align:start;width:450px}.phase1 ul{color:#fff;line-height:1.5;padding-left:15px}.phase1 ul li{color:#fff}.phase2{float:right;padding-top:110px;text-align:start;width:550px}.phase2 ul li{color:#fff}.phase2 ul{color:#fff;line-height:1.5;padding-left:15px}.img4img{padding-right:50px;padding-top:5px}.img4img,.img5img{height:50vh;width:auto}.img5img{padding-left:10px;padding-right:10px;padding-top:10px}.img1img,.img2img{height:50vh;width:auto}.img2img{padding-top:20px}.img3img{height:50vh;padding-left:50px;padding-top:30px;width:auto}.img4-lable{color:#ffa200;font-size:13.5px;position:absolute}.phase3{padding-top:120px;text-align:start;width:450px}.phase3 ul li{color:#fff}.phase3 ul{color:#fff;line-height:1.5;padding-left:15px}.file-upload{background-color:#fff;border-radius:20px;height:400px;margin-top:70px!important;margin:auto;width:600px}.file-upload h4{color:#1995ad;padding:20px 20px 5px;text-align:left}.file-upload p{color:#1995ad;font-size:12px;padding-left:20px;text-align:left}.file-upload input{margin-top:10px}.file-upload button{background-color:#1995ad;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 15px}.file-upload button:hover{background-color:#0f9bb7}.drag-area{border:2px dashed #ccc;border-radius:10px;height:190px;margin:auto;padding:20px;text-align:center;transition:background-color .3s ease;width:500px}.drag-area p{padding:10px;text-align:center}.drag-area button{background-color:#1995ad;margin:auto}.highlight{background-color:#007bff1a;border-color:#007bff}footer{border-top:1px solid #fff;display:flex;justify-content:space-between;margin-top:100px;padding:8px}.icons{padding-right:10px;padding-top:10px}.icons a{color:#fff;height:20px;justify-content:space-between;margin-top:80px;padding:8px;width:20px}footer div a svg{color:#fff!important}a{color:#fff}a svg{fill:currentColor}footer p,svg{color:#fff}footer p{font-size:small;padding-left:10px;text-align:left}.analysis-container{background-color:#1995ad;color:#fff;font-family:Helvetica,Arial,sans-serif;margin:0 auto;min-height:100vh;padding:100px 2rem 2rem}.analysis-container h1{font-size:1.8rem;margin-bottom:2rem;text-align:center}.p1{font-weight:700}.list1{list-style-type:disc;padding-left:20px}.intro-text{font-size:1.3rem;line-height:1.6;margin:0 auto 3rem;max-width:800px;text-align:center}.content-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:2rem;margin:0 auto 3rem;padding-left:90px;padding-right:2rem;width:calc(100% - 40px)}.content-section.reverse{flex-direction:row-reverse!important;margin:0 auto 3rem}.image-section{align-items:center;display:flex;justify-content:center}.image-section,.text-section{flex:1 1;max-width:50%}.analysis-dna-image{border-radius:8px;height:350px;max-width:80%}.bias-framework-image{border-radius:8px;height:350px;max-width:100%;width:650px}h2{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:1.5rem}ul{list-style:none;padding:0}li{font-size:1.1rem;margin-bottom:1rem}.ai-model-section,.formulas-section{margin:0 auto 3rem;max-width:800px}b{color:#fff}@media (max-width:768px){.content-section{flex-direction:column}.content-section.reverse{flex-direction:column;padding:0 1rem}.image-section,.text-section{max-width:100%;width:100%}}.App{background-color:none;display:flex;flex-direction:column;height:100%}.App-header{background-color:#1a202c;color:#fff;padding:1rem;text-align:center}.visualization-page{background-color:#1995ad;color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:110px 40px 40px}.visualization-page h1{font-size:1.8rem;letter-spacing:2px;margin-bottom:10px;text-align:center}.grid-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.graph-card{background:#ffffff1a;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.graph-card:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.graph-card h2{color:#fff;font-size:1.5em;margin-bottom:15px;text-align:center}.graph-image{border-radius:8px;height:100%;object-fit:cover;width:100%}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;color:#333;max-height:90vh;max-width:90%;padding:20px;position:relative;text-align:center}.modal-content h2{color:#1995ad;margin-bottom:20px}.modal-graph{margin:20px 0}.close-cross{border:none;border-radius:50%;color:#000;cursor:pointer;font-size:20px;height:30px;line-height:30px;position:absolute;right:10px;top:10px;transition:background-color .3s ease;width:30px}.close-cross:hover{background-color:#b7bcbd}@media (max-width:768px){.visualization-page{padding:20px}.grid-container{grid-template-columns:1fr}.visualization-page h1{font-size:2em}.graph-card h2{font-size:1.3em}}.mosaic-page-container{background-color:#1995ad;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:space-between;min-height:82vh;padding:90px 20px 20px;text-align:center}.mosaic-header{margin-top:40px}.mosaic-header h1{font-size:1.8rem;font-weight:700;padding-bottom:5px}.mosaic-header p{font-size:1.5rem;opacity:.9;padding-bottom:10px;padding-top:2px;text-align:center}.mosaic-content{align-items:center;display:flex;flex-direction:column;margin:10px auto;max-width:800px}.mosaic-call-to-action{margin-bottom:20px}.mosaic-image-button{border:1px solid #fff;border-radius:15px;cursor:pointer;height:350px;transition:transform .3s ease,box-shadow .3s ease;width:600px}.mosaic-image-button:hover{box-shadow:0 4px 15px #0000004d;transform:scale(1.1)}.image-tooltip-wrapper{display:inline-block;position:relative}.tooltip-text{background-color:#000c;border-radius:6px;bottom:90%;color:#fff;font-size:.9rem;left:50%;opacity:0;padding:5px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:180px;z-index:1}.image-tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.mosaic-description{text-align:center}.mosaic-description h2{display:block;font-size:2rem;margin-bottom:5px;text-align:center}.mosaic-description p{font-size:1.2rem;line-height:1.6;margin-bottom:20px}.mosaic-footer{margin-bottom:20px}.mosaic-footer p{font-size:1.1rem;opacity:.8}@media (max-width:768px){.mosaic-header h1{font-size:2rem}.mosaic-header p{font-size:1.2rem}.mosaic-description h2{font-size:1.5rem}.mosaic-description p{font-size:1rem}.mosaic-image-button{height:150px;width:150px}.tooltip-text{font-size:.8rem;width:140px}}
/*# sourceMappingURL=main.e252e9a2.css.map*/