.gwd-ec-form-wrap {
    margin: 2rem 0;
    font-family: 'Space Grotesk', sans-serif;
}

.gwd-ec-form {
    background: #ffffff;
    border: 3px solid #000000;
    padding: 2rem;
    box-shadow: 8px 8px 0px 0px rgba(0,0,0,1);
    max-width: 500px;
}

.gwd-ec-field-row {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

@media (min-width: 640px) {
    .gwd-ec-field-row {
        flex-direction: row;
    }
}

.gwd-ec-input {
    flex: 1;
    border: 2px solid #000000;
    padding: 0.75rem 1rem;
    font-weight: 700;
    font-size: 1rem;
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
    outline: none;
    transition: all 0.2s ease;
}

.gwd-ec-input:focus {
    transform: translate(-1px, -1px);
    box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
    border-color: #FF5C00;
}

.gwd-ec-button {
    background: #FF5C00;
    color: #ffffff;
    border: 2px solid #000000;
    padding: 0.75rem 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
    transition: all 0.2s ease;
    white-space: nowrap;
}

.gwd-ec-button:hover {
    transform: translate(-1px, -1px);
    box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
}

.gwd-ec-button:active {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
}

.gwd-ec-message {
    margin-top: 1.5rem;
    padding: 1rem;
    border: 2px solid #000000;
    font-weight: 700;
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,1);
    animation: gwd-ec-fade-in 0.3s ease-out;
}

.gwd-ec-success {
    background: #ecfdf5;
    border-color: #059669;
    color: #065f46;
}

.gwd-ec-error {
    background: #fef2f2;
    border-color: #dc2626;
    color: #991b1b;
}

@keyframes gwd-ec-fade-in {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}