/* Single Lumi Student feature showcase — editorial layout and tactile 2.5D card. */
.student-section{position:relative;overflow:hidden;padding:98px 0 118px;background:radial-gradient(ellipse 53% 78% at 80% 50%,#fff0f6 0%,#fff 78%);border-top:1px solid #e5eaf3}
.student-layout{max-width:1510px;display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:35px}
.student-copy{position:relative;z-index:2;padding-bottom:22px}
.student-eyebrow{display:inline-flex;gap:13px;align-items:center;font-size:14px;color:#0b1937;font-weight:850;letter-spacing:.035em}
.student-eyebrow span{font-size:29px;line-height:.8;color:#fd2b64}
.student-copy h2{max-width:620px;font-weight:900;font-size:clamp(53px,5.1vw,81px);line-height:1.025;letter-spacing:-.082em;margin:25px 0 24px;color:#081436}
.student-copy h2 em{font-style:normal;color:#f52b64}
.student-copy>p{font-size:clamp(19px,1.45vw,23px);line-height:1.52;letter-spacing:-.025em;max-width:540px;margin:0;color:#526a8b}
.student-subnote{font-size:13px;line-height:1.5;color:#4c6283;font-weight:760;display:flex;gap:12px;align-items:center;margin-top:35px;max-width:490px}
.student-subnote svg{width:23px;height:23px;color:#f62a64;stroke-width:2.4;flex:none}
.student-stage{min-width:0;min-height:695px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;perspective:1400px}
.student-backdrop{position:absolute;inset:5% -5% 4%;z-index:-1;pointer-events:none;transform:rotate(-9deg);border-radius:24% 58% 25% 40%;background:linear-gradient(137deg,#ffe9f1 7%,#ffc0d6 52%,#ffeff5 96%);clip-path:polygon(16% 0,90% 9%,100% 75%,69% 97%,7% 89%,0 22%);filter:drop-shadow(0 30px 35px #f891ba45)}
.student-spark{position:absolute;color:#f72b62;font-weight:800;z-index:1;pointer-events:none}
.student-spark-a{font-size:47px;top:12%;right:4%;transform:rotate(20deg)}
.student-spark-b{font-size:36px;bottom:10%;left:6%;transform:rotate(-16deg)}
.student-card{width:min(515px,88%);min-height:610px;border:3px solid #0c1c3c;border-radius:25px;position:relative;background:linear-gradient(155deg,#ff3273 0%,#ef0356 48%,#bf0047 100%);box-shadow:10px 13px 0 #111e3b,22px 36px 40px #e3226c3b;transform:rotate(-2deg) rotateY(-5deg);transition:transform .25s ease,box-shadow .25s ease;overflow:visible;display:flex;flex-direction:column}
.student-card:hover{transform:rotate(-.6deg) rotateY(-1deg) translateY(-5px);box-shadow:12px 16px 0 #111e3b,24px 39px 45px #e3226c38}
.student-bookmark{position:absolute;width:38px;height:77px;top:-5px;right:43px;z-index:3;background:linear-gradient(90deg,#ffe18b,#ffb93b);border:2px solid #b66a16;box-shadow:3px 3px 0 #792e3688;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.student-card-header{color:#fff;padding:37px 37px 28px;flex:none}
.student-card-label{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:900;letter-spacing:.08em}
.student-card-label svg{width:39px;height:39px;stroke-width:1.75}
.student-card-kicker{display:block;font-size:11px;color:#ffd9e7;font-weight:820;letter-spacing:.14em;margin-top:25px}
.student-card-header h3{font-weight:900;font-size:clamp(32px,3.25vw,43px);letter-spacing:-.065em;line-height:1.08;margin:11px 0 12px;max-width:405px}
.student-card-header p{font-size:17px;line-height:1.45;color:#ffe3ed;margin:0;max-width:385px}
.student-card-body{background:#fff;color:#0b1b3b;display:flex;flex:1;flex-direction:column;margin:0 11px 11px;border-radius:15px;padding:23px 19px 17px;box-shadow:inset 0 1px 0 #ffffffaa}
.student-benefits{margin:0 0 19px;padding:0;list-style:none;flex:1}
.student-benefits li{display:flex;align-items:center;gap:15px;min-height:62px;padding:10px 0;border-bottom:1px solid #e8edf3;color:#203455;font-size:15px;line-height:1.35;font-weight:660}
.student-benefits li:last-child{border-bottom:0}
.student-benefit-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #ffd2e0;background:#fff0f5;color:#e81f5b;border-radius:9px;flex:none}
.student-benefit-icon svg{width:21px;height:21px;stroke-width:2}
.student-button{width:100%;min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:0 22px;font-size:18px;line-height:1.2;font-weight:850;letter-spacing:-.045em;color:#fff;background:#e5004c;border:2px solid #0b1c3b;border-radius:10px;box-shadow:4px 5px 0 #0b1c3b;transition:transform .2s,box-shadow .2s,background .2s}
.student-button svg{width:25px;height:25px;stroke-width:2.3}
.student-button:hover{transform:translateY(-2px);box-shadow:5px 7px 0 #0b1c3b;background:#c90045}
.student-button:active{transform:translateY(1px);box-shadow:2px 3px 0 #0b1c3b}
@media(max-width:1180px){
  .student-layout{gap:12px}
  .student-copy h2{font-size:clamp(46px,5.1vw,65px)}
  .student-stage{min-height:640px}
  .student-card{width:min(490px,93%);min-height:580px}
  .student-card-header{padding:30px 29px 24px}
  .student-card-header h3{font-size:36px}
  .student-card-header p{font-size:16px}
}
@media(max-width:900px){
  .student-section{padding:85px 0 103px}
  .student-layout{display:flex;flex-direction:column;gap:28px}
  .student-copy{max-width:720px;width:100%;padding-bottom:0;text-align:center}
  .student-copy h2{font-size:clamp(46px,7.2vw,75px);margin:18px auto 20px}
  .student-copy>p{max-width:650px;margin:0 auto}
  .student-subnote{justify-content:center;max-width:620px;margin:25px auto 0}
  .student-stage{width:100%;min-height:650px}
  .student-card{width:min(500px,84%)}
}
@media(max-width:650px){
  .student-section{padding:70px 0 88px}
  .student-layout{gap:19px}
  .student-eyebrow{font-size:12px;gap:10px}
  .student-copy h2{font-size:clamp(42px,10.2vw,60px);line-height:1.04;letter-spacing:-.075em}
  .student-copy>p{font-size:17px;line-height:1.5}
  .student-subnote{font-size:12px;gap:8px;margin-top:19px}
  .student-stage{min-height:600px}
  .student-backdrop{inset:4% -7% 4%}
  .student-card{width:calc(100% - 24px);min-height:0;border-radius:19px;transform:rotate(-1deg);box-shadow:6px 8px 0 #111e3b,13px 22px 30px #e3226c38}
  .student-card:hover{transform:rotate(-1deg)}
  .student-card-header{padding:28px 25px 23px}
  .student-card-label{font-size:12px}.student-card-label svg{width:34px;height:34px}
  .student-card-kicker{margin-top:22px}
  .student-card-header h3{font-size:clamp(28px,8vw,36px)}
  .student-card-header p{font-size:14px}
  .student-card-body{margin:0 8px 8px;padding:15px 14px 14px;border-radius:12px}
  .student-benefits li{font-size:13px;min-height:58px;gap:11px}
  .student-benefit-icon{width:32px;height:32px}.student-benefit-icon svg{width:18px;height:18px}
  .student-button{min-height:58px;font-size:16px;padding:0 15px}
  .student-bookmark{right:28px;width:29px;height:62px}
  .student-spark-a{top:2%;right:1%;font-size:35px}.student-spark-b{bottom:3%;left:1%}
}
@media(max-width:390px){.student-card{width:calc(100% - 14px)}.student-card-header{padding:24px 19px 19px}.student-card-header h3{font-size:28px}.student-button{font-size:15px}.student-benefits li{font-size:12px}.student-stage{min-height:575px}}
@media(prefers-reduced-motion:reduce){.student-card,.student-button{transition:none}}
