.cq-store-btn,
.cq-account-btn,
.cq-auth-submit,
.cq-auth-secondary,
.cq-auth-danger {
    min-height: 44px;
    border-radius: 16px;
    border: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    font: 900 0.9rem/1 'Inter', system-ui, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

/* Global simple learning-app polish */
body {
    background: #F7FFF0 !important;
    color: #1F2937 !important;
}

.bg-animation,
.particles-container,
.bg-grid,
.hero__terminal,
.terminal,
.launch-badge,
.hero__founder {
    display: none !important;
}

.countdown-bar {
    background: #58CC02 !important;
    border-bottom: 4px solid #46A302 !important;
    color: #FFFFFF !important;
}

.nav {
    background: #FFFFFF !important;
    border-bottom: 2px solid #E5E7EB !important;
    box-shadow: 0 4px 18px rgba(31, 41, 55, 0.06) !important;
}

.nav__container,
.container,
.hero__content {
    max-width: 1120px !important;
}

.nav__logo-text,
.gradient-text {
    background: none !important;
    -webkit-text-fill-color: initial !important;
    color: #58CC02 !important;
}

.nav__link {
    color: #4B5563 !important;
    font-weight: 800 !important;
}

.nav__link:hover {
    color: #58CC02 !important;
}

.hero {
    min-height: auto !important;
    padding: 150px 20px 72px !important;
    background: #F7FFF0 !important;
}

.hero__content {
    text-align: center !important;
}

.hero__badge,
.section__label,
.feature-card__badge,
.founder-card__badge,
.badge,
.badge-list span {
    background: #E8F8DD !important;
    color: #46A302 !important;
    border: 2px solid #CFF3BB !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

.hero__title,
.section__title,
.cta-card__title,
.privacy-card h1,
.delete-card h1 {
    color: #1F2937 !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    letter-spacing: 0 !important;
}

.hero__subtitle,
.section__desc,
.feature-card__desc,
.founder-card__bio,
.testimonial-card__text,
.privacy-card p,
.delete-card p,
.privacy-card li,
.delete-card li {
    color: #4B5563 !important;
}

.section,
.section--dark {
    background: #F7FFF0 !important;
    padding: 72px 20px !important;
}

.feature-card,
.testimonial-card,
.founder-card,
.stat-item,
.privacy-card,
.delete-card,
.step,
.email-template,
.modal,
.cq-auth-modal {
    background: #FFFFFF !important;
    border: 2px solid #E5E7EB !important;
    border-radius: 22px !important;
    box-shadow: 0 5px 0 #D1D5DB, 0 14px 30px rgba(31, 41, 55, 0.08) !important;
}

.feature-card:hover,
.testimonial-card:hover {
    border-color: #CFF3BB !important;
    box-shadow: 0 5px 0 #B7EFA0, 0 16px 34px rgba(31, 41, 55, 0.10) !important;
    transform: translateY(-3px) !important;
}

.feature-card::before,
.cta-card::before {
    display: none !important;
}

.feature-card__icon,
.founder-card__avatar,
.testimonial-card__avatar,
.modal__icon,
.step-number,
.cq-auth-avatar {
    background: #E8F8DD !important;
    color: #46A302 !important;
    border: 2px solid #CFF3BB !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 0 #B7EFA0 !important;
}

.cta-card {
    background: #58CC02 !important;
    border: 2px solid #46A302 !important;
    border-radius: 24px !important;
    box-shadow: 0 6px 0 #46A302, 0 16px 36px rgba(70, 163, 2, 0.20) !important;
}

.cta-card__title,
.cta-card__desc,
.cta-card__note {
    color: #FFFFFF !important;
}

.footer {
    background: #FFFFFF !important;
    border-top: 2px solid #E5E7EB !important;
}

.footer * {
    color: #4B5563;
}

.footer .gradient-text {
    color: #58CC02 !important;
}

.btn,
.btn-back,
.cq-store-btn,
.cq-account-btn,
.cq-auth-submit,
.cq-auth-secondary,
.cq-auth-danger,
.modal__close,
button {
    border-radius: 16px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.btn,
.btn-back,
.btn--primary,
.btn--beta,
.btn--white,
.btn--outline,
.cq-store-btn,
.cq-account-btn,
.cq-auth-submit,
.cq-auth-secondary,
.cq-auth-danger {
    min-height: 46px !important;
    border: 2px solid #58CC02 !important;
    border-bottom: 5px solid #46A302 !important;
    background: #58CC02 !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
    padding: 12px 20px !important;
}

.btn--outline,
.btn--white,
.cq-auth-secondary {
    background: #FFFFFF !important;
    color: #1CB0F6 !important;
    border-color: #E5E7EB !important;
    border-bottom-color: #C9CDD3 !important;
}

.cq-store-btn {
    background: #1CB0F6 !important;
    border-color: #1CB0F6 !important;
    border-bottom-color: #1687C7 !important;
}

.btn--danger,
.cq-auth-danger {
    background: #FF4B4B !important;
    border-color: #FF4B4B !important;
    border-bottom-color: #CC3C3C !important;
}

.btn:hover,
.btn-back:hover,
.cq-store-btn:hover,
.cq-account-btn:hover,
.cq-auth-submit:hover,
.cq-auth-secondary:hover,
.cq-auth-danger:hover {
    transform: translateY(-1px) !important;
}

.btn:active,
.btn-back:active,
.cq-store-btn:active,
.cq-account-btn:active,
.cq-auth-submit:active,
.cq-auth-secondary:active,
.cq-auth-danger:active {
    transform: translateY(3px) !important;
    border-bottom-width: 2px !important;
}

.privacy-card,
.delete-card {
    margin-top: 140px !important;
}

@media (max-width: 768px) {
    .nav__links {
        background: #FFFFFF !important;
        border-bottom: 2px solid #E5E7EB !important;
    }

    .hero {
        padding-top: 132px !important;
    }
}

.cq-store-btn {
    background: #1CB0F6;
    color: #fff;
    border-color: #1CB0F6;
    border-bottom-color: #1687C7;
    box-shadow: 0 5px 0 #1687C7;
}

.cq-account-btn,
.cq-auth-submit {
    background: #58CC02;
    color: #fff;
    border-color: #58CC02;
    border-bottom-color: #46A302;
    box-shadow: 0 5px 0 #46A302;
}

.cq-auth-secondary {
    background: #fff;
    color: #1CB0F6;
    border-color: #E5E7EB;
    border-bottom-color: #C9CDD3;
    box-shadow: 0 5px 0 #C9CDD3;
}

.cq-auth-danger {
    background: #FF4B4B;
    color: #fff;
    border-color: #FF4B4B;
    border-bottom-color: #CC3C3C;
    box-shadow: 0 5px 0 #CC3C3C;
}

.cq-store-btn:hover,
.cq-account-btn:hover,
.cq-auth-submit:hover,
.cq-auth-secondary:hover,
.cq-auth-danger:hover {
    transform: translateY(-2px);
}

.cq-store-btn:active,
.cq-account-btn:active,
.cq-auth-submit:active,
.cq-auth-secondary:active,
.cq-auth-danger:active {
    transform: translateY(3px);
    box-shadow: 0 2px 0 rgba(31, 41, 55, 0.22);
}

.cq-auth-shell {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(17, 24, 39, 0.46);
}

.cq-auth-shell.is-open {
    display: flex;
}

.cq-auth-modal {
    width: min(520px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: #fff;
    color: #1F2937;
    border: 2px solid #E5E7EB;
    border-radius: 24px;
    box-shadow: 0 8px 0 #D1D5DB, 0 30px 60px rgba(31, 41, 55, 0.24);
    padding: 26px;
}

.cq-auth-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.cq-auth-title {
    margin: 0 0 6px;
    color: #1F2937;
    font-size: 1.65rem;
    font-weight: 900;
}

.cq-auth-subtitle {
    margin: 0;
    color: #6B7280;
    font-size: 0.94rem;
}

.cq-auth-close {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 2px solid #E5E7EB;
    background: #fff;
    color: #6B7280;
    font-size: 1.25rem;
    font-weight: 900;
    cursor: pointer;
}

.cq-auth-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 18px;
}

.cq-auth-tab {
    border: 2px solid #E5E7EB;
    border-radius: 16px;
    background: #F9FAFB;
    color: #4B5563;
    padding: 12px;
    font-weight: 900;
    cursor: pointer;
}

.cq-auth-tab.is-active {
    background: #E8F8DD;
    border-color: #CFF3BB;
    color: #46A302;
}

.cq-auth-form,
.cq-settings-form {
    display: grid;
    gap: 14px;
}

.cq-auth-field {
    display: grid;
    gap: 7px;
}

.cq-auth-field span {
    color: #374151;
    font-weight: 800;
    font-size: 0.88rem;
}

.cq-auth-field input {
    width: 100%;
    min-height: 48px;
    border: 2px solid #E5E7EB;
    border-radius: 16px;
    padding: 0 14px;
    color: #1F2937;
    background: #fff;
    font: 700 1rem/1 'Inter', system-ui, sans-serif;
}

.cq-auth-field input:focus {
    outline: none;
    border-color: #58CC02;
    box-shadow: 0 0 0 4px rgba(88, 204, 2, 0.16);
}

.cq-auth-actions {
    display: grid;
    gap: 12px;
    margin-top: 4px;
}

.cq-auth-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cq-auth-status {
    min-height: 22px;
    color: #6B7280;
    font-size: 0.9rem;
}

.cq-auth-status.is-error {
    color: #DC2626;
}

.cq-auth-status.is-success {
    color: #46A302;
}

.cq-auth-note {
    background: #F7FFF0;
    border: 2px solid #CFF3BB;
    border-radius: 18px;
    color: #4B5563;
    padding: 12px 14px;
    font-size: 0.9rem;
}

.cq-auth-user-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 2px solid #E5E7EB;
    border-radius: 18px;
    background: #F9FAFB;
    margin-bottom: 16px;
}

.cq-auth-avatar {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: #E8F8DD;
    color: #46A302;
    font-weight: 900;
    box-shadow: 0 4px 0 #B7EFA0;
}

.cq-auth-name {
    color: #1F2937;
    font-weight: 900;
}

.cq-auth-email {
    color: #6B7280;
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .cq-store-btn,
    .cq-account-btn {
        width: 100%;
    }

    .cq-auth-row {
        flex-direction: column;
    }
}