:root{--primary-rgb: 99, 102, 241}.main-content{flex:1;padding-top:calc(var(--navbar-height) + 2rem);padding-bottom:2rem;position:relative}.character-background{position:absolute;top:0;left:0;right:0;height:70vh;z-index:-2;overflow:hidden}.character-background:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-image:var(--page-bg-image, linear-gradient(135deg, var(--bg-secondary), var(--bg-primary)));background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(10px) opacity(.8);transform:scale(1.1);opacity:0;animation:fadeIn .8s ease-out forwards}.character-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1}.main-content:before,.main-content:after{display:none}.container{max-width:800px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:2rem}.page-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.character-info-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;min-height:200px;overflow:hidden}.character-info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--character-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;z-index:-1}.character-info-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#ffffffec,#ffffffd9 30%,#ffffffb3,#ffffff80 70%,#ffffff59);z-index:0}.character-details{position:relative;z-index:1;width:100%}.character-name{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-align:left}.character-info-grid{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;width:100%;position:relative;z-index:2}@media (min-width: 769px){.character-info-grid{background:#ffffff56;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;margin:1rem 0;gap:2rem}}.info-item{flex:1;padding:.5rem;text-align:left;display:flex;flex-direction:column;justify-content:center;min-width:0}.info-label{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-bottom:.25rem;text-align:left}.info-value{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:left;word-wrap:break-word}.info-value.price{font-size:.9rem;font-weight:600;color:var(--text-primary)}.info-value.price .price-type{color:var(--text-primary)}.info-value.price .price-amount{color:var(--primary-color);margin-right:.6rem}.info-value.price .price-amount:last-child{margin-right:0}@media (max-width: 768px){.character-info-grid{flex-direction:row;gap:.5rem;background:#ffffff56;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;margin:.5rem 0;box-sizing:border-box;width:100%}.info-item{flex:1;text-align:left;padding:.5rem 0;min-width:0;box-sizing:border-box}.info-label{text-align:left;font-size:.6rem}.info-value{text-align:left;font-size:.7rem}.info-value.price{font-size:.7rem}.character-name{font-size:1.8rem}}.adoption-form{background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;padding-bottom:.5rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;min-width:0}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-label .required{color:var(--primary-color);margin-left:4px;font-weight:400;display:inline-block;transition:opacity .3s ease;opacity:1}.form-input.error:required+small+.required-indicator,.form-input:user-invalid+small+.required-indicator{opacity:1}.form-input:required:placeholder-shown+small+.required-indicator{opacity:1}.form-input,.form-textarea{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:25px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);font-family:var(--font-primary)}.form-input::placeholder,.form-textarea::placeholder{font-size:.85rem;color:var(--text-light);opacity:.8}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);background:var(--bg-primary)}.form-input.error,.form-input:user-invalid{border-color:var(--error-color)!important;background:rgba(var(--error-rgb),.05)}.form-input.error:focus,.form-input:user-invalid:focus{box-shadow:0 0 0 3px rgba(var(--error-rgb),.1)}.form-input.success{border-color:var(--primary-color);background:var(--bg-primary)}.form-input.success:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-textarea{resize:none;min-height:100px;max-height:300px;overflow-y:auto}.form-hint{margin-top:.25rem;font-size:.85rem;color:var(--text-light)}.type-selection{display:flex;gap:1rem;margin-top:.5rem;padding:.5rem;border-radius:25px;transition:all var(--transition-base)}.type-selection.error{background:rgba(var(--error-rgb),.1);border:2px solid var(--error-color)}.type-selection input[type=radio]{display:none}.type-button{padding:.5rem 1.2rem;border:2px solid var(--border-color);border-radius:25px;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:500;text-align:center;min-width:80px;font-size:.9rem;outline:none}.type-button:focus{outline:none}.type-button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.type-button:hover{border-color:var(--primary-color);color:var(--primary-color)}.type-selection input[type=radio]:checked+.type-button{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.type-selection-group{grid-column:1 / -1}.type-selection-group .type-selection{justify-content:center;gap:3rem;padding:2rem;background:transparent;border-radius:20px;margin-top:1rem}.type-card{position:relative;min-width:280px;min-height:320px;padding:2rem;border:none;border-radius:20px;background:transparent;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:none;overflow:visible}.type-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;opacity:0;transition:opacity .3s ease;z-index:1}.type-card:hover{transform:translateY(-20px) scale(1.08) rotateX(5deg);box-shadow:none;background:transparent}.type-selection-group input[type=radio]:checked+.type-card:hover{background:transparent;transform:translateY(-20px) scale(1.08) rotateX(5deg)}.type-card:hover:before{opacity:0}.type-selection-group input[type=radio]:checked+.type-card:hover:before{opacity:0}.type-selection-group input[type=radio]:checked+.type-card:hover .card-image:after{width:200px;height:200px;background:linear-gradient(to bottom,#a29bf5,#b4a7f7,#c4b5f9)}.type-selection-group input[type=radio]#typeFullSet:checked+.type-card:hover .card-image:after{width:170px;height:170px;left:55%;top:42%}.type-card:hover .card-image{transform:translateY(-25px) scale(1.15) rotateX(-3deg);background:transparent}.type-card:hover .card-image:before{transform:translateY(-5px)}.type-selection-group input[type=radio]:checked+.type-card:hover .card-image{background:transparent}.type-card:hover .card-content{transform:translateY(20px) scale(1.05)}.type-card:hover .type-title{font-weight:900;transform:translateY(-5px) scale(1.1)}.type-card:hover .type-description{font-weight:600;transform:translateY(-3px) scale(1.05)}.card-image{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;overflow:visible;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.card-image img{width:100%;height:100%;object-fit:contain;border-radius:20px;transition:all .3s ease;position:relative;z-index:1}.card-image:empty:after{content:"🖼️";font-size:3rem;opacity:.3;z-index:4;position:relative}.card-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#fffffffc,#ffffffe6,#ffffffb3 30%,#ffffff59,#ffffff14 70%,#ffffff03,#fff0);z-index:5;border-radius:20px;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.card-content{position:absolute;bottom:2rem;left:2rem;right:2rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:10;text-align:center}.type-card .type-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.type-card .type-description{font-size:.95rem;font-weight:400;color:var(--text-secondary);line-height:1.4;opacity:.8;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.type-selection-group input[type=radio]:checked+.type-card{background:transparent;border:none;transform:translateY(-8px) scale(1.02);box-shadow:none}.type-selection-group input[type=radio]:checked+.type-card:before{opacity:0}.type-selection-group input[type=radio]:checked+.type-card .card-image:after{content:"";position:absolute;top:40%;left:60%;width:190px;height:190px;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#b4a7f7,#c4b5f9,#d4c5fb);border-radius:50%;z-index:-1;animation:selectedGlow 2s ease-in-out infinite alternate}.type-selection-group input[type=radio]#typeFullSet:checked+.type-card .card-image:after{width:150px;height:150px;left:55%;top:42%}@keyframes selectedGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.type-selection-group input[type=radio]:checked+.type-card .type-title{color:var(--primary-color);font-weight:700}.type-selection-group input[type=radio]:checked+.type-card .type-description{color:var(--text-secondary);opacity:.8}.type-selection-group input[type=radio]:checked+.type-card .card-image{background:transparent}.type-selection-group .type-button{display:none}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}.btn{padding:.75rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:var(--font-primary);outline:none}.btn:focus{outline:none;box-shadow:var(--shadow-md)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3)}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:none;transition:background-color .2s ease}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98);transition:transform .1s ease}.btn-secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--primary-color)}.btn-secondary:active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--primary-color);transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-loading{display:none;align-items:center;justify-content:center}.btn-loading .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.btn.loading .btn-text{display:none}.btn.loading .btn-loading{display:inline-flex}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-xl);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header{padding:1.5rem 1.5rem 0;text-align:center}.modal-header h3{margin:0;font-size:1.5rem;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-body{padding:1.5rem;text-align:center}.success-icon,.error-icon{font-size:3rem;margin-bottom:1rem}.success-icon{color:#10b981}.error-icon{color:var(--error-color)}.adoption-info{background:var(--bg-secondary);padding:1rem;border-radius:8px;margin-top:1rem;text-align:left;border:1px solid var(--border-color)}.adoption-info p{margin:.5rem 0;font-size:.95rem;color:var(--text-primary)}.modal-footer{padding:0 1.5rem 1.5rem;text-align:center}@media (max-width: 768px){.container{padding:0 .25rem}.character-info-card{padding:1rem .5rem;box-sizing:border-box}.character-image{transform:scale(.9)}.character-info-grid{flex-direction:row;gap:.5rem;background:#ffffff56;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;margin:1rem 0;text-align:left}.adoption-form{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.type-selection{flex-direction:row;gap:1rem}.type-selection-group .type-selection{flex-direction:row;gap:1rem;padding:1rem}.type-card{min-width:auto;width:100%;min-height:220px;padding:1rem;flex:1}#typeSingleHead+.type-card{z-index:1}#typeFullSet+.type-card{z-index:100}#typeFullSet+.type-card .card-image{z-index:101}#typeFullSet+.type-card .card-content{z-index:110}#typeFullSet+.type-card .card-image:before{z-index:105}#typeFullSet+.type-card .card-image:after{z-index:99}#typeFullSet+.type-card .card-image:empty:after{z-index:104}#typeFullSet+.type-card .card-image img{z-index:101}.type-selection-group input[type=radio]:checked+.type-card .card-image:after{width:140px;height:140px}.type-selection-group input[type=radio]#typeFullSet:checked+.type-card .card-image:after{width:110px;height:110px}.type-selection-group input[type=radio]:checked+.type-card:hover .card-image:after{width:150px;height:150px}.type-selection-group input[type=radio]#typeFullSet:checked+.type-card:hover .card-image:after{width:125px;height:125px}.card-content{bottom:1rem;left:1rem;right:1rem}.type-card:hover{transform:translateY(-10px) scale(1.03) rotateX(2deg);box-shadow:none;background:transparent}#typeFullSet+.type-card:hover{z-index:103}#typeSingleHead+.type-card:hover{z-index:3}input[type=radio]#typeFullSet:checked+.type-card{z-index:105}input[type=radio]#typeSingleHead:checked+.type-card{z-index:5}.type-card:hover .card-image{transform:translateY(-18px) scale(1.12)}.type-card:hover .card-content{transform:translateY(15px)}.type-button{width:100%}.form-actions{flex-direction:column-reverse}.btn{width:100%}}@media (max-width: 480px){.main-content{padding-top:calc(var(--navbar-height) + 1rem)}.character-info-card{padding:1rem}.character-image{transform:scale(.8)}.character-info-grid{flex-direction:row;gap:.25rem;background:#ffffff56;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;margin:1rem 0;text-align:left}.adoption-form{padding:.8rem}.type-selection-group .type-selection{flex-direction:row;gap:.8rem;padding:.8rem}.type-card{min-height:180px;padding:.8rem}.card-content{bottom:.8rem;left:.8rem;right:.8rem}.type-card .type-title{font-size:1rem}.type-card .type-description{font-size:.75rem;line-height:1.2}.type-selection-group input[type=radio]:checked+.type-card .card-image:after{width:120px;height:120px}.type-selection-group input[type=radio]#typeFullSet:checked+.type-card .card-image:after{width:95px;height:95px}.type-selection-group input[type=radio]:checked+.type-card:hover .card-image:after{width:130px;height:130px}.type-selection-group input[type=radio]#typeFullSet:checked+.type-card:hover .card-image:after{width:105px;height:105px}.modal-content{width:95%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-info-card,.adoption-form{opacity:0;transform:translateY(20px);animation:fadeIn .6s ease-out forwards}.adoption-form{animation-delay:.2s}.form-input.error{border-color:var(--error-color);background-color:#ef44440d}.form-input.success{border-color:var(--primary-color);background-color:var(--bg-primary)}.field-error{color:var(--error-color);font-size:.85rem;margin-top:.25rem;display:block;width:100%;padding-left:.5rem}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:4rem 2rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none;border:none;margin:2rem 0;position:relative;z-index:1}.error-state .error-icon{font-size:4rem;color:var(--error-color);margin-bottom:1.5rem}.error-state .error-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.error-state .error-message{font-size:1.1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.error-state .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-btn{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all var(--transition-base);border:none;cursor:pointer;font-family:var(--font-primary)}.error-btn:hover{background:var(--primary-hover)}.error-btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.error-btn.secondary:hover{background:var(--bg-primary);border-color:var(--primary-color)}.body-measurements{opacity:1;transform:translateY(0) scaleY(1);transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden;max-height:200px;transform-origin:top}.body-measurements.hidden{opacity:0;transform:translateY(-10px);max-height:0;margin:0;padding:0;overflow:hidden;pointer-events:none;transform:translateY(-10px) scaleY(0);transform-origin:top}.form-section:has(.body-measurements.hidden){margin-bottom:1rem}.form-section.reduced-spacing{margin-bottom:1rem}.toast-message{position:fixed;top:100px;left:50%;transform:translate(-50%) translateY(-20px);background:#ef4444f2;color:#fff;padding:12px 24px;border-radius:25px;font-size:.95rem;font-weight:500;box-shadow:0 4px 20px #00000026;z-index:10000;opacity:0;transition:all .3s ease;white-space:nowrap;max-width:90%;text-align:center}.toast-message.show{opacity:1;transform:translate(-50%) translateY(0)}.phone-input-group{display:flex;gap:.5rem;align-items:stretch}.country-code-select{width:auto;min-width:90px;padding:.75rem 2rem .75rem 1rem;font-size:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:25px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;font-family:var(--font-primary)}.country-code-select:hover{border-color:var(--primary-color)}.country-code-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.custom-select-wrapper{position:relative;display:inline-block}.custom-select{position:relative}.custom-select-trigger{min-width:80px;padding:.75rem 2rem .75rem 1rem;font-size:1rem;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:25px;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:var(--font-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;white-space:nowrap}.custom-select-trigger:hover{border-color:var(--primary-color)}.custom-select.open .custom-select-trigger{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.custom-select-options{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;max-height:300px;overflow-y:auto;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:16px;box-shadow:0 8px 30px #0000001f;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.custom-select.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-select-option{padding:.75rem 1rem;cursor:pointer;transition:background .2s ease;white-space:nowrap}.custom-select-option:first-child{border-radius:14px 14px 0 0}.custom-select-option:last-child{border-radius:0 0 14px 14px}.custom-select-option:hover{background:rgba(var(--primary-rgb),.08)}.custom-select-option.selected{background:rgba(var(--primary-rgb),.12);color:var(--primary-color);font-weight:500}.phone-input-group .phone-input{flex:1;min-width:0}