body{background-color:#f4f3ee}.plantImg img{position:absolute;bottom:-110px;right:-140px;opacity:.09;width:820px;height:auto;transform:rotate(-6deg);z-index:0;pointer-events:none}body{margin:0;font-family:Poppins,sans-serif;background-color:#f5f8f6;color:#2f3e46;overflow:hidden}.main-content{display:flex;flex-direction:column;align-items:center;text-align:center;height:100vh;padding:18px 20px;position:relative}#title{font-size:3rem;font-weight:700;color:#1d3557;margin:6px 0 2px}#instruction{font-size:1.2rem;color:#2f3e46;font-weight:500;margin:0;line-height:1}.about-section{position:absolute;top:320px;left:46px;text-align:left;max-width:380px;background:#ffffffd9;padding:24px;border-radius:10px;box-shadow:0 2px 8px #0000001a;line-height:1.6;z-index:2}.about-section h2{margin-bottom:10px;font-size:1.4rem;color:#1d3557}.about-section ul{padding-left:18px;margin:0}.about-section li{margin-bottom:8px}.about-section a{color:#006d77;text-decoration:none;font-weight:500}.about-section a:hover{text-decoration:underline}.upload-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.contact-section{position:absolute;right:22px;background:#ffffffea;border-radius:12px;padding:8px 12px;box-shadow:0 2px 10px #00000014;z-index:3;display:flex;align-items:center;gap:10px}.contact-label{font-size:.95rem;color:#495057}.contact-icons{display:flex;align-items:center;gap:10px}.contact-icon{width:22px;height:22px;display:block;transition:transform .25s ease,filter .25s ease}.contact-icon:hover{transform:scale(1.08);filter:brightness(1.15)}@media(max-width:900px){body{overflow-y:auto}.about-section{position:static;margin-bottom:16px;width:90%}.contact-section{position:static;margin-top:18px}}.input-group{margin-top:90px}.input-group input[type=file]{padding:10px;border:2px dashed #83c5be;border-radius:6px;background-color:#edf6f9;cursor:pointer;transition:all .3s}.input-group input[type=file]:hover{background-color:#d8f3dc}.uploader-row{display:flex;align-items:flex-start;justify-content:center;gap:36px;margin-top:10px}.left-stack{display:flex;flex-direction:column;align-items:stretch}.file-details{background:#fff;border-radius:12px;padding:18px 18px 14px;box-shadow:0 2px 8px #0000000f;width:300px;margin-left:375px}.file-details-title{font-size:1.3rem;font-weight:600;color:#2f3e46;margin-bottom:8px}.file-details-list{list-style:none;padding:0;margin:0 0 10px;line-height:1.45;color:#334}button.submit{display:inline-block;background-color:#2a9d8f;border:none;color:#fff;font-weight:600;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.95rem;box-shadow:0 3px 8px #00000014;transition:.25s}button.submit:hover{background-color:#21867a;transform:translateY(-1px)}.img-preview{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #0000000f;width:300px;text-align:center;position:relative;left:120px;top:-35px}.preview h2{margin:0 0 8px;font-size:1.25rem;color:#1d3557}.preview img{border-radius:10px;box-shadow:0 2px 10px #0000002e;max-height:220px;width:auto}@media(max-width:900px){.uploader-row{flex-direction:column;align-items:center;gap:18px}.img-preview{left:0;width:92%}.file-details{width:92%}}.result{position:fixed;top:480px;right:620px}