/* NMIMS CIIS — assets/css/04-sections/learning.css — extracted from approved source (Phase 2B) */

/* ── LEARNING ── */
.learning-section { background: var(--white); }
.learning-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; margin-top: 48px; }
.learning-features { display: flex; flex-direction: column; gap: 0; }
.learn-item { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--grey-light); align-items: flex-start; }
.learn-item:last-child { border-bottom: none; }
.learn-icon { width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, var(--purple), var(--purple-light)); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }
.learn-text strong { font-size: 0.95rem; font-weight: 600; color: var(--dark); display: block; margin-bottom: 3px; }
.learn-text span { font-size: 0.83rem; color: var(--grey-text); }
.learning-right { position: sticky; top: 100px; }
.quadrant-card { background: linear-gradient(145deg, var(--purple-dark), var(--purple)); border-radius: 20px; padding: 36px; color: white; }
.quadrant-card h3 { color: white; margin-bottom: 8px; font-size: 1.15rem; }
.quadrant-card > p { color: rgba(255,255,255,0.72); font-size: 0.88rem; margin-bottom: 24px; }
.quadrant-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.q-item { background: rgba(255,255,255,0.10); border-radius: 12px; padding: 16px; border: 1px solid rgba(255,255,255,0.12); }
.q-item-num { font-family: var(--font-display); font-size: 1.5rem; font-weight: 800; color: var(--orange-light); line-height: 1; margin-bottom: 6px; }
.q-item span { font-size: 0.78rem; color: rgba(255,255,255,0.80); font-weight: 500; }
.support-card { background: var(--off-white); border-radius: 16px; padding: 24px; margin-top: 16px; border: 1px solid var(--grey-light); }
.support-card h4 { font-size: 0.95rem; font-weight: 600; color: var(--dark); margin-bottom: 12px; }
.support-items { display: flex; flex-direction: column; gap: 8px; }
.support-item { display: flex; align-items: center; gap: 10px; font-size: 0.83rem; color: var(--grey-text); }
.support-dot { width: 6px; height: 6px; background: var(--orange); border-radius: 50%; flex-shrink: 0; }

