.mainSection{max-width:900px;margin:28px auto;padding:18px;color:#111;border:3px dashed #c9c6cc;border-radius:16px;background:#fff;box-shadow:0 10px 18px #1e233714}.mainPicture{display:block;max-width:100%;height:auto;border-radius:10px}.title{font-size:38px;margin:16px 0 4px}.info{margin:0 0 14px;color:#444;font-weight:700}.paraSection p{margin:0 0 12px;font-size:17px;line-height:1.6}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f6f7fb;color:#1f2937;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}html{scroll-behavior:smooth}*::-webkit-scrollbar{width:.6vw;height:.5vw}*::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#a78bfa}*::-webkit-scrollbar-track{background:#eceef6;border-radius:8px}*{scrollbar-width:thin;scrollbar-color:#c4b5fd #eceef6}.titleFont{font-weight:900;letter-spacing:.03em}.newsFont,.timeFont{font-weight:800}.paraFont{font-weight:600}.boldFont{font-weight:800}:root{--gap: 18px;--left: 360px;--right: 340px;--r: 14px;--shadow: 0 10px 18px rgba(30, 35, 55, .1);--surface: #f6f7fb;--card: #ffffff;--chip: #ffffffbb;--chip-ink: #00000033;--ink: #1f2937;--muted: #6b7280;--grad-learn: linear-gradient(135deg, #ff6cab 0%, #7366ff 100%);--grad-connect: linear-gradient(135deg, #20e3b2 0%, #00b5d8 100%);--grad-news: linear-gradient(135deg, #6a67ff 0%, #22d3ee 100%);--grad-events: linear-gradient(135deg, #ffc86b 0%, #fe8f59 100%);--banner-h: 420px;--learn-h: 260px}.container{max-width:1320px;margin:10px auto 24px;padding:0 10px;display:grid;grid-template-columns:var(--left) 1fr var(--right);grid-template-rows:auto 1fr;grid-template-areas:"banner banner learn" "about  news   timetable";gap:var(--gap);height:calc(100vh - 86px)}.block{padding:0;position:relative;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);overflow:hidden}.blockTitle{-webkit-user-select:none;user-select:none;position:sticky;width:fit-content;background:var(--chip);color:var(--chip-ink);margin:15px;padding:8px 14px;border-radius:12px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:900;letter-spacing:.02em;z-index:2}.blockBody{box-sizing:border-box;display:flow-root;position:relative;height:100%;overflow:auto;padding:0}.banner{grid-area:banner;height:var(--banner-h)}.banner .logo{position:absolute;width:140px;left:18px;top:14px;z-index:4}.banner .mainImage{display:block;width:100%;height:100%;object-fit:cover}.banner .blackShade{position:absolute;inset:0;background:linear-gradient(180deg,#0000000a,#00000073 65%)}.banner .mainTitle{position:absolute;left:clamp(12px,2vw,24px);right:clamp(12px,3vw,24px);bottom:clamp(72px,30vw,180px);color:#fff;font-weight:900;font-size:clamp(12px,3.5vw,56px);line-height:1.07;text-shadow:0 3px 12px rgba(0,0,0,.35);word-break:normal;-webkit-hyphens:auto;hyphens:auto}.banner .mainPara{position:absolute;left:clamp(12px,2vw,24px);right:clamp(12px,3vw,24px);bottom:clamp(12px,3vw,22px);color:#fff;font-weight:700;font-size:clamp(12px,2.3vw,17px);line-height:clamp(1.25,3.8vw,1.45);max-width:100%;text-shadow:0 2px 8px rgba(0,0,0,.35)}.learn{grid-area:learn;background:var(--grad-learn);color:#fff;height:var(--learn-h)}.learn .learnBtn{position:absolute;right:14px;bottom:0;font-size:25px;font-weight:900;cursor:pointer;transition:.5s all ease}.learn .learnBtn:hover{color:#2a2099;text-shadow:0 0 10px rgb(222,88,255);transition:.5s all ease}.learn .learnLogo.desktop{position:absolute;right:28px;top:52px;width:88px}.learn .learnLogo.mobile{display:none}.timeTable{box-sizing:border-box;grid-area:timetable;grid-row:1 / span 2;margin-top:calc(var(--learn-h) + var(--gap));height:calc(100% - var(--learn-h) - var(--gap));background:var(--grad-events);color:#fff}.timetag{box-sizing:border-box;background:#fffdf2;border:1px solid #f6e7c4;margin:8px 0;padding:10px;border-radius:12px;transition:all .4s ease}.timetag:hover{background:#fff;box-shadow:0 0 10px 1px #fff;transition:all .4s ease}.eventTitle{margin:4px 0 6px;font-size:22px;color:#2d1f0b}.eventTime{margin:0 0 6px;color:#735b2b;font-weight:700}.eventDescription{margin:0;color:#3a3121}.about{grid-area:about;background:var(--grad-connect);color:#fff;height:150px}.logoBar{display:flex;gap:22px;padding:10px 18px 18px;justify-content:space-evenly}.aboutLogo img{width:56px;height:56px;display:block;border-radius:14px;border:2px solid white;padding:10px;box-shadow:0 8px 18px #0000001a;transition:all .2s ease}.aboutLogo img:hover{transform:translateY(-2px);box-shadow:0 10px 22px #008d76d2;background:#08caaa;transition:all .2s ease}.news{grid-area:news;background:var(--grad-news);color:#fff}.news .newsTitle{color:#fff;opacity:.95}.newsBlock{background:#ffffffc5;color:var(--ink);margin:0 10px 12px;padding:14px 16px;border-radius:12px;border:2px solid white;cursor:pointer;box-shadow:0 8px 14px #0740781f;transition:all .4s ease}.newsBlock:hover{background:#fff;box-shadow:0 0 10px 1px #fff;transition:all .4s ease}.newsdate{margin:0 0 4px;font-size:16px;color:#64748b;font-weight:800}.newsBlockTitle{margin:0;font-size:22px;color:#0f172a}.evt-overlay{position:fixed;inset:0;z-index:60;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.evt-sheet{position:relative;width:min(680px,92vw);max-height:min(90vh,980px);background:#fff;border-radius:20px;box-shadow:0 24px 64px #00000040;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.evt-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:20px;line-height:1}.evt-hero-wrap{padding:14px 14px 0}.evt-hero{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:16px;box-shadow:0 6px 18px #00000026}.evt-hero-skel{height:220px;border-radius:16px;background:linear-gradient(90deg,#f3f4f6,#eceef2,#f3f4f6);animation:evtShimmer 1.2s infinite linear}@keyframes evtShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.evt-body{padding:12px 18px 18px;overflow:auto}.evt-title{margin:8px 0 10px;font-size:clamp(18px,3.6vw,26px);font-weight:900;letter-spacing:.01em;color:#111827}.evt-meta{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:start;margin-bottom:10px}.evt-meta-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.evt-meta-top{font-weight:800;color:#374151}.evt-meta-sub{color:#6b7280;font-weight:700;font-size:14px}.evt-meta-act{display:flex;gap:10px;justify-content:flex-end}.evt-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:800;background:#fff;border:1px solid #e5e7eb;color:#374151;cursor:pointer}.evt-chip:hover{border-color:#d6daf0;box-shadow:0 6px 16px #6366f126}.evt-subhead{margin:14px 0 6px;font-size:14px;color:#6b7280;font-weight:900}.evt-desc{margin:0;color:#374151}.timetag-btn{display:block;border:none;text-align:left;cursor:pointer;width:95%;margin:15px auto;background:#ffffffa9;border:2px solid white}.timetag-btn:focus{outline:2px solid #10ffb7;outline-offset:2px}@media (min-width: 981px){body{overflow:hidden}}@media (max-width: 980px){body{overflow:auto}.container{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;grid-template-areas:"banner" "learn" "timetable" "about" "news"}.learn .learnLogo.desktop{display:none}.learn .learnLogo.mobile{display:block;position:absolute;right:18px;top:18px;width:140px}}@media (min-width: 1200px){body{overflow:hidden}.container{height:calc(100vh - 86px);grid-template-columns:var(--left) 1fr var(--right);grid-template-rows:auto 1fr;grid-template-areas:"banner banner learn" "about  news   timetable"}.banner{height:var(--banner-h)}.learn{height:var(--learn-h)}.timeTable{grid-row:1 / span 2;margin-top:calc(var(--learn-h) + var(--gap));height:calc(100% - var(--learn-h) - var(--gap))}}@media (max-width: 1199px) and (min-width: 741px){body{overflow:auto}.container{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"banner banner" "learn  about" "timetable timetable" "news   news"}.banner{height:380px}.learn{height:240px}.timeTable{grid-row:auto;margin-top:0;height:auto;min-height:420px}}@media (max-width: 740px){body{overflow:auto}.container{height:auto;grid-template-columns:1fr;grid-template-areas:"banner" "learn" "about" "timetable" "news"}.banner{height:340px}.learn{height:220px}.timeTable{grid-row:auto;margin-top:0;height:auto}}.navbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;height:60px;padding:10px 16px;margin:0 auto;background:#202020;box-shadow:0 4px 16px #1f29370f;border-bottom:1px solid #e5e7eb1a}.navLinks{display:flex;gap:14px;margin-left:auto}.navOption{cursor:pointer;padding:6px 16px;border-radius:999px;font:800 16px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;letter-spacing:.03em;color:#334155;background:#fff;border:1px solid #e5e7eb;transition:transform .08s ease,box-shadow .15s ease,color .15s ease}.navOption:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6366f12e;color:#6c63ff;border-color:#dfe3f0}.hamburger{margin-left:auto;display:none;width:42px;height:42px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;align-items:center;justify-content:center;gap:4px;flex-direction:column}.hamburger span{display:block;width:22px;height:2px;background:#374151;border-radius:2px}.mobileMenu{position:fixed;inset:0;z-index:60;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobileSheet{position:absolute;top:0;right:0;height:100%;width:min(84vw,420px);background:#0000002f;border-left:2px solid #ffffff;padding:18px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:slideIn .18s ease-out;box-shadow:-24px 0 64px #00000040}@keyframes slideIn{0%{transform:translate(20px);opacity:.6}to{transform:none;opacity:1}}.mobileClose{align-self:flex-end;width:36px;height:36px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:20px;margin-bottom:10px}.mNavOption{display:block;padding:12px 16px;border-radius:12px;text-decoration:none;color:#334155;background:#fff;border:1px solid #e5e7eb;font-weight:800;letter-spacing:.03em}.mNavOption:hover{border-color:#dfe3f0;box-shadow:0 6px 16px #6366f126}@media (max-width: 740px){.navLinks{display:none}.hamburger{display:flex}}