.playful-container{background:#faf7f2;justify-content:center;align-items:center;min-height:calc(100vh - 96px);padding:2rem;display:flex}.playful-box{background:#ffffffe6;border:3px solid;border-radius:20px;width:100%;max-width:480px;padding:2.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:8px 8px #00000014}.playful-box:hover{transform:translateY(-4px);box-shadow:10px 12px #0000001f}.playful-box-pink{border-color:#ffb5c5}.playful-box-blue{border-color:#a8d5e2}.playful-box-mint{border-color:#c7e9c0}.playful-box-coral{border-color:#ffb299}.playful-box-purple{border-color:#d4b5e8}.playful-box-yellow{border-color:#ffe5a0}.playful-title{color:#5a4a42;text-align:center;text-shadow:2px 2px #ffb5c54d;margin-bottom:1.5rem;font-family:Permanent Marker,Patrick Hand,cursive;font-size:2.5rem;line-height:1.2}.playful-subtitle{color:#6b5b54;text-align:center;margin-bottom:2rem;font-family:DM Sans,Outfit,sans-serif;font-size:1.1rem;line-height:1.6}.playful-section-title{color:#5a4a42;text-shadow:2px 2px #a8d5e24d;margin-bottom:2rem;font-family:Permanent Marker,Patrick Hand,cursive;font-size:2rem}.playful-form{flex-direction:column;gap:1.25rem;display:flex}.playful-field{flex-direction:column;gap:.5rem;display:flex;position:relative}.playful-label{color:#5a4a42;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600}.playful-input{color:#5a4a42;background:#fff;border:2px solid #a8d5e2;border-radius:12px;width:100%;padding:.875rem 1rem;font-family:DM Sans,sans-serif;font-size:1rem;transition:all .3s;box-shadow:2px 2px #0000000d}.playful-input:focus{border-color:#ffb5c5;outline:none;transform:translateY(-2px);box-shadow:4px 4px #ffb5c54d}.playful-input::placeholder{color:#a8a8a8;opacity:.7}.playful-input-with-icon{padding-left:2.5rem}.playful-input-with-toggle{padding-right:2.5rem}.playful-input-icon{color:#a8d5e2;z-index:1;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.playful-button{cursor:pointer;border:3px solid;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:4px 4px #0000001a}.playful-button-primary{color:#5a4a42;background-color:#ffb5c5;border-color:#ff9eb3}.playful-button-primary:hover:not(:disabled){background-color:#ffc4d6;transform:translateY(-4px);box-shadow:6px 8px #ffb5c566}.playful-button-primary:active:not(:disabled){transform:translateY(-2px);box-shadow:3px 4px #ffb5c566}.playful-button-secondary{color:#5a4a42;background-color:#fff;border-color:#a8d5e2}.playful-button-secondary:hover:not(:disabled){background-color:#f0f8ff;transform:translateY(-4px);box-shadow:6px 8px #a8d5e266}.playful-button-secondary:active:not(:disabled){transform:translateY(-2px);box-shadow:3px 4px #a8d5e266}.playful-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.playful-error{color:#8b3a3a;background:#ff634726;border:2px solid #ff63474d;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-weight:500;line-height:1.5;box-shadow:3px 3px #0000000d}.playful-success{color:#4a6b4a;background:#c7e9c04d;border:2px solid #c7e9c0;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-weight:500;line-height:1.5;box-shadow:3px 3px #0000000d}.playful-links{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.playful-link{color:#5a4a42;text-align:center;background-color:#ffffff80;border:2px solid #a8d5e2;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:DM Sans,sans-serif;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:3px 3px #0000000d}.playful-link:hover{background-color:#f0f8ff;border-color:#7bb8d0;transform:translateY(-2px)scale(1.02);box-shadow:5px 5px #a8d5e24d}.playful-card{cursor:pointer;background:#fff;border:3px solid;border-radius:20px;margin-bottom:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:5px 5px #00000014}.playful-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:8px 10px #0000001f}.playful-card.expanded{z-index:10;transform:scale(1.01);box-shadow:0 12px 32px #00000026}.playful-card-pink{border-color:#ffb5c5}.playful-card-blue{border-color:#a8d5e2}.playful-card-mint{border-color:#c7e9c0}.playful-card-coral{border-color:#ffb299}.playful-card-purple{border-color:#d4b5e8}.playful-card-yellow{border-color:#ffe5a0}.playful-card-title{color:#5a4a42;margin-bottom:.5rem;padding-right:2.5rem;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700}.playful-card-content{color:#6b5b54;opacity:0;max-height:0;margin-top:0;font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.7;transition:all .4s;overflow:hidden}.playful-card.expanded .playful-card-content{opacity:1;max-height:5000px;margin-top:1rem}.playful-card:after{content:"+";color:#fff;opacity:.6;text-align:center;background:currentColor;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;font-weight:700;line-height:32px;transition:all .3s;display:flex;position:absolute;bottom:1rem;right:1rem}.playful-card:hover:after{opacity:1;transform:scale(1.1)}.playful-card.expanded:after{content:"−";transform:rotate(180deg)}.playful-card-pink:after{background:#ff9eb3}.playful-card-blue:after{background:#7bb8d0}.playful-card-mint:after{background:#a8d5a3}.playful-card-coral:after{background:#ff9676}.playful-card-purple:after{background:#b89fd8}.playful-card-yellow:after{background:#ffd670}.playful-password-toggle{color:#a8d5e2;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.playful-password-toggle:hover{color:#ffb5c5;background:#ffb5c51a}.playful-divider{text-align:center;color:#6b5b54;align-items:center;margin:1.5rem 0;font-family:DM Sans,sans-serif;display:flex}.playful-divider:before,.playful-divider:after{content:"";border-bottom:2px solid #a8d5e24d;flex:1}.playful-divider span{padding:0 1rem;font-weight:600}.playful-static-page{background:#faf7f2;max-width:900px;margin:0 auto 96px;padding:2rem}.playful-static-title{color:#5a4a42;text-shadow:3px 3px #ffb5c54d;margin-bottom:.5rem;font-family:Permanent Marker,Patrick Hand,cursive;font-size:3rem;line-height:1.2}.playful-static-subtitle{color:#a8a8a8;margin-bottom:3rem;font-family:DM Sans,sans-serif;font-size:1rem;font-style:italic}.playful-static-section{background:#ffffffb3;border:2px solid #a8d5e233;border-radius:16px;margin-bottom:2.5rem;padding:2rem;box-shadow:4px 4px #0000000d}.playful-static-section-title{color:#5a4a42;margin-bottom:1.5rem;font-family:DM Sans,sans-serif;font-size:1.75rem;font-weight:700}.playful-static-text{color:#5a4a42;margin-bottom:1rem;font-family:DM Sans,sans-serif;font-size:1.05rem;line-height:1.8}.playful-static-text strong{color:#5a4a42;font-weight:700}.playful-static-list{margin-bottom:1rem;padding-left:1.5rem;list-style:none}.playful-static-list li{color:#5a4a42;margin-bottom:.75rem;padding-left:1.5rem;font-family:DM Sans,sans-serif;line-height:1.8;position:relative}.playful-static-list li:before{content:"✓";color:#ffb5c5;font-weight:700;position:absolute;left:0}.playful-static-link{color:#7bb8d0;text-decoration:underline;transition:all .2s}.playful-static-link:hover{color:#ffb5c5;text-decoration-style:wavy}@media (width<=768px){.playful-container{padding:1rem .5rem}.playful-box{padding:1.5rem}.playful-title{font-size:2rem}.playful-section-title{font-size:1.5rem}.playful-static-title{font-size:2.5rem}.playful-static-section{padding:1.5rem}.playful-static-section-title{font-size:1.5rem}.playful-card{padding:1.5rem}.playful-card-title{font-size:1.25rem}}@media (width<=480px){.playful-container{padding:.5rem}.playful-box{padding:1.25rem}.playful-title{font-size:1.75rem}.playful-section-title{font-size:1.25rem}.playful-static-title{font-size:2rem}.playful-static-page,.playful-static-section{padding:1rem}.playful-static-text{font-size:1rem}.playful-button{padding:.875rem 1.5rem;font-size:1rem}.playful-card{padding:1.25rem}}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.relative{position:relative}