.unsubscribe-page{flex-direction:column;min-height:100vh;display:flex}.unsubscribe__hero{background:var(--color-primary-gradient);text-align:center;color:var(--color-white);padding:120px 0 60px}.unsubscribe__hero h1{margin-bottom:1rem;font-size:3rem;font-weight:800}.breadcrumb{letter-spacing:2px;opacity:.9;font-size:.9rem}.unsubscribe__content{flex:1;justify-content:center;align-items:flex-start;padding:80px 0;display:flex}.unsubscribe-card{background:var(--color-white);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:600px;padding:3rem;box-shadow:0 10px 30px #001f3f1a}.unsubscribe-card h2{color:var(--color-text-dark);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.unsubscribe-description{color:var(--color-text-body);margin-bottom:2rem;font-size:1rem;line-height:1.6}.unsubscribe-form{flex-direction:column;gap:1.5rem;display:flex}.unsubscribe-form input{border-radius:var(--radius-md);width:100%;font-size:1rem;font-family:var(--font-primary);border:1px solid #ddd;padding:1rem;transition:border-color .3s}.unsubscribe-form input:focus{border-color:var(--color-primary-end);outline:none}.unsubscribe-form input::placeholder{color:#999}.unsubscribe-btn{background:var(--color-primary-gradient);color:var(--color-white);border-radius:var(--radius-md);letter-spacing:1px;cursor:pointer;border:none;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .3s}.unsubscribe-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #001f3f4d}.success-message{border-radius:var(--radius-md);color:#155724;background:#d4edda;border:1px solid #c3e6cb;padding:2rem}.success-message p{margin:0;font-size:1.1rem}@media (max-width:768px){.unsubscribe__hero h1{font-size:2rem}.unsubscribe-card{padding:2rem 1.5rem}.unsubscribe-card h2{font-size:1.5rem}.unsubscribe__content{padding:40px 0}}