.unsubscribe-page{min-height:100vh;background:linear-gradient(180deg,#F5F5F5,#E8F5E9);padding:3rem 0;display:flex;justify-content:center;align-items:center}.unsubscribe-container{max-width:500px;margin:0 auto;padding:2rem;background:rgba(255,255,255,.95);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.unsubscribe-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:#004D40;margin-bottom:1.5rem;text-align:center;border-bottom:2px solid #ff6f61;padding-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.unsubscribe-title-icon{width:1.5rem;height:1.5rem;color:#FF6F61}.unsubscribe-content{font-size:clamp(.875rem,2vw,1rem);color:#1A1A1A;margin-bottom:2rem;line-height:1.6;text-align:center}.unsubscribe-form{display:flex;flex-direction:column;gap:1rem}.unsubscribe-input-group{display:flex;flex-direction:column;gap:.75rem}.unsubscribe-input-wrapper{position:relative;display:flex;align-items:center}.unsubscribe-input-icon{position:absolute;left:.75rem;width:1.25rem;height:1.25rem;color:#FF6F61}.unsubscribe-input{padding:.75rem .75rem .75rem 2.5rem;border:1px solid rgba(0,77,64,.3);border-radius:4px;font-size:clamp(.875rem,2vw,1rem);color:#1A1A1A;background:rgba(255,255,255,.9);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.unsubscribe-input:focus{outline:none;border-color:#FF6F61;box-shadow:0 0 5px rgba(255,111,97,.3)}.unsubscribe-button{padding:.75rem 1.5rem;background:#FF6F61;color:#FFFFFF;border:none;border-radius:4px;font-size:clamp(.875rem,2vw,1rem);font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.unsubscribe-button:hover{background:#E65A50}.unsubscribe-button:disabled{background:#CCCCCC;cursor:not-allowed}.unsubscribe-button-icon{width:1.25rem;height:1.25rem}.unsubscribe-message{font-size:clamp(.75rem,1.5vw,.875rem);margin-top:1rem;text-align:center}.unsubscribe-message.success{color:#004D40}.unsubscribe-message.error{color:#FF6F61}@media (max-width:768px){.unsubscribe-page{padding:2rem 0}.unsubscribe-container{padding:1.5rem;margin:0 1rem}.unsubscribe-title{font-size:clamp(1.25rem,2.5vw,1.5rem)}.unsubscribe-title-icon{width:1.25rem;height:1.25rem}.unsubscribe-content{font-size:clamp(.875rem,2vw,1rem);margin-bottom:1.5rem}.unsubscribe-input{font-size:clamp(.875rem,2vw,1rem);padding:.5rem .5rem .5rem 2.25rem}.unsubscribe-input-icon{left:.5rem;width:1.125rem;height:1.125rem}.unsubscribe-button{font-size:clamp(.875rem,2vw,1rem);padding:.5rem 1.25rem}.unsubscribe-button-icon{width:1.125rem;height:1.125rem}.unsubscribe-message{font-size:clamp(.75rem,1.5vw,.875rem)}}@media (max-width:480px){.unsubscribe-page{padding:1.5rem 0}.unsubscribe-container{padding:1rem;margin:0 .5rem}.unsubscribe-title{font-size:clamp(1rem,2vw,1.25rem)}.unsubscribe-title-icon{width:1rem;height:1rem}.unsubscribe-content,.unsubscribe-input{font-size:clamp(.75rem,1.5vw,.875rem)}.unsubscribe-input{padding:.5rem .5rem .5rem 2rem}.unsubscribe-input-icon{left:.5rem;width:1rem;height:1rem}.unsubscribe-button{font-size:clamp(.75rem,1.5vw,.875rem);padding:.5rem 1rem}.unsubscribe-button-icon{width:1rem;height:1rem}.unsubscribe-message{font-size:clamp(.625rem,1.5vw,.75rem)}}