:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.landing-container{background-color:#fff;flex-direction:column;width:100vw;height:100vh;font-family:"serif",Times New Roman,Times,serif;display:flex;overflow:hidden}.landing-header{color:#fff;background-color:#243b46;justify-content:space-between;align-items:center;padding:15px 60px;display:flex}.landing-logo{letter-spacing:4px;margin:0;font-size:2.5rem;font-weight:600}.plus-icon-header{cursor:pointer;font-size:3rem;font-weight:300}.hero-section{background-color:#cadbd9;flex:1;display:flex}.hero-left{flex-direction:column;flex:1.2;justify-content:center;padding-left:80px;padding-right:20px;display:flex}.hero-title{color:#1a2a33;margin-bottom:40px;font-size:3.5rem;font-weight:700;line-height:1.2}.cta-btn{color:#fff;cursor:pointer;background-color:#1a2a33;border:none;border-radius:8px;width:fit-content;padding:15px 40px;font-family:inherit;font-size:2rem;transition:transform .2s}.cta-btn:hover{background-color:#243b46;transform:translateY(-2px)}.hero-right{background-color:#fbe6d4;flex:1;justify-content:center;align-items:center;display:flex}.illustration-wrapper{width:80%;height:auto}.hero-image{mix-blend-mode:multiply;width:100%;height:auto}@media (width<=1024px){.hero-section{flex-direction:column}.hero-left{text-align:center;align-items:center;padding:40px}.hero-title{font-size:2.5rem}}.upload-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:"serif",Times New Roman,Times,serif;display:flex;overflow:hidden}.center-wrapper{flex-direction:column;align-items:center;gap:40px;display:flex}.upload-box{cursor:pointer;background-color:#0000;border:3px dashed #7a9da8;border-radius:12px;justify-content:center;align-items:center;width:500px;height:400px;margin:20px;transition:background-color .2s;display:flex}.upload-box:hover{background-color:#f8fbfc}.plus{color:#7a9da8;margin-bottom:10px;font-size:100px;font-weight:200;line-height:1;display:block}.upload-content p{color:#8a8a8a;text-align:center;margin:0;font-size:2rem}.analyse-btn{color:#fff;cursor:pointer;background-color:#1a2a33;border:none;border-radius:4px;width:500px;padding:18px 0;font-family:inherit;font-size:2.2rem;transition:opacity .3s}.analyse-btn:hover{opacity:.9;background-color:#243b46}.container{flex-direction:column;width:100vw;height:100vh;margin:0;font-family:"serif",Times New Roman,Times,serif;display:flex;overflow:hidden}.header{color:#fff;background-color:#243b46;justify-content:space-between;align-items:center;padding:20px 60px;display:flex}.logo{letter-spacing:4px;text-transform:uppercase;margin:0;font-size:2.8rem;font-weight:500}.mainContent{background-color:#cadbd9;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding-bottom:50px;display:flex}.buttonGroup{gap:30px;width:90%;max-width:1100px;margin-bottom:60px;display:flex}.resultBtn,.backBtn{color:#fff;cursor:pointer;background-color:#1a2a33;border:none;border-radius:12px;padding:30px 20px;font-family:inherit;font-size:2.2rem;transition:all .3s;box-shadow:0 4px 10px #0003}.resultBtn{flex:1}.backBtn{width:350px;padding:20px 0;font-size:2rem}.resultBtn:hover,.backBtn:hover{background-color:#2c4554;transform:translateY(-4px);box-shadow:0 8px 15px #0000004d}.resultBtn:active,.backBtn:active{transform:translateY(0)}@media (width<=768px){.buttonGroup{flex-direction:column;gap:20px}.backBtn{width:90%}}
