@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Montserrat:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Montserrat,sans-serif;background-color:#f5f5f5;color:#333}.app-wrapper{max-width:480px;margin:0 auto;min-height:100vh;padding:20px;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease,color .3s ease}.container{display:flex;flex-direction:column;align-items:center;text-align:center}.logo-circle-large{width:180px;height:180px;border:3px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:20px 0 40px;background-color:#fff;box-shadow:0 4px 15px #0000001a}.title-bold{font-size:26px;font-weight:800;margin-bottom:15px}.description-text{font-size:14px;line-height:1.5;color:inherit;opacity:.9;max-width:90%;margin-bottom:30px}.input-label{display:block;font-weight:700;font-size:14px;margin-bottom:8px;text-align:left;width:100%}.select-input-styled,.input-field-styled{width:100%;padding:14px 15px;border:2px solid #333;border-radius:12px;font-size:16px;font-family:inherit;margin-bottom:12px;background-color:#fff;color:#333;outline:none}.select-input-styled{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}.confirm-btn-dark{width:100%;padding:16px;background-color:#333;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:14px;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:opacity .2s}.confirm-btn-dark:active{opacity:.8}.separator-text{font-weight:800;font-size:18px;margin:25px 0;position:relative;width:100%}.logo-circle{width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:30px 0 25px;overflow:hidden;background-color:#fff}.logo-img-fill{width:100%;height:100%;object-fit:cover}.grid-menu{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.menu-btn{padding:25px 10px;background:#fff;border:2px solid #333;font-weight:700;border-radius:15px;cursor:pointer;font-size:14px;transition:transform .1s}.menu-btn:active{transform:scale(.95)}.back-btn{margin-top:20px;padding:12px;background:#0000001a;color:inherit;border:1px solid rgba(0,0,0,.2);border-radius:10px;cursor:pointer;width:100%;font-weight:600}.form-group{width:100%;text-align:left;margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #333;border-radius:10px;font-family:inherit;font-size:15px;background:#fff;color:#333}.form-group textarea{height:100px;resize:none}h2{transition:font-family .3s ease;margin-bottom:20px}.card{width:100%;border:2px solid #333;border-radius:20px;overflow:hidden;background:#fff;color:#333}.card-image img{width:100%;height:320px;object-fit:cover}.card-content,.profile-info{padding:20px;text-align:left}.card-actions{display:flex;justify-content:space-around;padding:15px;border-top:1px solid #eee}.vote-btn{font-size:40px;background:none;border:none;cursor:pointer;transition:transform .1s}.vote-btn:active{transform:scale(1.2)}.like{color:#4caf50}.dislike{color:#f44336}.matches-list{width:100%;margin-top:15px}.match-item{display:flex;align-items:center;padding:12px;border:1px solid rgba(0,0,0,.1);border-radius:15px;margin-bottom:12px;background:#ffffffe6;color:#333}.match-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin-right:15px}.match-details{flex:1;text-align:left}.match-name{font-weight:700;margin:0}.match-details span{display:block;font-size:11px;color:#888}.fan-actions{display:flex;justify-content:center;gap:15px;margin-top:15px;width:100%}.mini-vote{padding:8px 15px;border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;flex:1;max-width:140px}.mini-vote.like{color:#4caf50}.mini-vote.dislike{color:#f44336}.mini-vote:active{background-color:#f0f0f0}.avatar-reg-preview{width:220px;margin:0 auto 25px;cursor:pointer}.avatar-reg-container{position:relative;width:100%;border-radius:18px;overflow:hidden;border:2px solid #333}.avatar-reg-img{width:100%;height:260px;object-fit:cover;display:block}.avatar-reg-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:11px;padding:8px;text-align:center;font-weight:600}.avatar-reg-placeholder{width:100%;height:260px;background:#f8f8f8;border:2px dashed #333;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#333;font-size:14px;font-weight:700;padding:20px}.photo-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:12px;border-radius:10px;margin-bottom:20px;font-size:13px;text-align:left}.error-text{background:#fee;color:#c00;padding:12px;border-radius:10px;font-size:13px;margin-bottom:20px;width:100%;font-weight:600;border:1px solid #fcc}.empty-state{margin-top:60px;opacity:.6}.clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.loading-anim{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.container{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:400px;margin:0 auto}.avatar-preview{width:100%;max-width:280px;margin:0 auto 20px;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #0003}.avatar-preview img{width:100%;height:350px;object-fit:cover;display:block}.profile-info{width:100%;padding:0 10px;text-align:center}.profile-info p{margin:10px 0;font-size:15px;line-height:1.4}.match-desc{line-height:1.4;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-menu{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%;padding:10px}