.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 50px;z-index:1000;height:80px;border-bottom:1px solid black}.logo img{max-width:200px}.page{padding-top:100px}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{text-decoration:none;color:#4caf50;font-size:16px;font-weight:700}nav ul li a.active-link{color:green;font-weight:700;padding-bottom:2px}.home-container{display:flex;justify-content:space-between;align-items:center;padding:200px 50px 50px;background-color:#f5f7e9}.containt{background-color:#f5f7e9;height:auto}.home-right{width:50%}.home-right h1{font-size:36px;color:#333}.highlight-text{color:#ff4d4d}.home-right p{font-size:18px;color:#555;margin-top:15px;line-height:1.6}.home-left{width:35%;display:flex;justify-content:center;align-items:center}.home-image{max-width:100%;height:auto;border-radius:50%}.footer{text-align:right;font-size:24px;color:#9f9797;font-weight:700;margin-top:20px;background-color:#f5f7e9}@media (max-width: 768px){.containt{padding-top:500px}.home-container{padding-top:500px;flex-direction:column;text-align:center}.home-left,.home-right{padding-bottom:100px;width:100%}.home-image{max-width:80%;margin-top:20px}}@media (max-width: 480px){.containt,.home-container{padding-top:500px}}html,body{height:100%;width:100%;font-family:Arial,sans-serif;background-color:#f5f7e9;color:#333}.logo{position:relative;z-index:1001}#root{width:100vw;min-height:100vh;display:flex;flex-direction:column}.header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 50px;background-color:#f5f7e9;border-bottom:1px solid black;z-index:1000;margin-right:50px}.logo h1{font-family:Georgia,serif;color:#4caf50;font-size:24px}nav ul{list-style:none;display:flex;gap:40px}nav ul li a{font-family:Times New Roman,Times,serif;text-decoration:none;color:#000;font-size:20px}nav ul li a:hover{color:#2e7d32}.burger{display:none;flex-direction:column;cursor:pointer;width:30px;height:21px;justify-content:space-between}.burger div{height:3px;background-color:#4caf50;border-radius:5px}nav ul li a.active-link{color:green;font-weight:700;text-decoration:underline;padding-bottom:2px}.profile-icon{width:30px;height:30px;border-radius:50%;border:2px solid #4caf50;object-fit:cover}.profile-link{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){nav ul{display:none}nav ul.active{display:flex;flex-direction:column;gap:10px;background-color:#f5f7e9;padding:20px;position:fixed;top:70px;right:0;width:200px;border-left:1px solid #d4d9c3;box-shadow:-2px 0 5px #0000001a}.burger{display:flex}}.page-content{width:100%;max-width:800px;padding:20px;margin:0 auto;text-align:center}.content-box{margin:10px 0 30px;border:1px solid #ccc;background-color:#eaffd0;border-radius:8px;display:inline-block;text-align:center;box-shadow:0 4px 10px #0000001a;padding:30px 50px 100px;position:relative}.page-title{font-size:36px;color:#333;margin:20px 0}.file-input{display:block;margin:0 auto 10px;padding:8px;background:#f5f5f5;border:1px solid #ddd;border-radius:5px}.predict-btn{background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;width:150px;margin:10px auto}.images-box{position:relative;display:flex;justify-content:center;align-items:center;margin-top:20px;height:150px}.images-box img{position:relative;width:80px}.images-box img:nth-child(1){position:absolute;top:0;left:40px;width:90px}.images-box img:nth-child(2){position:relative;z-index:1;width:100px;bottom:-50px}.images-box img:nth-child(3){position:absolute;top:0;right:40px;width:150px}.close-btn{position:absolute;top:10px;right:10px;background-color:red;color:#fff;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;width:30px;height:30px}.back-btn-error:hover{background-color:#bbb}.result-page{text-align:center;margin-top:400px;background-color:#f5f7e9}.result-border{margin:30px 0;border:1px solid #ccc;background-color:#eaffd0;border-radius:8px;display:inline-block;text-align:center;box-shadow:0 4px 10px #0000001a;padding:30px 50px 100px;position:relative}.result-title{font-size:24px;margin-top:20px;font-weight:700}.result-image{max-width:1000px;margin:20px auto;border:2px solid #ccc;border-radius:5px;width:40%}.result-description{font-size:16px;color:#555;margin-top:10px}.back-btn{background-color:red;border:none;border-radius:5px;cursor:pointer;width:50px;margin-left:300px;padding:5px 10px;display:inline-block;margin-bottom:20px}.page .footer{text-align:right;font-size:24px;color:#9f9797;font-weight:700;padding:20px;background-color:#f5f7e9;width:100%;box-sizing:border-box}.leaf{position:absolute;width:160px;height:auto}.leaf.top-left{top:-20px;left:-20px}.leaf.bottom-right{bottom:-20px;right:-20px}.simple-btn{background:none;color:#4caf50;border:none;font-size:16px;cursor:pointer;text-decoration:underline;margin-top:20px}.simple-btn:hover{color:#2e7d32;text-decoration:none;/}.details-page{padding:150px 20px 20px;background-color:#f5f7e9}.details-layout{display:flex;justify-content:space-between;align-items:flex-start;padding:50px 40px;gap:20px;background-color:#f5f7e9}.details-image-container{flex:0 0 35%;display:flex;order:1;height:auto}.details-image{max-width:100%;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;object-fit:cover;align-items:stretch}.details-text-container{flex:1;background-color:#f9f9f9;padding:20px;border-radius:10px;border:1px solid #ddd;box-shadow:0 4px 8px #0000001a;text-align:center;order:0;max-width:900px;width:200px;height:auto;overflow-y:auto}.details-title{font-size:28px;margin-bottom:20px;color:#c84242;text-align:center}.details-text-container h2{font-size:20px;margin-top:20px;color:#333}.details-text-container ul{list-style:disc;margin-left:20px;text-align:left}.detail-back-btn{margin-bottom:20px;background-color:green;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;width:50px;display:inline-block;flex:1;margin-top:50px}.back-btn:hover{background-color:#bbb}.page-login{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5f7e9;padding-top:300px}.page-title-login{font-size:24px;font-weight:700;color:#333;margin-bottom:20px}.page-content-login{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:40px 20px;width:100%;max-width:500px;text-align:left;border:1px solid #e0e0e0}form{display:flex;flex-direction:column;gap:15px}input[type=text],input[type=email],input[type=password]{width:100%;padding:12px;border:1px solid black;border-radius:5px;font-size:16px;outline:none;transition:border-color .3s ease;background-color:#f3f2f2}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:#4caf50}label{font-size:14px}input[type=checkbox]{margin-right:8px;background-color:#fff}.submit-form{padding:12px 20px;font-size:16px;font-weight:700;color:#fff;background-color:#00f;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-left:350px}button:hover{background-color:#45a049}@media (max-width: 768px){.header{padding:10px 20px}.logo h1{font-size:20px}.content-box,.result-border{padding:15px 15px 80px;max-width:90%}.page-title{font-size:28px}.file-input,.predict-btn{width:100px;margin-bottom:10px}.page-content{padding:10px}.page{padding-top:50px}.images-box img{width:40px;gap:20px}.details-layout{flex-direction:column;gap:20px}.details-image-container{margin:10px auto auto;order:-1;text-align:center}.details-text-container{order:0;text-align:center;max-width:100%;width:100%}.detail-back-btn{order:-1;z-index:1000;margin-top:600px}.page-content-login{padding:30px 20px;width:90%}.page-title-login{font-size:20px;margin-bottom:15px}.submit-form{font-size:14px;margin-left:175px;margin-top:30px;background-color:#00f}}@media (max-width: 480px){h2{font-size:24px}input[type=text],input[type=email],input[type=password],button{font-size:14px;padding:10px}.page{padding-top:40px}.page-title{font-size:24px}.file-input{font-size:14px;padding:8px}.result-border{padding:30px 30px 80px;max-width:80%}.back-btn{background-color:red;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;width:50px;margin-left:250px}.predict-btn{font-size:14px;padding:8px 16px}images-box img{width:30px;gap:20px}}.page{padding-top:300px;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#f5f7e9}.photo{width:80%;margin-top:300px}.page-title-price{font-size:32px;color:#fff;text-align:center;padding:100px 200px;background-image:url(../assets/price.jpg);background-size:cover;background-position:center;max-width:90%}.page-subtitle{font-size:16px;color:#777;max-width:900px;margin-bottom:40px}.plans{display:flex;justify-content:center;gap:20px;width:100%;max-width:1200px}.plan{background-color:#f9f9f9;padding:30px;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:300px;width:100%;text-align:center}.plan h2{font-size:24px;margin-bottom:20px;color:#333}.plan ul{list-style-type:none;padding:0;margin:0 0 20px}.plan ul li{margin:10px 0;color:#555;font-size:16px}.price-btn,.current-plan-btn{display:inline-block;padding:10px 20px;border:none;border-radius:20px;cursor:pointer;font-size:16px;color:#fff}.price-btn{background-color:#4caf50}.price-btn:hover{background-color:#45a049}.current-plan-btn{background-color:#e0e0e0;color:#666;cursor:default}.premium{border:2px solid #4caf50}.footer{text-align:right;font-size:24px;color:#9f9797;font-weight:700;padding:20px;background-color:#f5f7e9;width:100%;box-sizing:border-box}@media (max-width: 768px){#page{padding-top:1500px}.plans{flex-direction:column;align-items:center}.plan{margin-bottom:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333}.about-container{display:flex;justify-content:space-between;align-items:flex-start;padding:300px 40px 0;gap:20px;background-color:#f5f7e9}.about-left{width:55%}.about-left h3{font-size:20px;color:#999;letter-spacing:1.5px;margin-bottom:10px}.about-left h1{font-size:36px;color:#333;margin-bottom:20px;line-height:1.4}.about-left p{font-size:18px;color:#555;margin-bottom:15px;line-height:1.6}.signup-button{display:inline-block;background-color:#4caf50;color:#fff;padding:15px 30px;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;margin-left:300px;transition:background-color .3s ease;width:200px;margin-bottom:50px}.signup-button:hover{background-color:#45a049;transform:scale(1.05)}.about-right{width:40%;display:flex;flex-direction:column;align-items:center;text-align:center}.about-image{max-width:100%;height:auto;margin-bottom:20px;border-radius:10px}.contact-icons{display:flex;gap:10px;justify-content:center}.contact-icons img{width:40px;height:40px}@media (max-width: 768px){.about-container{flex-direction:column;text-align:center;align-items:center;gap:30px;padding-top:1100px}.about-left,.about-right{width:100%}.about-image{max-width:80%;margin:20px 0}.signup-button{width:80%;padding:12px 20px;margin-left:10px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}