/* ── PREMIUM LEARNING EXPERIENCE UPGRADE ── */
.learning-premium{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#faf7ff 45%,#fff 100%)}
.learning-bg-orb{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;opacity:.55}
.learning-bg-orb-1{width:360px;height:360px;background:radial-gradient(circle,rgba(75,44,123,.14),transparent 70%);top:80px;right:-120px}
.learning-bg-orb-2{width:280px;height:280px;background:radial-gradient(circle,rgba(232,105,10,.11),transparent 72%);bottom:60px;left:-100px}
.learning-premium-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:42px}
.learning-head-cta{display:inline-flex;align-items:center;justify-content:center;min-width:260px;padding:14px 22px;border-radius:999px;background:#fff;color:var(--purple);font-weight:700;text-decoration:none;border:1px solid rgba(75,44,123,.14);box-shadow:0 14px 40px rgba(75,44,123,.10);transition:.25s ease}
.learning-head-cta:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(75,44,123,.16);background:var(--purple);color:#fff}
.learning-showcase{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:28px;align-items:stretch}
.learning-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.learn-card-premium{position:relative;display:flex;gap:16px;align-items:flex-start;padding:22px 20px;border-radius:22px;background:rgba(255,255,255,.88);border:1px solid rgba(75,44,123,.10);box-shadow:0 14px 38px rgba(26,20,16,.06);transition:.25s ease;overflow:hidden;min-height:132px}
.learn-card-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(75,44,123,.06),rgba(232,105,10,.035));opacity:0;transition:.25s ease}
.learn-card-premium:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(26,20,16,.10);border-color:rgba(200,16,46,.18)}
.learn-card-premium:hover:before{opacity:1}
.learn-icon-premium{position:relative;z-index:1;width:58px;height:58px;min-width:58px;border-radius:18px;background:linear-gradient(135deg,#4B2C7B,#6B3FA0);display:flex;align-items:center;justify-content:center;font-size:1.55rem;color:#fff;box-shadow:0 12px 24px rgba(75,44,123,.22)}
.learn-card-premium .learn-text{position:relative;z-index:1;padding-top:3px}
.learn-card-premium .learn-text strong{font-size:1rem;line-height:1.35;margin-bottom:7px}
.learn-card-premium .learn-text span{font-size:.88rem;line-height:1.62;color:#635f5b}
.learning-method-panel{position:relative;border-radius:28px;padding:34px;background:linear-gradient(145deg,#341C58 0%,#4B2C7B 56%,#6B3FA0 100%);color:#fff;box-shadow:0 24px 70px rgba(75,44,123,.28);overflow:hidden;min-height:100%}
.learning-method-panel:before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}
.learning-method-panel:after{content:"";position:absolute;left:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:rgba(232,105,10,.14)}
.method-pill{position:relative;z-index:1;display:inline-flex;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:18px}
.learning-method-panel h3{position:relative;z-index:1;color:#fff;font-size:1.65rem;margin-bottom:10px}
.learning-method-panel>p{position:relative;z-index:1;color:rgba(255,255,255,.78);font-size:.98rem;line-height:1.7;margin-bottom:24px}
.method-flow{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.method-step{position:relative;padding:18px 16px 18px 18px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);min-height:116px;backdrop-filter:blur(8px)}
.method-step span{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1;color:var(--orange-light);margin-bottom:12px}
.method-step strong{display:block;font-size:.88rem;line-height:1.45;color:rgba(255,255,255,.92)}
.support-card-premium{position:relative;z-index:1;background:rgba(255,255,255,.96);border:0;margin-top:10px;box-shadow:0 18px 40px rgba(0,0,0,.10)}
.support-card-premium h4{font-size:1rem;color:var(--dark)}
.support-card-premium .support-item{font-size:.86rem;line-height:1.5}
@media(max-width:1024px){.learning-showcase{grid-template-columns:1fr}.learning-method-panel{min-height:auto}.learning-premium-head{align-items:flex-start;flex-direction:column}.learning-head-cta{min-width:0}}
@media(max-width:768px){.learning-premium{padding-top:64px}.learning-feature-grid{grid-template-columns:1fr}.learn-card-premium{min-height:auto;padding:18px;border-radius:18px}.learn-icon-premium{width:52px;height:52px;min-width:52px;font-size:1.35rem}.learning-method-panel{padding:24px;border-radius:22px}.method-flow{grid-template-columns:1fr}.learning-method-panel h3{font-size:1.35rem}.learning-head-cta{width:100%}} /* ── FINAL INNOVATION POLISH: Learning + Student Reviews ── */
.learning-premium { position: relative; overflow: hidden; }
.learning-premium::after{ content:''; position:absolute; right:-80px; top:90px; width:260px; height:260px; background: radial-gradient(circle, rgba(200,16,46,.08), transparent 68%); pointer-events:none;
}
.learning-showcase{ gap:34px !important; }
.learn-card-premium{ position:relative; overflow:hidden; border:1px solid rgba(75,44,123,.10) !important; background:linear-gradient(135deg,#fff 0%,#fff 58%,rgba(238,232,247,.52) 100%) !important; border-radius:18px !important; padding:20px 20px !important; min-height:112px; box-shadow:0 12px 38px rgba(32,18,58,.055) !important;
}
.learn-card-premium::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,var(--red),var(--orange)); opacity:.0; transition:.25s;
}
.learn-card-premium:hover::before{ opacity:1; }
.learn-card-premium:hover{ transform:translateY(-5px); box-shadow:0 20px 55px rgba(32,18,58,.11) !important; }
.learn-icon-premium{ width:58px !important; height:58px !important; min-width:58px !important; font-size:1.55rem !important; border-radius:16px !important; background:linear-gradient(135deg,rgba(75,44,123,.12),rgba(232,105,10,.10)) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}
.learning-method-panel{ box-shadow:0 24px 70px rgba(42,23,78,.20) !important; border-radius:26px !important; position:relative; overflow:hidden;
}
.learning-method-panel::before{ content:'MBA'; position:absolute; right:-12px; top:-26px; font-family:var(--font-display); font-size:7rem; font-weight:800; color:rgba(255,255,255,.05); letter-spacing:.03em;
}
.method-flow{ position:relative; z-index:2; }
.method-step{ min-height:108px; display:flex; flex-direction:column; justify-content:center; }
.support-card-premium{ position:relative; z-index:2; }
.learning-proof-strip{ margin-top:26px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px;
}
.learning-proof-item{ background:#fff; border:1px solid rgba(75,44,123,.10); border-radius:16px; padding:18px; box-shadow:0 10px 30px rgba(0,0,0,.055); text-align:center;
}
.learning-proof-item strong{display:block; font-family:var(--font-display); color:var(--purple); font-size:1.6rem; line-height:1;}
.learning-proof-item span{font-size:.78rem;color:var(--grey-text);font-weight:600;}

@media(max-width:768px){ .learning-premium-head{align-items:flex-start !important;} .learning-proof-strip{grid-template-columns:1fr; gap:10px;} .learn-card-premium{min-height:auto; padding:18px !important;} .learn-icon-premium{width:54px !important;height:54px !important;min-width:54px !important;} .voices-head{display:block; text-align:left;} .voices-badge{margin-top:18px;} .student-voices-section{padding:58px 0 76px;} .voice-card{width:300px; min-height:250px; padding:24px;} .voices-track{animation-duration:38s;} .voices-cta-card{display:block; padding:24px;} .voices-actions{margin-top:18px; flex-direction:column;} .voices-actions .btn{width:100%; justify-content:center;}
}