*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:#17203a;background:#f8f9ff}.wrap{max-width:1160px;margin:auto;padding:0 22px}.nav{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e8e9f5}.navin{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:950;text-decoration:none;color:#32236f;font-size:21px}.menu{display:flex;gap:16px;flex-wrap:wrap}.menu a{text-decoration:none;color:#544d70;font-weight:800;font-size:14px}.hero{padding:82px 0 64px;background:radial-gradient(circle at 15% 20%,#d6f8ff 0,transparent 33%),radial-gradient(circle at 88% 15%,#eadcff 0,transparent 36%),linear-gradient(180deg,#fff,#f9f7ff)}h1{font-size:clamp(42px,7vw,76px);line-height:.95;letter-spacing:-3px;margin:0 0 20px}.gradient{background:linear-gradient(90deg,#5b36f2,#009ed8);-webkit-background-clip:text;color:transparent}.hero p{font-size:20px;line-height:1.55;color:#5d647f;max-width:760px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip{background:#fff;border:1px solid #e6e4f7;border-radius:999px;padding:9px 12px;font-weight:800;font-size:13px}.btn{display:inline-block;border:0;border-radius:14px;padding:14px 18px;font-weight:900;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(90deg,#5b36f2,#087ddb);color:#fff}.secondary{background:#ece9ff;color:#4c35bd}.section{padding:64px 0}.section h2{font-size:36px;letter-spacing:-1.2px;margin:0 0 12px}.lead{color:#69708b;line-height:1.65;max-width:800px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.card{background:#fff;border:1px solid #e8e7f3;border-radius:22px;padding:23px;box-shadow:0 15px 38px rgba(73,53,150,.07)}.lesson{position:relative;overflow:hidden}.lesson .n{font-size:12px;font-weight:900;color:#674df4}.lesson h3{margin:8px 0}.school{background:#21165c;color:#fff}.school .lead{color:#d9d4ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border-radius:18px;padding:20px;color:#251b55}.stat b{display:block;font-size:28px}.panel{max-width:1000px;margin:30px auto;background:#fff;border:1px solid #e7e5f2;border-radius:22px;padding:24px}.input,select,textarea{width:100%;padding:14px;border:1px solid #d7d4e8;border-radius:13px;font:inherit;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress{height:12px;background:#ecebfd;border-radius:99px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#5b36f2,#00a6d9)}.badge{display:inline-block;padding:7px 11px;background:#ece9ff;color:#523ac5;border-radius:999px;font-weight:900;font-size:12px}.mission{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #eeeaf8}.footer{background:#160f3d;color:#ded9ff;padding:36px 0}.admin{max-width:1100px;margin:30px auto;padding:0 20px}.tablewrap{overflow:auto;background:#fff;border:1px solid #e6e3f1;border-radius:16px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:12px;border-bottom:1px solid #f0edf7;text-align:left;font-size:14px}@media(max-width:800px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.menu{display:none}.two{grid-template-columns:1fr}.hero{padding-top:54px}}
/* Ultimate learning platform extensions */
.shell,.studentdash{max-width:1450px;margin:auto;padding:28px}.dashhead,.sectionhead,.actions,.inlineform{display:flex;align-items:center;gap:12px}.dashhead,.sectionhead{justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:#fff;border:1px solid #e8e6ff;border-radius:20px;padding:18px}.stat b{display:block;font-size:30px}.stat span,small{display:block;color:#6d6a87}.teachgrid{display:grid;grid-template-columns:320px 1fr;gap:20px}.studentlink{display:block;padding:12px;border-radius:12px;text-decoration:none;color:inherit}.studentlink.active{background:#efefff}.panel .input{margin:6px 0}.wide{width:100%}.loginbox{max-width:460px;margin:8vh auto;background:white;padding:34px;border-radius:28px;box-shadow:0 25px 80px #5246c71c}.bigemoji{font-size:54px}.profilehero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#5c54e8,#27bdd0);color:white;border-radius:28px;padding:30px}.levelorb{width:125px;height:125px;border-radius:50%;display:grid;place-content:center;background:#ffffff22;border:2px solid #ffffff66;text-align:center}.levelorb b{font-size:34px}.missionmap{display:grid;gap:15px;margin-top:20px}.quest{display:grid;grid-template-columns:68px 1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid #e8e6ff;border-radius:20px;background:#fff}.quest.done{background:#f2fff8}.quest.locked{opacity:.55}.questno{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#6258e8;color:white;font-size:24px;font-weight:900}.queststate{font-weight:900;font-size:12px;letter-spacing:.08em}.badgegrid{display:flex;gap:15px;flex-wrap:wrap}.award{width:150px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#fff8df;border:1px solid #ffe39b;border-radius:18px;font-size:32px}.award b{font-size:14px;margin-top:8px}.btn.success{background:#dcfce7;color:#166534}.short{width:90px}.enhanced small{max-width:650px}.enrollment{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:14px;border-top:1px solid #eee}@media(max-width:850px){.teachgrid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.quest{grid-template-columns:55px 1fr}.queststate{grid-column:2}.dashhead,.sectionhead{align-items:flex-start}}@media(max-width:560px){.shell,.studentdash{padding:12px}.stats{grid-template-columns:1fr 1fr}.dashhead,.sectionhead,.actions{flex-direction:column;align-items:stretch}.profilehero{align-items:flex-start}.levelorb{width:90px;height:90px}.enrollment{grid-template-columns:1fr}}

.quizoption{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #dfe5ff;border-radius:14px;margin:10px 0;background:#fff}.quizoption input{margin-top:5px}.quizresult{padding:16px;border-radius:14px;margin:18px 0}.successbox{background:#e9fff2}.errorbox{background:#fff0f1}


/* ===== BC KIDS ACADEMY school login redesign ===== */
.school-login-page{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,210,230,.72),transparent 24%),
    radial-gradient(circle at 88% 8%,rgba(191,236,255,.82),transparent 24%),
    radial-gradient(circle at 78% 86%,rgba(219,255,196,.62),transparent 25%),
    linear-gradient(135deg,#fbf9ff,#f4f7ff 52%,#fffaf2);
  color:#252044;
}
.school-login-shell{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:34px 20px;
}
.school-login-card{
  width:min(1140px,100%);
  min-height:680px;
  display:grid;
  grid-template-columns:1fr 1.05fr;
  overflow:hidden;
  border-radius:38px;
  background:#fff;
  border:1px solid rgba(107,85,212,.08);
  box-shadow:0 34px 100px rgba(83,61,162,.18);
}
.school-login-form{
  padding:46px 62px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.school-back-top{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:28px;
  padding:10px 14px;
  border-radius:12px;
  background:#f2efff;
  color:#654bd5;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.06em;
  text-decoration:none;
  transition:.2s;
}
.school-back-top:hover{
  transform:translateX(-2px);
  background:#e8e1ff;
}
.school-mini-brand{
  width:max-content;
  display:flex;
  align-items:center;
  gap:12px;
  color:#4f3abd;
  text-decoration:none;
  margin-bottom:28px;
}
.school-mini-brand>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#fff1a8,#ffd7e8,#d9e7ff);
  font-size:27px;
}
.school-mini-brand b{display:block;font-size:16px}
.school-mini-brand small{
  display:block;
  font-size:10px;
  color:#8c83aa;
  font-weight:800;
  letter-spacing:.04em;
}
.school-login-badge{
  width:max-content;
  padding:7px 11px;
  border-radius:999px;
  background:#eee8ff;
  color:#6649dc;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.12em;
  margin-bottom:16px;
}
.school-login-form h1{
  margin:0;
  max-width:500px;
  font-size:clamp(48px,5.4vw,74px);
  line-height:.95;
  letter-spacing:-.055em;
}
.school-login-form h1 span{
  background:linear-gradient(90deg,#6c5ce7,#209be8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.school-login-lead{
  margin:22px 0 30px;
  max-width:500px;
  color:#746c91;
  font-size:17px;
  line-height:1.65;
}
.school-login-fields{
  display:grid;
  gap:22px;
  max-width:520px;
}
.school-field-group{
  display:grid;
  gap:9px;
}
.school-field-group label{
  color:#5b5475;
  font-size:13px;
  font-weight:900;
}
.school-field{
  min-height:62px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 18px;
  border:1.5px solid #ddd7f0;
  border-radius:16px;
  background:#fff;
  transition:.2s;
}
.school-field:focus-within{
  border-color:#7a60e8;
  box-shadow:0 0 0 5px #f0ecff;
}
.school-field>span{font-size:20px}
.school-field input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  padding:18px 0;
  font:inherit;
  font-size:16px;
  color:#2d2748;
}
.school-field input::placeholder{color:#a19ab8}
.school-login-button{
  min-height:62px;
  border:0;
  border-radius:16px;
  background:linear-gradient(90deg,#633cff,#0f8ae5);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  letter-spacing:.06em;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(91,66,225,.23);
  transition:.2s;
}
.school-login-button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(91,66,225,.3);
}
.school-login-button b{
  margin-left:10px;
  font-size:18px;
}
.school-login-error{
  padding:13px 15px;
  border-radius:13px;
  background:#fff0f2;
  color:#b5324f;
  font-weight:800;
  font-size:13px;
}
.school-login-help{
  margin:22px 0 0;
  color:#978faa;
  font-size:13px;
}
.school-login-adventure{
  position:relative;
  overflow:hidden;
  min-height:680px;
  background:
    radial-gradient(circle at 70% 22%,rgba(255,255,255,.6),transparent 24%),
    linear-gradient(145deg,#6848df 0%,#735de7 42%,#2fa9df 100%);
}
.school-login-adventure:before,
.school-login-adventure:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:2px dashed rgba(255,255,255,.18);
}
.school-login-adventure:before{width:520px;height:520px;right:-80px;top:50px}
.school-login-adventure:after{width:340px;height:340px;left:-120px;bottom:-100px}
.school-planet{
  position:absolute;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%);
  width:190px;
  height:190px;
  display:grid;
  place-items:center;
  border-radius:45% 55% 50% 50%;
  background:linear-gradient(135deg,#fff2a8,#ffd5e8,#d7f1ff);
  box-shadow:0 28px 60px rgba(45,31,115,.28);
  z-index:3;
}
.school-planet span{font-size:88px}
.school-orbit{
  position:absolute;
  left:50%;
  top:42%;
  width:390px;
  height:220px;
  transform:translate(-50%,-50%) rotate(-10deg);
  border:3px solid rgba(255,255,255,.26);
  border-radius:50%;
}
.school-float{
  position:absolute;
  z-index:4;
  min-width:116px;
  padding:13px 14px;
  border-radius:18px;
  background:#fff;
  text-align:center;
  font-size:27px;
  box-shadow:0 16px 38px rgba(43,27,105,.18);
}
.school-float small{
  display:block;
  margin-top:3px;
  color:#675d82;
  font-size:10px;
  font-weight:900;
}
.school-float.f1{left:56px;top:110px;transform:rotate(-5deg)}
.school-float.f2{right:50px;top:145px;transform:rotate(5deg)}
.school-float.f3{right:78px;bottom:178px;transform:rotate(-3deg)}
.school-progress-card{
  position:absolute;
  left:50%;
  bottom:44px;
  z-index:5;
  width:min(390px,calc(100% - 70px));
  transform:translateX(-50%);
  padding:20px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 45px rgba(44,28,106,.2);
}
.school-progress-card small{
  color:#7c719a;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.11em;
}
.school-progress-card strong{
  display:block;
  color:#342a63;
  font-size:24px;
  margin:4px 0 10px;
}
.school-progress-card>div{
  height:9px;
  overflow:hidden;
  border-radius:99px;
  background:#eeeaf9;
}
.school-progress-card>div span{
  display:block;
  width:58%;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,#714be8,#35b5e2);
}
.school-progress-card em{
  display:block;
  margin-top:8px;
  color:#847c99;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
.school-stars i{
  position:absolute;
  z-index:1;
  color:rgba(255,255,255,.72);
  font-style:normal;
}
.school-stars i:nth-child(1){left:55px;top:55px;font-size:26px}
.school-stars i:nth-child(2){right:75px;top:65px;font-size:30px}
.school-stars i:nth-child(3){left:100px;bottom:95px;font-size:18px}
.school-stars i:nth-child(4){right:120px;bottom:95px;font-size:24px}

@media(max-width:900px){
  .school-login-card{grid-template-columns:1fr}
  .school-login-adventure{min-height:430px}
  .school-login-form{padding:38px 34px 44px}
  .school-login-form h1{font-size:54px}
  .school-planet{width:150px;height:150px}
  .school-planet span{font-size:68px}
}
@media(max-width:560px){
  .school-login-shell{padding:14px}
  .school-login-card{border-radius:25px}
  .school-login-form{padding:28px 20px 34px}
  .school-login-form h1{font-size:44px}
  .school-login-fields{gap:18px}
  .school-field{min-height:58px}
  .school-login-adventure{min-height:360px}
  .school-float.f1{left:18px;top:65px}
  .school-float.f2{right:18px;top:88px}
  .school-float.f3{right:35px;bottom:120px}
  .school-progress-card{bottom:24px;width:calc(100% - 36px)}
}

/* ===== Rich lesson content ===== */
.quest-summary{font-size:15px;line-height:1.65;color:#625b7c}
.lesson-content{margin:18px 0 6px;border:1px solid #e3def7;border-radius:18px;background:#faf9ff;overflow:hidden}
.lesson-content>summary{cursor:pointer;padding:14px 16px;font-weight:950;color:#5942c9;list-style:none;background:linear-gradient(90deg,#f4f0ff,#f0faff)}
.lesson-content>summary::-webkit-details-marker{display:none}.lesson-body{padding:18px}.lesson-intro{font-size:15px;line-height:1.75;color:#514a69}.lesson-body h4{font-size:17px;margin:20px 0 8px}.lesson-body ul{margin:8px 0 14px;padding-left:22px}.lesson-body li{margin:9px 0;line-height:1.65;color:#4f4965}.remember-box,.practice-box{padding:16px 18px;border-radius:16px;margin:16px 0}.remember-box{background:#fff8df;border:1px solid #ffe59a}.practice-box{background:#eefdff;border:1px solid #bcebf2}.practice-box p{margin:7px 0 0}.test-note{padding:13px 15px;background:#eef8f2;border-radius:14px;color:#36664b;font-size:13px;line-height:1.55}.locked-note{font-size:13px;color:#8d86a2}.quiz-panel{max-width:900px}.quiz-question{border:1px solid #e5e1f5;border-radius:18px;padding:18px;margin:22px 0}.quiz-question legend{padding:0 8px;font-size:18px;font-weight:900;color:#30285b}.quiz-question legend span{color:#6c53df}.quiz-question .quizoption{transition:.15s}.quiz-question .quizoption:hover{border-color:#8c76ed;background:#f8f5ff}

/* ONLINE SELF-STUDY UPGRADE */
.read-box,.try-box,.parent-box,.check-box{padding:16px 18px;border-radius:16px;margin:16px 0;line-height:1.65}.read-box{background:#f7f5ff;border:1px solid #ddd5ff}.read-box p{margin:10px 0;color:#4f4965}.try-box{background:#fff5eb;border:1px solid #ffd9b4}.try-box ol{margin:8px 0 0;padding-left:23px}.parent-box{background:#f1fbf5;border:1px solid #ccebd8}.parent-box p{margin:7px 0 0}.check-box{background:#f4f9ff;border:1px solid #cfe2f7}.check-box ul{margin-bottom:0}.discount-admin{margin:20px 0}.discount-admin .discount-list{display:grid;gap:10px;margin-top:16px}.discount-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #e6e2f5;border-radius:16px;background:#fff}.discount-row code{font-size:16px;font-weight:900;color:#5942c9}.discount-row small{margin-top:3px}.discount-actions{display:flex;gap:8px;flex-wrap:wrap}.discount-actions form{margin:0}.discount-create{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr 1fr .8fr 1.4fr auto;gap:10px;align-items:end}.discount-create label{font-size:12px;font-weight:900;color:#5d5672}.discount-create .input{width:100%}@media(max-width:1100px){.discount-create{grid-template-columns:1fr 1fr 1fr 1fr}.discount-row{grid-template-columns:1fr 1fr}.discount-actions{grid-column:1/-1}}@media(max-width:650px){.discount-create{grid-template-columns:1fr}.discount-row{grid-template-columns:1fr}}

/* Mini test action belongs at the natural end of each open lesson. */
.lesson-test-action{display:flex;justify-content:flex-end;margin-top:14px}.lesson-test-action .btn{font-size:14px;padding:13px 20px;box-shadow:0 8px 22px rgba(92,84,232,.16)}@media(max-width:560px){.lesson-test-action{justify-content:stretch}.lesson-test-action .btn{width:100%;text-align:center}}

/* ===== Unified login for BC KIDS ACADEMY + student/university internships ===== */
.school-login-types{display:flex;gap:8px;flex-wrap:wrap;max-width:540px;margin:-12px 0 28px}
.school-login-types span{padding:9px 12px;border:1px solid #e4def7;border-radius:999px;background:#faf9ff;color:#574f70;font-size:12px;font-weight:900}
.school-login-adventure{background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.26),transparent 24%),linear-gradient(145deg,#263766 0%,#4c55b9 48%,#198db6 100%)}
.school-planet{border-radius:34px;background:linear-gradient(135deg,#eef5ff,#d8efff,#e6e4ff)}
.school-login-badge{background:#eaf2ff;color:#2f59a6}
.school-progress-card strong{font-size:20px;line-height:1.3}
.intern-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.intern-summary-grid>div{padding:18px;border:1px solid #e5e7f2;border-radius:16px;background:#fafbff}
.intern-summary-grid small{font-size:12px;font-weight:800;color:#737991;margin-bottom:6px}
.intern-summary-grid strong{display:block;font-size:25px;color:#252d54}
@media(max-width:700px){.intern-summary-grid{grid-template-columns:1fr}.school-login-types{margin-bottom:22px}}
/* BULGARIA COMPUTERS internship environment: professional IT visual layer */
.school-login-page{background:radial-gradient(circle at 15% 10%,rgba(30,136,229,.18),transparent 30%),radial-gradient(circle at 90% 80%,rgba(0,188,212,.12),transparent 28%),linear-gradient(135deg,#07111f,#0b1f36 55%,#0a2b3c);color:#eaf4ff}
.school-login-card{border:1px solid rgba(102,196,255,.22);box-shadow:0 34px 100px rgba(0,0,0,.38)}
.school-login-form{background:#f8fbff;color:#10243a}
.school-login-adventure{background:linear-gradient(145deg,#071a2d 0%,#0a3151 48%,#087a91 100%)}
.school-login-badge{background:#dff5ff;color:#075c80}
.school-login-form h1 span{background:linear-gradient(90deg,#0879c9,#00a7b7);-webkit-background-clip:text;background-clip:text;color:transparent}
.school-login-button{background:linear-gradient(90deg,#076fbd,#0097a7);box-shadow:0 14px 30px rgba(0,116,166,.25)}
.school-field:focus-within{border-color:#0787b8;box-shadow:0 0 0 5px #e3f7fb}
.school-back-top{background:#e6f5fb;color:#075f83}
.school-mini-brand{color:#075f83}
.school-progress-card{border:1px solid rgba(8,121,201,.12)}