:root {
    --purple: #7252d6;
    --purple-dark: #593bbd;
    --blue: #28afe8;
    --yellow: #ffbd25;
    --green: #66bd4b;
    --pink: #f44f83;
    --ink: #172144;
    --muted: #6b7188;
    --line: #dfe2ea;
    --frame-width: 1480px;
    --frame-height: 920px;
    --content-width: 550px;
    --content-height: 700px;
}

* { box-sizing: border-box; }

html,
body.mathify-page {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body.mathify-page {
    margin: 0;
    min-height: 0;
    color: var(--ink);
    font-family: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
    background: #eaf4ff;
}

.auth-shell, .landing-shell {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    min-height: 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(130deg, #fefdf8 0 48%, #dcecff 48% 100%);
}

.auth-shell::after, .landing-shell::after {
    content: "";
    position: absolute;
    width: 340px;
    height: 340px;
    right: -150px;
    top: -120px;
    border-radius: 50%;
    background: rgba(104, 161, 239, .2);
}

.auth-wrap {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    padding: 1.5rem;
    overflow: hidden;
}
.auth-row {
    width: min(100%, var(--frame-width));
    height: min(var(--frame-height), calc(100vh - 3rem));
    height: min(var(--frame-height), calc(100dvh - 3rem));
    min-height: 0;
    max-height: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    border-radius: 2rem;
}

.learning-panel {
    width: 50%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    border-radius: 2rem 0 0 2rem;
    background: #fffdfa url("../images/mathify-learning-illustration.png") center / cover no-repeat;
    box-shadow: 0 24px 70px rgba(48, 71, 126, .13);
    position: relative;
    overflow: hidden;
}

.learning-panel::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 10%;
    background: linear-gradient(90deg, rgba(87, 64, 179, .86), rgba(35, 126, 196, .78));
    clip-path: ellipse(72% 85% at 40% 100%);
}

.auth-card-panel {
    width: 50%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2rem 2rem 0;
    background: rgba(255, 255, 255, .97);
    box-shadow: 18px 24px 70px rgba(48, 71, 126, .13);
    padding: 2rem;
}

.auth-card {
    width: min(100%, var(--content-width));
    height: min(var(--content-height), 100%);
    max-height: 100%;
    padding-top: .5rem;
    overflow: hidden;
}
.heading-icon { display: block; width: 84px; height: 84px; margin: 0 auto 1rem; }
.auth-card .heading-icon { width: 78px; height: 78px; margin-bottom: .75rem; }
.auth-card > .text-center { margin-bottom: 1rem !important; }
.auth-card form .mb-3 { margin-bottom: .75rem !important; }
.auth-card form .mb-4 { margin-bottom: 1rem !important; }
.auth-heading { color: var(--ink); font-weight: 900; letter-spacing: -.035em; }
.auth-copy { color: var(--muted); line-height: 1.65; }
.auth-card .form-label { color: var(--ink); font-weight: 800; margin-bottom: .55rem; }
.auth-card .form-control {
    height: 54px;
    min-height: 54px;
    border: 1.5px solid var(--line);
    border-radius: .8rem;
    color: var(--ink);
    padding: .78rem 1rem;
}
.auth-card .form-control::placeholder { color: #a4a8b6; }
.auth-card .form-control:focus { border-color: var(--purple); box-shadow: 0 0 0 .22rem rgba(114, 82, 214, .13); }
.auth-card .form-check-input { width: 1.1em; height: 1.1em; }
.auth-card .form-check-input:checked { background-color: var(--purple); border-color: var(--purple); }
.auth-card a { color: var(--purple-dark); font-weight: 800; text-decoration: none; }
.auth-card a:hover { color: var(--pink); }
.btn-mathify {
    height: 54px;
    min-height: 54px;
    border: 0;
    border-radius: .82rem;
    color: #fff;
    font-weight: 900;
    background: linear-gradient(100deg, #6544ce, #815ee6);
    box-shadow: 0 11px 23px rgba(99, 68, 205, .24);
    transition: transform .2s ease, box-shadow .2s ease;
}
.btn-mathify:hover, .btn-mathify:focus { color: #fff; transform: translateY(-2px); box-shadow: 0 15px 28px rgba(99, 68, 205, .31); }
.auth-divider { height: 1px; margin-top: 1rem !important; margin-bottom: 1rem !important; background: #e8e9ef; }
.auth-switch { color: var(--muted); }
.alert-mathify { border: 1px solid #a8dfb1; border-radius: .85rem; color: #256735; background: #effbf1; }
.invalid-feedback { display: block; font-weight: 700; }

.auth-card:has(.register-form) { padding-top: 0; }
.auth-card > .text-center.register-intro { margin-bottom: .25rem !important; }
.register-intro .heading-icon { margin-bottom: .25rem; }
.register-intro .auth-heading { margin-bottom: .25rem !important; }
.auth-card .register-form .mb-3 { margin-bottom: .2rem !important; }
.auth-card .register-form .mb-4 { margin-bottom: .25rem !important; }
.auth-card .register-form .form-label { margin-bottom: .125rem; }
.auth-card .register-divider { margin-top: .4rem !important; margin-bottom: .4rem !important; }
.register-divider + .auth-switch span { margin-bottom: .125rem !important; }

.landing-copy-panel {
    width: 50%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2rem 2rem 0;
    background: rgba(255,255,255,.97);
    box-shadow: 18px 24px 70px rgba(48,71,126,.13);
    padding: 2rem;
}
.landing-copy {
    width: min(100%, var(--content-width));
    height: min(var(--content-height), 100%);
    max-height: 100%;
    padding-top: 1.5rem;
    text-align: center;
}
.landing-title { font-size: clamp(2.8rem, 5vw, 4.8rem); font-weight: 900; letter-spacing: -.06em; }
.landing-slogan { color: var(--purple-dark); font-size: clamp(1rem, 2vw, 1.28rem); font-weight: 900; letter-spacing: .08em; }
.landing-description { color: var(--muted); font-size: 1.1rem; line-height: 1.8; }
.landing-actions .btn { width: 170px; height: 54px; min-height: 54px; border-radius: .85rem; font-weight: 900; }
.btn-register { color: var(--purple-dark); background: #fff; border: 2px solid var(--purple); }
.btn-register:hover { color: #fff; background: var(--purple); }

@media (max-width: 991.98px) {
    .auth-shell, .landing-shell { background: linear-gradient(150deg, #eef7ff, #f7f2ff); }
    .auth-wrap { height: 100%; padding: .75rem; overflow: hidden; }
    .auth-row {
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: 100%;
        display: flex;
        flex-flow: column nowrap;
        overflow: hidden;
        border-radius: 1.5rem;
    }
    .learning-panel {
        width: 100%;
        height: clamp(90px, 22dvh, 210px);
        min-height: 0;
        flex: 0 0 clamp(90px, 22dvh, 210px);
        border-radius: 1.5rem 1.5rem 0 0;
        background-position: center 69%;
    }
    .auth-card-panel, .landing-copy-panel {
        width: 100%;
        height: auto;
        min-height: 0;
        flex: 1 1 auto;
        border-radius: 0 0 1.5rem 1.5rem;
        padding: .75rem clamp(1rem, 5vw, 2rem);
        overflow: hidden;
    }
    .auth-card, .landing-copy { height: 100%; max-height: 100%; padding-top: 0; overflow: hidden; }
    .heading-icon { width: 72px; height: 72px; }
}

@media (max-width: 575.98px) {
    .auth-wrap { padding: .5rem; }
    .learning-panel { height: clamp(72px, 16dvh, 125px); flex-basis: clamp(72px, 16dvh, 125px); }
    .auth-card-panel, .landing-copy-panel { padding: .5rem .8rem; }
    .auth-card, .landing-copy { padding-top: 0; }
    .heading-icon { width: 60px; height: 60px; margin-bottom: .5rem; }
    .auth-card > .text-center { margin-bottom: .65rem !important; }
    .auth-card .mb-3 { margin-bottom: .4rem !important; }
    .auth-card .mb-4 { margin-bottom: .65rem !important; }
    .auth-divider { margin-top: .65rem !important; margin-bottom: .65rem !important; }
    .auth-heading { font-size: 1.65rem; }
}

@media (prefers-reduced-motion: reduce) { .btn-mathify { transition: none; } }

/* Shared rocket theme for Landing, Login and Register. */
body.mathify-page{background:#160b4f}
.auth-shell,.landing-shell{background:radial-gradient(circle at 15% 15%,rgba(91,91,255,.38),transparent 32%),radial-gradient(circle at 86% 85%,rgba(29,166,244,.3),transparent 31%),linear-gradient(145deg,#17094d 0%,#281176 48%,#124b9a 100%)}
.auth-shell:before,.landing-shell:before{content:"";position:absolute;inset:0;opacity:.32;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.6px),radial-gradient(circle,#85d9ff 0 1.5px,transparent 2px);background-position:0 0,45px 70px;background-size:92px 92px,137px 137px;animation:space-bg-drift 35s linear infinite}
.auth-shell:after,.landing-shell:after{width:520px;height:520px;right:-220px;top:-260px;background:rgba(102,119,255,.18);box-shadow:0 0 90px rgba(83,168,255,.2)}
.auth-row{border:1px solid rgba(255,255,255,.22);box-shadow:0 35px 90px rgba(4,3,35,.38),0 0 45px rgba(102,119,255,.15)}
.learning-panel{background:linear-gradient(155deg,rgba(33,13,102,.96),rgba(31,47,151,.95) 55%,rgba(16,112,178,.93));box-shadow:none}
.learning-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(91,210,255,.21),transparent 34%),linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:space-panel-glow 8s ease-in-out infinite alternate}
.learning-panel:after{height:24%;background:linear-gradient(180deg,rgba(96,114,224,.12),rgba(71,51,169,.86));clip-path:ellipse(75% 80% at 45% 100%)}
.auth-card-panel,.landing-copy-panel{background:rgba(255,255,255,.97);box-shadow:none;backdrop-filter:blur(12px)}
.auth-space-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.space-stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:auth-star-twinkle 2.8s ease-in-out infinite alternate}.space-stars i:nth-child(1){left:10%;top:12%}.space-stars i:nth-child(2){left:25%;top:24%;animation-delay:-.7s}.space-stars i:nth-child(3){left:48%;top:10%;animation-delay:-1.4s}.space-stars i:nth-child(4){left:72%;top:19%;animation-delay:-2.1s}.space-stars i:nth-child(5){left:89%;top:9%;animation-delay:-1s}.space-stars i:nth-child(6){left:82%;top:48%;animation-delay:-2.4s}.space-stars i:nth-child(7){left:15%;top:58%;animation-delay:-1.8s}.space-stars i:nth-child(8){left:57%;top:58%;animation-delay:-.4s}.space-stars i:nth-child(9){left:92%;top:72%;animation-delay:-1.2s}.space-stars i:nth-child(10){left:36%;top:76%;animation-delay:-2.2s}
.space-symbol{position:absolute;z-index:2;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.18);border-radius:18px;color:#fff;font-size:2rem;font-weight:900;background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 25px rgba(8,7,53,.2);backdrop-filter:blur(7px);animation:auth-symbol-float 6s ease-in-out infinite}.symbol-plus{left:9%;top:19%;color:#bda9ff}.symbol-minus{right:12%;top:30%;color:#6bddff;animation-delay:-1.3s}.symbol-times{left:16%;top:48%;color:#ff829f;animation-delay:-2.6s}.symbol-divide{right:16%;top:56%;color:#73e7ab;animation-delay:-4s}
.space-orbit{position:absolute;z-index:1;border:1px solid rgba(151,211,255,.22);border-radius:50%;animation:auth-orbit-spin linear infinite}.space-orbit span{position:absolute;width:13px;height:13px;border-radius:50%;background:#8bdbff;box-shadow:0 0 15px #68d3ff}.orbit-one{left:17%;top:12%;width:66%;height:56%;transform:rotate(-16deg);animation-duration:24s}.orbit-one span{right:7%;top:9%}.orbit-two{left:30%;top:22%;width:45%;height:43%;transform:rotate(20deg);animation-duration:34s;animation-direction:reverse}.orbit-two span{left:4%;bottom:15%;background:#ffd05a;box-shadow:0 0 15px #ffd05a}
.space-planet{position:absolute;z-index:2;border-radius:50%;filter:drop-shadow(0 14px 24px rgba(5,5,50,.28));animation:auth-planet-float 7s ease-in-out infinite}.space-planet i{position:absolute;left:-20%;top:42%;width:140%;height:18%;border:8px solid rgba(255,255,255,.38);border-radius:50%;transform:rotate(-12deg)}.planet-purple{right:8%;top:10%;width:78px;height:78px;background:linear-gradient(145deg,#a581ff,#5530c9)}.planet-gold{left:8%;bottom:17%;width:58px;height:58px;background:linear-gradient(145deg,#ffe36b,#f49a1e);animation-delay:-3s}
.auth-space-rocket{position:absolute;left:50%;top:28%;z-index:5;width:190px;height:260px;transform:translateX(-50%);animation:auth-rocket-hover 5.5s ease-in-out infinite}.auth-space-rocket b{position:absolute;left:20px;top:0;font-size:9rem;line-height:1;font-weight:400;transform:rotate(-45deg);filter:drop-shadow(0 0 28px rgba(95,211,255,.75))}.auth-space-rocket em{position:absolute;left:69px;top:148px;font-size:3.5rem;line-height:1;font-style:normal;filter:drop-shadow(0 0 18px #ffb52e);animation:auth-rocket-flame .22s ease-in-out infinite alternate}.rocket-trail i{position:absolute;left:88px;top:194px;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.68);animation:auth-rocket-particle 1.4s ease-out infinite}.rocket-trail i:nth-child(2){left:63px;animation-delay:-.35s}.rocket-trail i:nth-child(3){left:107px;animation-delay:-.7s}.rocket-trail i:nth-child(4){left:78px;animation-delay:-1.05s}
.auth-space-rocket em { display: none; }
.rocket-trail i { --smoke-drift:3px; top:158px; left:103.5px; width:13px; height:13px; border-radius:50%; background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.95),rgba(215,229,255,.68) 45%,rgba(157,183,236,.18) 76%,transparent 78%); box-shadow:0 0 9px rgba(210,232,255,.42); filter:blur(.35px); animation:auth-rocket-smoke 2.15s cubic-bezier(.22,.6,.35,1) infinite; }
.rocket-trail i:nth-child(2) { --smoke-drift:-7px; left:101.5px; top:166px; width:17px; height:17px; opacity:.82; animation-delay:-.54s; animation-duration:2.35s; }
.rocket-trail i:nth-child(3) { --smoke-drift:8px; left:100px; top:171px; width:20px; height:20px; opacity:.7; filter:blur(.7px); animation-delay:-1.08s; animation-duration:2.5s; }
.rocket-trail i:nth-child(4) { --smoke-drift:-4px; left:98px; top:180px; width:24px; height:24px; opacity:.58; filter:blur(1px); animation-delay:-1.62s; animation-duration:2.7s; }
.space-moon{position:absolute;left:50%;bottom:-11%;z-index:3;width:82%;height:27%;border-radius:50% 50% 0 0/78% 78% 0 0;background:radial-gradient(circle at 22% 40%,rgba(119,126,190,.22) 0 5%,transparent 6%),radial-gradient(circle at 69% 34%,rgba(119,126,190,.18) 0 7%,transparent 8%),linear-gradient(155deg,#f7f8ff,#bbc6ea);box-shadow:0 -12px 45px rgba(165,207,255,.24)}.space-moon i{position:absolute;border-radius:50%;background:rgba(113,123,178,.14)}.space-moon i:nth-child(1){left:32%;top:25%;width:45px;height:20px}.space-moon i:nth-child(2){right:22%;top:45%;width:30px;height:16px}.space-moon i:nth-child(3){left:55%;top:64%;width:55px;height:22px}
.space-scene-copy{position:absolute;left:50%;bottom:6.5%;z-index:6;display:grid;gap:.2rem;width:90%;transform:translateX(-50%);color:#fff;text-align:center;text-shadow:0 3px 15px rgba(24,15,89,.4)}.space-scene-copy strong{font-size:clamp(1.45rem,2.4vw,2rem);font-weight:900}.space-scene-copy span{color:rgba(255,255,255,.78);font-weight:700}
@keyframes space-bg-drift{to{background-position:92px 92px,182px 207px}}@keyframes space-panel-glow{to{opacity:.65;transform:scale(1.04)}}@keyframes auth-star-twinkle{to{opacity:.25;transform:scale(.55)}}@keyframes auth-symbol-float{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes auth-orbit-spin{to{transform:rotate(344deg)}}@keyframes auth-planet-float{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes auth-rocket-hover{50%{transform:translateX(-50%) translateY(-11px) rotate(1deg)}}@keyframes auth-rocket-flame{to{opacity:.72;transform:scale(.72,1.2)}}@keyframes auth-rocket-particle{to{opacity:0;transform:translate(-12px,55px) scale(1.8)}}@keyframes auth-rocket-smoke{0%{opacity:0;transform:translate(0,0) scale(.45)}14%{opacity:.82}58%{opacity:.48;transform:translate(calc(var(--smoke-drift) * .45),34px) scale(1.12)}100%{opacity:0;transform:translate(var(--smoke-drift),78px) scale(1.8)}}

@media(max-width:991.98px){.learning-panel{background:linear-gradient(120deg,#251071,#214aaa 58%,#147daf);background-position:center}.auth-space-rocket{top:-16px;left:50%;transform:translateX(-50%) scale(.48);transform-origin:top center;animation:auth-rocket-hover-mobile 5.5s ease-in-out infinite}.space-moon{bottom:-45%;height:75%}.space-scene-copy{right:4%;left:auto;bottom:20%;width:39%;transform:none;text-align:right}.space-scene-copy strong{font-size:1.1rem}.space-scene-copy span{display:none}.space-symbol{width:38px;height:38px;border-radius:12px;font-size:1.25rem}.symbol-plus{left:7%;top:18%}.symbol-minus{right:7%;top:16%}.symbol-times{left:19%;top:58%}.symbol-divide{right:19%;top:58%}.planet-purple{width:45px;height:45px}.planet-gold{width:38px;height:38px}@keyframes auth-rocket-hover-mobile{50%{transform:translateX(-50%) translateY(-6px) scale(.48)}}}
@media(max-width:575.98px){.space-scene-copy{display:none}.planet-purple{right:5%}.planet-gold{left:5%}.auth-space-rocket{left:50%}.space-orbit{opacity:.55}}
@media(prefers-reduced-motion:reduce){.auth-shell:before,.landing-shell:before,.space-stars i,.space-symbol,.space-orbit,.space-planet,.auth-space-rocket,.auth-space-rocket em,.rocket-trail i,.learning-panel:before{animation:none!important}}

/* Keep the space artwork fixed while long authentication forms scroll independently. */
.auth-card-panel {
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(114,82,214,.42) transparent;
}
.auth-card-panel::-webkit-scrollbar { width: 7px; }
.auth-card-panel::-webkit-scrollbar-track { background: transparent; }
.auth-card-panel::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(114,82,214,.38); }
.auth-card-panel .auth-card {
    height: auto;
    min-height: min(var(--content-height), 100%);
    max-height: none;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 1rem;
    overflow: visible;
}

@media (max-width: 991.98px) {
    .auth-card-panel { overflow-y: auto; }
    .auth-card-panel .auth-card { height: auto; min-height: 100%; overflow: visible; }
}

/* Compact phone layout for the landing page and authentication forms. */
@media (max-width: 575.98px) {
    .auth-wrap { padding:4px; }
    .auth-row { border-radius:1rem; }
    .learning-panel { height:clamp(130px,25dvh,185px);flex-basis:clamp(130px,25dvh,185px);border-radius:1rem 1rem 0 0;background-position:center 66%; }
    /* Fit the complete rocket illustration into the short phone banner. */
    .auth-space-rocket { top:12px;transform:translateX(-50%) scale(.38);animation:auth-rocket-hover-phone 5.5s ease-in-out infinite; }
    .space-moon { bottom:-48%;height:72%; }
    @keyframes auth-rocket-hover-phone { 50% { transform:translateX(-50%) translateY(-4px) scale(.38); } }
    .auth-card-panel,.landing-copy-panel { padding:.65rem .85rem;border-radius:0 0 1rem 1rem; }
    .auth-card-panel { align-items:center; }
    .auth-card-panel .auth-card { min-height:0;margin:0 auto;padding-bottom:.7rem; }
    .heading-icon,.auth-card .heading-icon { width:46px;height:46px;margin-bottom:.3rem; }
    .auth-card > .text-center { margin-bottom:.45rem!important; }
    .auth-heading { font-size:1.3rem;line-height:1.15; }
    .auth-copy,.auth-switch,.auth-card .form-label { font-size:.78rem;line-height:1.25; }
    .auth-card .form-label { margin-bottom:.18rem; }
    .auth-card .form-control { height:42px;min-height:42px;padding:.5rem .7rem;font-size:.82rem;border-radius:.65rem; }
    .auth-card form .mb-3,.auth-card .mb-3 { margin-bottom:.42rem!important; }
    .auth-card form .mb-4,.auth-card .mb-4 { margin-bottom:.55rem!important; }
    .auth-card .form-check { font-size:.76rem; }
    .auth-card a { font-size:.78rem; }
    .btn-mathify,.landing-actions .btn { height:43px;min-height:43px;font-size:.82rem;border-radius:.68rem; }
    .auth-divider,.auth-card .register-divider { margin:.55rem 0!important; }
    .alert-mathify { margin-bottom:.55rem!important;padding:.55rem .65rem;font-size:.75rem; }

    /* Landing has less content than a form: centre it rather than leaving a
       large empty area at the bottom of the white panel. */
    .landing-copy { height:auto;padding:0; }
    .landing-copy .heading-icon { width:56px;height:56px;margin-bottom:.45rem; }
    .landing-title { margin-bottom:.2rem!important;font-size:2.35rem;line-height:1; }
    .landing-slogan { margin-bottom:1rem!important;font-size:.78rem;letter-spacing:.065em; }
    .landing-description { margin:0 auto 1rem!important;max-width:320px;font-size:.86rem;line-height:1.48; }
    .landing-actions { gap:.6rem!important; }
    .landing-actions .btn { width:142px;height:44px;min-height:44px;font-size:.84rem; }

    /* Landing page: centre the entire message and its fixed-width buttons
       within the phone card instead of leaving the actions left-aligned. */
    .landing-copy-panel { display:flex!important; align-items:center!important; justify-content:center!important; }
    .landing-copy { width:min(100%,340px)!important; margin-inline:auto; text-align:center!important; }
    .landing-actions { width:100%; align-items:center!important; }
}

@media (max-width: 360px), (max-height: 620px) {
    .learning-panel { height:76px;flex-basis:76px; }
    .auth-space-rocket { top:2px;transform:translateX(-50%) scale(.24);animation:auth-rocket-hover-phone-small 5.5s ease-in-out infinite; }
    @keyframes auth-rocket-hover-phone-small { 50% { transform:translateX(-50%) translateY(-3px) scale(.24); } }
    .auth-card-panel,.landing-copy-panel { padding:.45rem .7rem; }
    .heading-icon,.auth-card .heading-icon { width:38px;height:38px; }
    .auth-heading { font-size:1.15rem; }
    .auth-card .form-control { height:38px;min-height:38px;font-size:.76rem; }
    .btn-mathify { height:39px;min-height:39px; }
    .landing-copy .heading-icon { width:42px;height:42px; }
    .landing-title { font-size:1.9rem; }
    .landing-description { font-size:.78rem;line-height:1.38; }
}