@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root{--navy:#071b35;--navy-2:#0d315d;--blue:#2485e8;--blue-2:#4aa8ff;--sky:#eaf5ff;--ink:#142b4a;--muted:#637892;--paper:#f7faff;--white:#fff;--line:#dbe8f5;--gold:#f0b55f;--shadow:0 18px 55px rgba(11,49,93,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}

header{position:sticky;top:0;z-index:30;background:rgba(7,27,53,.94);border-bottom:1px solid rgba(128,186,239,.16);backdrop-filter:blur(16px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.045em;line-height:1;color:#fff}.logo:before{content:"✦";margin-right:8px;color:var(--gold);font-family:Arial;font-size:.9rem;vertical-align:3px}.logo small{display:block;margin:7px 0 0 19px;font-family:Manrope,Arial,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.16em;color:#9ab9d8;text-transform:uppercase}nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:flex-end}nav a{padding:8px 10px;border-radius:7px;font-size:.82rem;font-weight:700;color:#c6d8ea;transition:color .22s ease,background .22s ease,transform .22s ease}nav a:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-1px)}

.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border:1px solid transparent;border-radius:9px;font:700 .88rem Manrope,Arial,sans-serif;cursor:pointer;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.btn:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.22) 48%,transparent 74%);transform:translateX(-115%);transition:transform .55s ease}.btn:hover{transform:translateY(-3px)}.btn:hover:before{transform:translateX(115%)}.btn-primary{color:#fff;background:linear-gradient(120deg,#1671ca,#36a0f5);box-shadow:0 11px 22px rgba(36,133,232,.26)}.btn-primary:hover{box-shadow:0 16px 28px rgba(36,133,232,.34)}.btn-outline{color:#176cbb;border-color:#b9d8f4;background:#fff}.btn-outline:hover{box-shadow:0 11px 22px rgba(11,62,113,.12)}

.hero{position:relative;isolation:isolate;overflow:hidden;padding:112px 0 102px;background:radial-gradient(circle at 76% 20%,#164f88 0,transparent 27%),linear-gradient(120deg,#071b35 5%,#0d315d 55%,#145a9d 140%);color:#fff}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;border:1px solid rgba(152,208,255,.16)}.hero:before{width:680px;height:680px;right:-280px;top:-370px;box-shadow:0 0 0 55px rgba(113,192,255,.045),0 0 0 130px rgba(113,192,255,.025);animation:float 11s ease-in-out infinite}.hero:after{width:360px;height:360px;left:-190px;bottom:-230px;background:rgba(67,169,255,.13);filter:blur(2px);animation:float 9s ease-in-out -4s infinite}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#63b8ff}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:700;letter-spacing:-.045em}h1{margin:17px 0 23px;font-size:clamp(2.8rem,5.2vw,4.65rem);line-height:1.08;color:#fff}h2{margin:0 0 16px;font-size:clamp(2rem,3vw,2.75rem);line-height:1.18;color:#173b65}h3{margin:0 0 9px;font-size:1.08rem;line-height:1.35;color:#183d67}p{margin-top:0}.lead{max-width:690px;font-size:1.08rem;color:var(--muted)}.hero .lead{color:#c2d9ef}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero .btn-outline{color:#fff;border-color:rgba(185,220,248,.45);background:rgba(255,255,255,.06)}.hero-card{position:relative;padding:32px;border:1px solid rgba(173,216,248,.28);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.055));box-shadow:0 26px 55px rgba(0,0,0,.2);backdrop-filter:blur(14px);animation:rise .8s ease both}.hero-card h3{color:#fff}.hero-card:after{content:"";position:absolute;top:18px;right:19px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(240,181,95,.13)}.hero-card .check{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(202,228,249,.13)}.hero-card .check:last-child{border:0}.hero-card .note{color:#b8d4e9}.icon{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid rgba(115,195,255,.4);border-radius:50%;background:rgba(36,133,232,.2);color:#9ed3ff;font-weight:900}

section{position:relative;padding:94px 0}.section-head{max-width:750px;margin-bottom:37px}.center{text-align:center;margin-left:auto;margin-right:auto}.center.eyebrow{justify-content:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{position:relative;height:100%;padding:27px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(19,59,99,.035);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),#7ac4ff);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card:hover{transform:translateY(-7px);border-color:#b8d9f5;box-shadow:var(--shadow)}.card:hover:before{transform:scaleX(1)}.card p{margin:8px 0 0;color:var(--muted)}.soft{overflow:hidden;background:linear-gradient(135deg,#edf7ff,#f6faff);border-top:1px solid #e0edf8;border-bottom:1px solid #e0edf8}.soft:before{content:"";position:absolute;width:520px;height:520px;right:-350px;top:-360px;border-radius:50%;border:1px solid #cfe7fa;box-shadow:0 0 0 45px rgba(207,231,250,.4)}

.path{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(19,59,99,.06)}.path-item{position:relative;padding:27px 23px;border-right:1px solid var(--line)}.path-item:last-child{border:0}.path-item:after{content:"";position:absolute;top:34px;right:-6px;z-index:1;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #78bfff}.path-item:last-child:after{display:none}.path-item p{margin:0;color:var(--muted);font-size:.91rem}.number{margin-bottom:13px;font-size:.7rem;font-weight:800;letter-spacing:.13em;color:var(--blue)}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{position:relative;display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 20px rgba(19,59,99,.045);transition:transform .28s ease,box-shadow .28s ease}.price-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.price-card:nth-child(2){border-color:#9fcdf5;box-shadow:0 14px 35px rgba(36,133,232,.12)}.price{margin:11px 0 3px;font-family:"Playfair Display",Georgia,serif;font-size:2.4rem;font-weight:700;color:#1261aa}.price span{font-family:Manrope,Arial,sans-serif;font-size:.83rem;font-weight:600;color:var(--muted)}.price-card ul{flex:1;padding-left:19px;color:var(--muted);font-size:.9rem}.price-card li{margin:8px 0}.price-card .btn{margin-top:8px}.badge{display:inline-block;align-self:flex-start;padding:5px 10px;border-radius:30px;background:#e7f3ff;color:#1769aa;font-size:.65rem;font-weight:800;letter-spacing:.04em}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;counter-reset:step}.step{position:relative;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 17px rgba(19,59,99,.03)}.step:before{display:grid;place-items:center;counter-increment:step;content:counter(step,decimal-leading-zero);width:37px;height:37px;margin-bottom:16px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#1769aa,#43a4f7);font-size:.72rem;font-weight:800}.form-wrap{display:grid;grid-template-columns:.84fr 1.16fr;gap:55px;align-items:start}form{padding:31px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}label{display:block;margin:0 0 7px;font-size:.84rem;font-weight:800;color:#1c4875}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #ccdfef;border-radius:8px;outline:0;background:#fbfdff;font:inherit;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,133,232,.11);background:#fff}textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:16px}.note{font-size:.85rem;color:var(--muted)}
.faq{max-width:880px}.faq details{margin:11px 0;padding:17px 19px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:box-shadow .2s ease,border-color .2s ease}.faq details[open]{border-color:#afd3f4;box-shadow:0 10px 23px rgba(19,59,99,.07)}.faq summary{cursor:pointer;font-weight:800;color:#1a4774}.faq p{margin:10px 0 0;color:var(--muted)}.quote{padding:16px 21px;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;background:#fff;color:#536f8e;box-shadow:0 5px 17px rgba(19,59,99,.03)}.cta{position:relative;overflow:hidden;padding:51px;border-radius:19px;background:linear-gradient(110deg,#082547,#176bb1);box-shadow:0 23px 40px rgba(9,52,95,.22);color:#fff}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(182,222,255,.22)}.cta:before{width:400px;height:400px;right:-120px;top:-280px;box-shadow:0 0 0 45px rgba(171,218,255,.05)}.cta:after{width:160px;height:160px;left:56%;bottom:-125px;background:rgba(111,194,255,.11)}.cta h2{position:relative;color:#fff}.cta p{position:relative;max-width:640px;color:#c4dced}.cta .btn{position:relative;background:#fff;color:#1260a6}
footer{position:relative;overflow:hidden;padding:54px 0 27px;background:#06182e;color:#d8e8f7}footer:before{content:"";position:absolute;width:420px;height:420px;right:-220px;bottom:-315px;border:1px solid rgba(132,195,245,.18);border-radius:50%;box-shadow:0 0 0 46px rgba(132,195,245,.04)}.footer-grid{position:relative;display:grid;grid-template-columns:1.2fr 2fr;gap:40px}.footer-links{display:flex;flex-wrap:wrap;align-content:start;gap:9px 18px}.footer-links a{font-size:.88rem;color:#b6cee3;transition:color .2s ease}.footer-links a:hover{color:#fff}.small{position:relative;margin-top:30px;font-size:.77rem;color:#87a5c0}.float-wa{position:fixed;right:22px;bottom:22px;z-index:31;padding:12px 18px;border-radius:30px;background:#25d366;color:#fff;font-size:.86rem;font-weight:800;box-shadow:0 12px 25px rgba(0,0,0,.2);transition:transform .22s ease,box-shadow .22s ease}.float-wa:hover{transform:translateY(-4px);box-shadow:0 17px 30px rgba(0,0,0,.24)}.notice{padding:16px 18px;border:1px solid #f2d59e;border-radius:10px;background:#fff9eb;color:#765827}
@keyframes float{50%{transform:translateY(24px) translateX(-12px)}}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-metrics{display:flex;gap:0;margin-top:34px}.hero-metrics div{min-width:112px;padding:0 18px;border-left:1px solid rgba(205,231,250,.23)}.hero-metrics div:first-child{padding-left:0;border-left:0}.hero-metrics strong{display:block;color:#fff;font-size:.91rem;letter-spacing:.01em}.hero-metrics span{display:block;margin-top:1px;color:#9ec7e7;font-size:.71rem;font-weight:700}
@media(max-width:900px){.nav{align-items:flex-start;flex-direction:column;gap:13px;padding:16px 0}nav{justify-content:flex-start}.hero{padding:82px 0}.hero-grid,.form-wrap{grid-template-columns:1fr;gap:40px}.grid-3{grid-template-columns:1fr}.grid-4,.price-grid{grid-template-columns:repeat(2,1fr)}.path,.process{grid-template-columns:1fr 1fr}.path-item{border-right:0;border-bottom:1px solid var(--line)}.path-item:nth-last-child(-n+2){border-bottom:0}.path-item:after{display:none}.footer-grid{grid-template-columns:1fr}}
@media(max-width:600px){section{padding:60px 0}.hero{padding:68px 0}.grid-4,.price-grid,.path,.process,.form-row{grid-template-columns:1fr}.path-item,.path-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.path-item:last-child{border-bottom:0}h1{font-size:2.75rem}.hero-card,form,.cta{padding:25px}.float-wa{right:14px;bottom:14px;padding:11px 14px;font-size:.78rem}}
@media(max-width:600px){.hero-metrics{flex-wrap:wrap;gap:16px 0}.hero-metrics div{min-width:96px;padding:0 12px}.hero-metrics div:nth-child(odd){padding-left:0;border-left:0}}

/* Refined typography: an approachable sans-serif for reading and a classic serif for key moments. */
body{font-family:"DM Sans",Arial,sans-serif;font-size:16px;letter-spacing:.005em}
.logo,h1,h2,.price{font-family:"Libre Baskerville",Georgia,serif;letter-spacing:-.025em}
.logo{font-size:1.42rem;letter-spacing:-.035em}
.logo small,.btn,.price span{font-family:"DM Sans",Arial,sans-serif}
h1,h2{font-weight:700}
h3{font-family:"DM Sans",Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
nav a,.eyebrow,.badge,.number,label,.faq summary,.hero-metrics strong,.hero-metrics span{font-family:"DM Sans",Arial,sans-serif}

.why-quran{overflow:hidden;background:linear-gradient(135deg,#f8fbff,#eef7ff)}
.why-quran-grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.12fr);gap:72px;align-items:center}
.why-quran-image{position:relative;margin:0;min-height:410px;overflow:hidden;border-radius:18px;box-shadow:0 24px 52px rgba(11,49,93,.18)}
.why-quran-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,27,53,0),rgba(7,27,53,.16))}
.why-quran-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transition:transform .5s ease}
.why-quran-image:hover img{transform:scale(1.04)}
.why-quran .section-head{margin-bottom:0}
@media(max-width:900px){.why-quran-grid{grid-template-columns:1fr;gap:36px}.why-quran-image{min-height:330px;max-width:680px}}
@media(max-width:600px){.why-quran-image{min-height:270px}}

.who-can-join-message{margin:23px 0 0;font-family:"Libre Baskerville",Georgia,serif;font-size:1rem;font-style:italic;color:#1b5b8c}
.join-card{border:1px solid transparent;box-shadow:0 10px 25px rgba(19,59,99,.055)}
.join-card:before{left:-30px;top:-33px;width:108px;height:108px;border-radius:50%;background:rgba(255,255,255,.6);transform:none;transform-origin:center}
.join-card:hover:before{transform:scale(1.12)}
.join-card:after{content:"";position:absolute;right:-28px;bottom:-36px;width:112px;height:112px;border-radius:50%;opacity:.58;transition:transform .3s ease}
.join-card:hover{transform:translateY(-8px) scale(1.015)}
.join-card:hover:after{transform:scale(1.16)}
.join-card-beginner{background:#eef8ff;border-color:#d1eafa}.join-card-beginner:after{background:#cdeaff}
.join-card-growing{background:#f5f0ff;border-color:#e2d8fa}.join-card-growing:after{background:#ded0ff}
.join-card-fluent{background:#edfbf5;border-color:#cfefe2}.join-card-fluent:after{background:#caeedf}
.who-can-join-intro{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);gap:60px;align-items:center;margin-bottom:42px}
.who-can-join-intro .section-head{margin-bottom:0}
.who-can-join-image{position:relative;margin:0;min-height:330px;overflow:hidden;border:8px solid rgba(255,255,255,.72);border-radius:18px;box-shadow:0 18px 42px rgba(19,59,99,.14)}
.who-can-join-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transition:transform .5s ease}
.who-can-join-image:hover img{transform:scale(1.04)}
@media(max-width:900px){.who-can-join-intro{grid-template-columns:1fr;gap:32px}.who-can-join-image{min-height:310px;max-width:600px}}

/* Simple, translucent cards without decorative circles. */
.join-card{box-shadow:none}
.join-card:before,.join-card:after{display:none}
.join-card:hover{box-shadow:0 14px 28px rgba(19,59,99,.09)}
.join-card-beginner{background:rgba(222,242,255,.58);border-color:rgba(174,216,243,.72)}
.join-card-growing{background:rgba(239,231,255,.58);border-color:rgba(213,196,242,.72)}
.join-card-fluent{background:rgba(222,247,237,.58);border-color:rgba(180,225,207,.72)}

.what-you-learn{background:linear-gradient(180deg,#fbfdff,#f5faff)}
.learn-card{overflow:hidden;border-color:rgba(190,216,239,.7);background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(19,59,99,.045)}
.learn-card:before{height:100%;background:linear-gradient(135deg,rgba(203,232,255,.38),rgba(244,237,255,.28));transform:scaleX(1);transform-origin:center;opacity:.76}
.learn-card:nth-child(2):before{background:linear-gradient(135deg,rgba(233,221,255,.42),rgba(249,240,255,.3))}
.learn-card:nth-child(3):before{background:linear-gradient(135deg,rgba(212,245,234,.44),rgba(238,252,247,.3))}
.learn-card:nth-child(4):before{background:linear-gradient(135deg,rgba(255,239,204,.45),rgba(255,249,231,.3))}
.learn-card>*{position:relative;z-index:1}
.learn-card:hover{border-color:rgba(132,189,232,.8);box-shadow:0 16px 34px rgba(19,59,99,.11)}
.teaching-approach{background:linear-gradient(180deg,#f5faff,#fbfdff);border-top:1px solid #e6f1fb;border-bottom:1px solid #e6f1fb}
.teaching-approach .section-head{margin-bottom:34px}
.approach-card{overflow:hidden;border-color:rgba(190,216,239,.7);background:rgba(255,255,255,.85);box-shadow:0 8px 22px rgba(19,59,99,.045)}
.approach-card:before{height:100%;background:linear-gradient(135deg,rgba(203,232,255,.4),rgba(244,237,255,.24));transform:scaleX(1);transform-origin:center;opacity:.75}
.approach-card:nth-child(2):before{background:linear-gradient(135deg,rgba(233,221,255,.42),rgba(249,240,255,.28))}
.approach-card:nth-child(3):before{background:linear-gradient(135deg,rgba(212,245,234,.44),rgba(238,252,247,.28))}
.approach-card:nth-child(4):before{background:linear-gradient(135deg,rgba(255,239,204,.45),rgba(255,249,231,.28))}
.approach-card>*{position:relative;z-index:1}
.approach-card:hover{border-color:rgba(132,189,232,.8);box-shadow:0 16px 34px rgba(19,59,99,.11)}
.approach-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:15px;border-radius:50%;background:linear-gradient(145deg,#1769aa,#43a4f7);color:#fff;font-size:1.05rem;font-weight:800;box-shadow:0 8px 18px rgba(23,105,170,.25)}
.teaching-approach .btn{margin-top:8px}

/* Match the Who Can Join cards with the same light-panel treatment. */
.join-card{overflow:hidden;background:rgba(255,255,255,.78);border-color:rgba(190,216,239,.7);box-shadow:0 8px 22px rgba(19,59,99,.045)}
.join-card:before{display:block;left:0;top:0;width:100%;height:100%;border-radius:0;background:linear-gradient(135deg,rgba(203,232,255,.38),rgba(244,237,255,.28));transform:scaleX(1);transform-origin:center;opacity:.76}
.join-card:after{display:none}
.join-card:nth-child(2):before{background:linear-gradient(135deg,rgba(233,221,255,.42),rgba(249,240,255,.3))}
.join-card:nth-child(3):before{background:linear-gradient(135deg,rgba(212,245,234,.44),rgba(238,252,247,.3))}
.join-card>*{position:relative;z-index:1}
.join-card:hover{transform:translateY(-7px);border-color:rgba(132,189,232,.8);box-shadow:0 16px 34px rgba(19,59,99,.11)}
.join-card:hover:before{transform:scaleX(1)}

/* Give every inner page the same deep, layered atmosphere as the home hero. */
body:not(:has(.hero)){background:radial-gradient(circle at 76% 20%,#164f88 0,transparent 27%),linear-gradient(120deg,#071b35 5%,#0d315d 55%,#145a9d 140%);background-attachment:fixed}
body:not(:has(.hero)) main>section:not(.soft):not(.what-you-learn){background:transparent}
body:not(:has(.hero)) main>section:not(.soft):not(.what-you-learn) h1{color:#fff}
body:not(:has(.hero)) main>section:not(.soft):not(.what-you-learn)>.container>.lead,body:not(:has(.hero)) main>section:not(.soft):not(.what-you-learn) .section-head>.lead{color:#c2d9ef}
body:not(:has(.hero)) main>section:not(.soft):not(.what-you-learn) .section-head>h2{color:#fff}

/* Match the Who Can Join cards to the What You Will Learn card treatment. */
.join-card{overflow:hidden;border-color:rgba(190,216,239,.7);background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(19,59,99,.045)}
.join-card:before{display:block;inset:0;width:auto;height:100%;border-radius:0;background:linear-gradient(135deg,rgba(203,232,255,.38),rgba(244,237,255,.28));transform:scaleX(1);transform-origin:center;opacity:.76}
.join-card:nth-child(2):before{background:linear-gradient(135deg,rgba(233,221,255,.42),rgba(249,240,255,.3))}
.join-card:nth-child(3):before{background:linear-gradient(135deg,rgba(212,245,234,.44),rgba(238,252,247,.3))}
.join-card>*{position:relative;z-index:1}
.join-card:hover{border-color:rgba(132,189,232,.8);box-shadow:0 16px 34px rgba(19,59,99,.11)}