*{font-family:Arial,Helvetica,sans-serif;font-size:18px;margin:0;padding:0;box-sizing:border-box;outline:none;text-decoration:none}:root{--background-error:#f8d7da;--background-white:#fff;--background-grey:#ccc;--background-lightgrey:#f5f5f5;--background-green:#28a745;--gradient-green:#a6e9d4;--gradient-blue:#8fc3e2;--gradient-pink:#b54cf1;--gradient-purple:#901ad4}#__next,.app-container,body,html{background:#f5f5f5;height:100%;margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100%;.logo{display:flex;flex-shrink:0;height:30px;margin:20px auto}.content{flex:1 1;overflow-y:auto;padding:20px}}hr{background:#ccc;border:none;height:1px;margin:20px auto;max-width:50%;width:100%}form{>input{border-radius:150px;border:none;margin-bottom:10px;outline:none;padding:10px 20px}}.button{background:radial-gradient(ellipse at bottom left,var(--gradient-green),var(--gradient-blue),var(--gradient-pink),var(--gradient-purple));border-radius:500px;border:none;color:#fff;cursor:pointer;display:block;font-weight:600;line-height:1;outline:none!important;padding:10px 20px;text-align:center;transition:all .3s ease;&:hover{animation:gradientAnimation .3s ease-in-out forwards;color:#fff}&.simple{background:none;border:1px solid #333;color:#333;&:hover{background:#333;color:#fff}}}.gradient-svg{background:radial-gradient(ellipse at bottom left,var(--gradient-green),var(--gradient-blue),var(--gradient-pink),var(--gradient-purple));width:24px;height:27px;&.home{mask:url(/home.svg) no-repeat center/contain;-webkit-mask:url(/home.svg) no-repeat center/contain}&.link{mask:url(/link.svg) no-repeat center/contain;-webkit-mask:url(/link.svg) no-repeat center/contain}&.account{mask:url(/account.svg) no-repeat center/contain;-webkit-mask:url(/account.svg) no-repeat center/contain}}.checkbox{cursor:pointer;display:flex;align-items:center;margin:0 0 15px;input{display:none}>span{align-items:center;background-color:var(--background-white);border-radius:150px;display:flex;gap:15px;justify-content:center;padding:10px 20px;.round{background-color:var(--background-grey);display:block;height:20px;width:20px;border-radius:100%}.text{flex:1 1}}input:checked+span{color:#333;.round{background-color:var(--gradient-purple)}}}.message{background-color:var(--background-error);border-radius:150px;margin:15px;padding:10px 30px;text-align:center;&.error{color:#bd2b43}}.loader{align-items:center;background:radial-gradient(ellipse at bottom left,var(--gradient-green),var(--gradient-blue),var(--gradient-pink),var(--gradient-purple));display:flex;width:50px;height:50px;border-radius:50%;animation:spin 1s linear infinite}.content{display:flex;flex-direction:column;position:relative;>.loader{left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%}}.login .content,.register .content{display:flex;flex-direction:column;flex:none;.logo{margin-bottom:50px}}@keyframes gradientAnimation{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{align-items:center;background:#fff;display:flex;flex-shrink:0;margin-top:auto;gap:15px;justify-content:space-around;padding:10px 20px;width:100%;a,span{color:#333}span{margin-left:auto}}.upload-photo{align-items:center;display:flex;justify-content:center;height:100%;margin:auto;max-width:600px;text-align:center;width:90%;.price{margin-bottom:15px}form{.button{margin:auto}}&.column{flex-direction:column;.button{margin-top:30px}}}.price-input-container{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif}.price-label{font-size:.9rem;color:#888;margin-bottom:.5rem}.price-input-wrapper{display:flex;align-items:center;background-color:#f7f7f7;border:2px solid #ccc;border-radius:150px;padding:.5rem 1rem;transition:border-color .3s ease}.price-input-wrapper:focus-within{border-color:#ccc}.currency-symbol{color:#bbb;margin-right:.5rem}.currency-symbol,.price-input{font-size:1.5rem;font-weight:700}.price-input{text-align:center;border:none;background:none;width:5rem;color:#333;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.currency-symbol::selection,.price-input::selection{background:none}.price{border-top:1px solid #ccc;margin-top:30px;padding-top:30px;text-align:center;>span{color:#888;display:block;font-family:Arial,Helvetica,sans-serif;font-style:italic;font-weight:300;margin-top:10px}}.input-link{background-color:#fff;border-radius:150px;border:1px solid #ccc;display:flex;margin-bottom:15px;overflow:hidden;input{background:transparent;border:none;padding:10px;width:100%}button{background:#eee;border:none;border-radius:150px;color:#333;cursor:pointer;font-size:10px;padding:.5rem 1rem;margin-left:5px;transition:all .3s ease;&:hover{background:#ddd}}}.link-container{.button{width:100%}}.account{display:flex;flex-direction:column;align-items:center;justify-content:center;h1{font-size:30px;margin-bottom:30px}}.box{background:var(--background-white);border-radius:15px;display:flex;flex-direction:column;margin:20px auto;padding:15px;text-align:center;p{color:#888;font-style:italic}p,strong{margin-bottom:15px}strong{display:block}>input{background:var(--background-lightgrey);border-radius:150px;border:none;margin-bottom:10px;outline:none;padding:10px 20px}.button.simple{margin-top:15px}}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;h2{color:#333;font-size:24px;margin-bottom:30px}form{display:flex;flex-direction:column}.register-link{border-top:1px solid #ccc;margin-top:30px;padding-top:30px;.button{margin-top:10px}}}.links{overflow-y:auto;.link{align-items:center;border-bottom:1px solid #ccc;display:flex;padding:10px 0;gap:15px;justify-content:space-between;.image{background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #ccc;border-radius:3px;height:50px;width:50px}}}.no-links{align-items:center;color:#333;display:flex;flex-direction:column;margin:auto;text-align:center;.button{margin-top:20px}}.register{display:flex;flex-direction:column;align-items:center;justify-content:center;h2{color:#333;font-size:24px;margin-bottom:30px}form{display:flex;flex-direction:column}.login-link{border-top:1px solid #ccc;margin-top:30px;padding-top:30px;.button{margin-top:10px}}}.add-media-container{display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif}.add-media-button{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at bottom left,var(--gradient-green),var(--gradient-blue),var(--gradient-pink),var(--gradient-purple));width:70px;height:70px;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.add-media-button:hover{transform:scale(1.1);box-shadow:0 6px 10px rgba(0,0,0,.15)}.plus-icon{font-size:2rem;color:#fff;font-weight:700}.add-media-text{text-align:center;margin-top:10px}.add-media-text .title{font-size:1rem;font-weight:700;color:#333}.add-media-text .subtitle{font-size:.85rem;color:#888;margin-top:4px}.media-preview{position:relative;width:200px;height:250px;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.media-image{width:100%;height:100%;object-fit:cover;border-radius:10px}.remove-media-button{padding:0;position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.6);color:#fff;border:none;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer}.remove-media-button:hover{background-color:rgba(0,0,0,.8)}.media-count{position:absolute;bottom:10px;left:10px;background-color:rgba(0,0,0,.6);color:#fff;padding:5px 10px;border-radius:5px;font-size:.9rem}.payment-success{align-items:center;background-color:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;.image{background-position:50%;background-size:contain;background-repeat:no-repeat;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}p{color:#fff;font-size:24px;margin-top:24px}}.photo-viewer{align-items:center;background-color:#000;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;.image{align-items:center;background-position:50%;background-size:contain;background-repeat:no-repeat;bottom:0;height:100%;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;width:100%}p{color:#fff;font-size:24px;margin-top:24px}}