@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body{font-family:Poppins,sans-serif}.header{max-width:1100px;justify-content:space-between;padding:10px 20px;margin-bottom:20px}.header,.logo{display:flex;align-items:center}.logo{cursor:pointer}.logo div{display:flex;align-items:center;color:inherit}.logo div,.logo p{text-decoration:none}.logo p{font-size:2em;font-weight:700;color:#00a896;margin-right:10px;font-size:1.5rem}.logo svg{font-size:1.8rem;color:#00a896}.container{max-width:1100px;margin:0 auto;padding:20px}.top-controls{text-align:center;margin-bottom:20px}.main-content{max-width:1100px;width:100%;display:flex;gap:40px;padding:20px;margin:0 auto}.left-panel,.right-panel{flex:1 1;width:100%}.image-cropper{width:100%;margin-bottom:20px}.preview{text-align:center}.preview img{max-width:100%;border-radius:50%}.border{margin-top:20px}.crop-button,.download-button,.upload-button{font-size:15px;border-width:1px;padding:10px;cursor:pointer;color:#fff;border-color:#00a896;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:3px 4px 0 0 #555656;text-shadow:0 1px 0 #528ecc;background:linear-gradient(#00a896,#028090);text-decoration:none;margin-right:1rem}.download-button{display:block;margin:20px auto 0}label{font-weight:500}input[type=file]{display:none}input[type=color],select{margin:5px;padding:2px}@media (max-width:768px){.main-content{flex-direction:column;align-items:center}.left-panel,.right-panel{width:100%;max-width:none}}.content{line-height:1.6;color:#333;max-width:1100px;margin:15px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}h1{font-size:2em;color:#00a896}h1,h2{margin-bottom:10px}h2{font-size:1.5em;color:#028090;margin-top:20px}p{text-align:justify}ol,p{margin:10px 0}ol{padding-left:20px}li{margin:5px 0}strong{font-weight:700}table{width:100%;border-collapse:collapse;margin-top:10px}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#028090;color:#fff}tbody tr:nth-child(2n){background-color:#f2f2f2}ul{margin:10px 0;padding-left:20px;list-style-type:disc}ul li{margin:5px 0}@media (max-width:1200px){.content{max-width:900px;padding:15px}h1{font-size:1.8em}h2{font-size:1.4em}}@media (max-width:992px){.content{max-width:750px;padding:10px}h1{font-size:1.6em}h2{font-size:1.3em}}@media (max-width:768px){.content{max-width:600px;padding:10px}h1{font-size:1.4em}h2{font-size:1.2em}td,th{padding:6px}}@media (max-width:576px){.content{max-width:100%;padding:5px}h1{font-size:1.2em}h2{font-size:1em}td,th{padding:4px}}.footer{line-height:1.6;color:#121212;padding:20px;text-align:center;margin-top:20px}.footer p{margin:0;font-size:.9em;text-align:center;color:#777}.footer ul{list-style:none;padding:0;margin:10px 0 0;display:flex;justify-content:center}.footer li{margin:0 10px}.footer a{text-decoration:none;color:#028090;font-size:.9em}.footer a:hover{text-decoration:underline}@media (min-width:600px) and (max-width:899px){.responsive-image{width:100%;height:auto}}@media (max-width:599px){.responsive-image{width:100%;height:auto}}