@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--navy:#092f51;--navy2:#062740;--blue:#185077;--gold:#f4b849;--cream:#fffaf0;--ink:#102b45;--muted:#6a7a88;--border:#e0e8eb;--light:#f5f7f8;--red:#a73545;--shadow:0 16px 40px rgba(17,47,72,.08);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}h1,h2,em{font-family:'DM Serif Display',Georgia,serif;font-weight:400}em{font-style:italic}h2{font-size:clamp(2.4rem,5vw,4rem);line-height:1.08}h3{letter-spacing:-.025em}p{line-height:1.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,90px);gap:20px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e6ecee}.brand{display:flex;align-items:center;gap:12px;min-width:218px}.brand img{width:53px;height:53px;object-fit:contain}.brand-words{display:flex;flex-direction:column;gap:4px}.brand-words strong{font-size:17px;letter-spacing:-.03em;line-height:1}.brand-words strong span{font-weight:500}.brand-words small{font-size:9px;font-weight:800;letter-spacing:.2em;color:#7f92a1}.top-nav{display:flex;gap:34px;font-size:13px;font-weight:700}.top-nav a{transition:color .2s}.top-nav a:hover{color:#a77a26}.header-actions{display:flex;align-items:center;gap:16px}.contact-top{font-size:13px;font-weight:800;white-space:nowrap}.contact-top span{color:#c18c23}.btn{border:0;border-radius:9px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;line-height:1.25}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000020}.btn-sm{padding:12px 16px}.btn-dark{background:var(--navy);color:#fff}.btn-gold{color:#092c4a;background:var(--gold)}.btn-outline-light{background:transparent;color:#fff;border:1px solid #ffffff5c}.btn-soft{background:#eff3f5;color:var(--navy)}.btn-full{width:100%}.mobile-menu-btn,.mobile-menu{display:none}
.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{min-height:620px;max-width:1440px;margin:auto;display:grid;grid-template-columns:54% 46%;align-items:center;padding:65px clamp(30px,6vw,105px) 50px;position:relative}.hero-copy{z-index:2;padding-bottom:18px}.eyebrow{color:#b07925;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.eyebrow.pale{color:#f0ca74}.gold-dot{display:inline-block;background:var(--gold);height:6px;width:6px;vertical-align:middle;border-radius:50%;margin-right:9px}.hero h1{font-size:clamp(4.2rem,7.1vw,7.8rem);line-height:.99;margin:0 0 22px}.hero h1 em{color:var(--gold)}.hero-copy>p{max-width:530px;color:#d9e5ee;font-size:15.5px;line-height:1.85;margin-bottom:28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-foot{margin-top:48px;display:flex;gap:12px;align-items:center;color:#bdd0db;font-size:12px}.small-gold-star{font-size:19px;color:var(--gold)}
.hero-art{height:515px;position:relative;isolation:isolate}.art-halo{position:absolute;border:1px solid #ffffff25;border-radius:50%;width:470px;height:470px;top:20px;left:50%;transform:translateX(-50%)}.art-halo-two{width:570px;height:570px;top:-30px}.art-books{width:285px;height:330px;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-9deg);filter:drop-shadow(18px 22px 13px #00152b66)}.art-back-book{position:absolute;background:#f9d384;width:260px;height:302px;left:33px;top:15px;border-radius:9px 20px 20px 6px;transform:rotate(20deg);box-shadow:6px 2px #dc923a}.art-book{position:absolute;border-radius:9px 20px 20px 9px}.book-blue{background:#093e67;width:240px;height:317px;left:12px;top:3px;border:5px solid #f0f1e9;box-shadow:6px 7px #072236,10px 9px #f8edcb;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.book-blue:before{content:'';position:absolute;inset:19px;border:1px solid #dcb9678a;border-radius:5px 13px 13px 5px}.book-blue span{font:italic 155px Georgia,serif;color:#f7c25b;z-index:1}.book-blue small{letter-spacing:.3em;font-size:10px;z-index:1}.book-cream{width:130px;height:190px;background:#f5eace;left:150px;top:116px;transform:rotate(13deg);border:5px solid #093b61;box-shadow:4px 4px #dfab56;padding:23px 18px;color:var(--navy)}.book-cream .line{height:2px;background:#97a3a7;margin:13px 0}.book-cream .short{width:60%}.book-cream span{font-weight:800;font-size:10px;letter-spacing:.08em}.book-red{width:52px;height:278px;background:#ac3b4f;left:-12px;top:51px;transform:rotate(-10deg);z-index:-1;box-shadow:6px 3px #7f1d37;border-radius:6px}.art-note{position:absolute;right:-15px;top:100px;color:#14344d;background:#fff9e7;padding:26px 18px 20px;font:italic 18px Georgia,serif;line-height:1.35;width:205px;transform:rotate(8deg);box-shadow:0 15px 23px #001c3055}.art-note-mark,.art-note-end{font-size:30px;color:#b3384d}.art-note-mark{position:absolute;top:-5px;left:9px}.art-note-end{position:absolute;bottom:-4px;right:9px}.orbit-label{position:absolute;font-size:13px;font-weight:800;letter-spacing:.18em}.orbit-label span{color:var(--gold);font-size:25px}.orbit-label-a{top:70px;left:-3px;transform:rotate(-15deg)}.orbit-label-b{bottom:55px;right:20px;transform:rotate(16deg)}.big-star{position:absolute;color:var(--gold)}.star-a{left:58px;bottom:72px;font-size:48px}.star-b{right:25px;top:70px;font-size:25px}.hero-ribbon{min-height:62px;border-top:1px solid #ffffff2d;display:flex;align-items:center;justify-content:space-evenly;gap:15px;padding:15px;color:#d8e8ef;letter-spacing:.17em;font-size:10px;font-weight:800}.hero-ribbon span{color:var(--gold);font-size:17px}
.section{padding:105px clamp(25px,6vw,98px);max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.section-head h2{margin:0;max-width:680px}.section-head em{color:var(--red)}.section-head>p{max-width:310px;color:var(--muted);font-size:14px;margin-bottom:4px}.courses-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.course-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:white;box-shadow:0 5px 20px #102b4510;transition:transform .25s,box-shadow .25s}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.course-illustration{height:195px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.ill-circle{width:230px;height:230px;border-radius:50%;border:1px solid #fff8;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);box-shadow:0 0 0 37px #ffffff14,0 0 0 77px #ffffff0d}.course-drawing{position:absolute;z-index:1;filter:drop-shadow(5px 7px 2px #051d2a19)}.card-corner{position:absolute;top:17px;right:19px;color:#ffffffa8;font-size:13px;font-weight:800}.ill-kids{background:linear-gradient(125deg,#f0b14f,#f8d98b)}.kids-pencil{font:bold 150px Georgia;color:#153e5a;transform:rotate(-21deg);left:31%;top:3px}.kids-abc{font:800 46px 'DM Sans',sans-serif;color:#fff;transform:rotate(10deg);right:18%;top:66px}.tiny-shape{position:absolute;color:#fff;font-size:28px}.shape-a{left:16%;top:35px}.shape-b{right:16%;bottom:19px}.ill-juniors{background:linear-gradient(125deg,#a7374b,#d86865)}.junior-hello{color:white;background:#0b375a;padding:26px 31px;border-radius:45px 45px 45px 6px;font:bold 41px 'DM Sans',sans-serif;transform:rotate(-11deg)}.junior-star{font-size:40px;color:var(--gold);right:14%;top:21px}.ill-adults{background:linear-gradient(145deg,#0c3b60,#2d7495)}.adults-globe{font:175px Georgia;color:#f3bf5a;line-height:1}.adults-word{font-size:27px;color:#fff;font-weight:800;letter-spacing:.35em;bottom:29px}.ill-talk{background:linear-gradient(125deg,#e6c6a0,#f2e1c7)}.talk-chat{font:bold italic 40px Georgia;color:var(--navy);border:3px solid var(--navy);border-radius:90px;padding:32px 26px;transform:rotate(-8deg);background:#fff5e7}.talk-star{font:56px Georgia;color:var(--red);right:9%;top:6px}.ill-exams{background:linear-gradient(125deg,#8faeaa,#b8d5cd)}.exams-diploma{width:135px;height:135px;border:7px solid var(--navy);background:#f7f0df;color:#b68e34;border-radius:6px;display:grid;place-items:center;font-size:94px;transform:rotate(-12deg)}.exams-word{font-size:14px;color:var(--navy);font-weight:800;letter-spacing:.1em;bottom:13px}.ill-teachers{background:linear-gradient(125deg,#d1c7df,#efe9f2)}.teachers-pen{font:153px Georgia;color:#9b354d}.teachers-word{color:var(--navy);font-weight:800;letter-spacing:.4em;bottom:24px}.course-details{padding:27px 29px 25px}.course-chip{font-size:10px;font-weight:800;letter-spacing:.13em;color:#b17c27}.course-details h3{font:33px 'DM Serif Display',Georgia,serif;font-weight:400;margin:9px 0}.course-details p{font-size:13px;line-height:1.75;color:var(--muted);min-height:68px;margin:0 0 16px}.course-details a{font-size:12px;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:19px}.course-details a span{font-size:20px;line-height:15px}.course-notice{font-size:11px;color:var(--muted);text-align:center;margin:25px 0 0}
.modes{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#0a304f;color:#fff;padding-left:clamp(25px,7vw,135px);padding-right:clamp(25px,7vw,135px);position:relative;overflow:hidden}.modes-text h2{margin-bottom:20px}.modes-text h2 em{color:#f2c05f}.modes-text p{color:#ccdce6;max-width:550px;font-size:15px;line-height:1.8}.mode-badges{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 30px}.mode-badges span{padding:8px 12px;border:1px solid #ffffff40;border-radius:50px;color:#dfebef;font-size:11px}.modes-art{display:flex;align-items:center;justify-content:center;min-height:390px}.window-browser{width:min(100%,440px);background:#f7f9f9;border-radius:18px;box-shadow:20px 25px 0 #234d6e,0 35px 30px #02172877;transform:rotate(3deg);overflow:hidden;color:var(--ink)}.window-dots{height:38px;background:#e2eaf0;display:flex;align-items:center;gap:7px;padding:0 19px}.window-dots i{height:9px;width:9px;background:#a6b7c3;border-radius:50%}.window-dots i:nth-child(1){background:#b95e69}.window-dots i:nth-child(2){background:#f1c060}.window-dots i:nth-child(3){background:#91b4a3}.window-content{padding:25px}.w-tag{font-size:9px;letter-spacing:.2em;color:#c18c23;font-weight:800}.w-greeting{font:29px Georgia,serif;margin:10px 0 22px;display:flex;justify-content:space-between}.w-greeting span{color:#dba143}.w-tile{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dfebf0;border-radius:10px;padding:16px;margin:10px 0}.w-tile>span{color:#e0ad4b;background:#f7f2e5;border-radius:8px;font-size:21px;padding:7px 11px}.w-tile div{font-weight:800;font-size:13px;flex:1}.w-tile small{display:block;font-size:10px;color:var(--muted);font-weight:500;margin-top:4px}.w-tile b{color:#7a9bae}.w-progress{display:flex;gap:8px;margin-top:25px}.w-progress span{height:6px;background:#e1e7ec;border-radius:6px;flex:1}.w-progress span:first-child,.w-progress span:nth-child(2){background:#f1b54a}
.values{padding-top:110px;padding-bottom:120px}.center-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.center-head p{max-width:520px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:67px}.values-grid>div{text-align:center}.value-icon{border:1px solid #efcf8e;border-radius:50%;background:#fff9ed;color:#bc8629;font-size:42px;width:90px;height:90px;display:grid;place-items:center;margin:0 auto 20px}.values-grid h3{font:26px Georgia,serif;margin:0 0 9px}.values-grid p{font-size:13px;color:var(--muted);max-width:240px;margin:0 auto}.cta{background:var(--red);color:#fff;margin:0 auto;max-width:1500px;padding:70px 7%;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:clamp(2.6rem,5vw,4.7rem);margin-bottom:15px}.cta h2 em{color:#f4cf89}.cta p{color:#ffeaeb;margin:0}.footer{background:#06253d;color:#dce7ef;padding:44px clamp(25px,7vw,110px) 22px}.footer-top,.footer-bottom{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:15px}.footer-brand b,.footer-brand small{display:block}.footer-brand b{color:#fff;font-size:16px}.footer-brand small{font-size:11px;color:#a9c0cd;margin-top:6px}.footer-links{display:flex;gap:25px;font-size:12px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff25;margin-top:35px;padding-top:18px;color:#9eb6c6;font-size:11px}
/* Campus */
.campus{min-height:100vh;background:#f5f7f8;display:grid;grid-template-columns:254px minmax(0,1fr)}.campus-sidebar{background:#082d4d;color:white;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 15px 15px}.sidebar-brand{display:flex;gap:10px;align-items:center;margin:0 9px 40px}.sidebar-brand img{width:52px;height:52px}.sidebar-brand strong{font-size:13px;display:block}.sidebar-brand small{font-size:9px;letter-spacing:.19em;color:#a5bdcb;display:block;margin-top:5px}.sidebar-menu{flex:1;display:grid;align-content:start;gap:4px}.sidebar-menu button{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;text-align:left;color:#b9d0dd;padding:14px 15px;font-size:13px;font-weight:700;border-radius:10px}.sidebar-menu button:hover,.sidebar-menu button.active{background:#ffffff16;color:white}.nav-glyph{display:grid;place-items:center;font-size:18px;width:24px}.sidebar-bottom{border-top:1px solid #ffffff27;padding:16px 8px 4px;display:flex;align-items:center;gap:10px}.user-avatar{height:36px;width:36px;display:grid;place-items:center;border-radius:11px;background:#efb854;color:#082d4d;font-size:11px;font-weight:800}.sidebar-bottom div{flex:1;min-width:0}.sidebar-bottom strong,.sidebar-bottom small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:10px;color:#a9c4d4;margin-top:3px}.icon-button{border:0;background:transparent;color:#d7e6ec;font-size:21px}.campus-content{min-width:0}.campus-topbar{height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,58px);background:white;border-bottom:1px solid var(--border);gap:10px}.campus-back{border:0;background:transparent;font-size:13px;color:var(--muted);font-weight:800}.topbar-tag{font-size:10px;letter-spacing:.13em;font-weight:800;color:#a7792d;background:#fbf3e4;border-radius:30px;padding:9px 14px}.campus-top-right{display:flex;gap:8px;align-items:center;color:#5b7282;font-size:11px}.status-dot{background:#40aa83;height:7px;width:7px;border-radius:50%}.campus-main{max-width:1280px;margin:auto;padding:35px clamp(18px,4vw,54px) 65px}.dash-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:29px}.dash-heading h1{font:39px 'DM Serif Display',Georgia,serif;letter-spacing:-.04em;margin:0 0 6px}.dash-heading h1 em{color:#b77e2f}.dash-heading p{color:var(--muted);font-size:13px;margin:0}.dash-kicker{font-size:10px;letter-spacing:.17em;font-weight:800;color:#b8832e;margin-bottom:7px}.dash-heading .btn{white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.metric-card{background:white;border:1px solid var(--border);border-radius:14px;padding:19px;min-height:126px}.metric-card .top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.metric-card .mi{height:32px;width:32px;border-radius:9px;background:#eef4f6;color:#235b7d;display:grid;place-items:center;font-size:19px}.metric-card strong{font:30px 'DM Serif Display',Georgia,serif;display:block;margin-top:17px}.metric-card small{color:var(--muted);font-size:10px}.dash-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--border);border-radius:15px;padding:24px;margin-bottom:18px;overflow:hidden}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-top h3{font-size:15px;margin:0}.panel-top span{color:var(--muted);font-size:11px}.panel-top .btn{padding:8px 10px;font-size:11px}.lesson-row,.activity-row{display:flex;align-items:center;gap:13px;border-top:1px solid #eff2f4;padding:15px 0}.lesson-row:first-child,.activity-row:first-child{border-top:0}.lesson-date{width:49px;height:52px;display:grid;place-items:center;align-content:center;background:#f0f5f6;border-radius:10px}.lesson-date strong{font-size:20px}.lesson-date small{font-size:9px;color:#688293}.lesson-row .grow,.activity-row .grow{flex:1}.lesson-row .grow strong,.activity-row .grow strong{display:block;font-size:12px;margin-bottom:5px}.lesson-row .grow small,.activity-row .grow small{color:var(--muted);font-size:11px}.row-badge{border-radius:20px;background:#eef3f6;color:#3d667a;padding:7px 10px;font-size:10px;font-weight:800}.row-badge.success{background:#e3f6ed;color:#238254}.row-badge.warning{background:#fff2d7;color:#aa7620}.row-badge.info{background:#e8efff;color:#3f5b9e}.link-action{font-size:12px;font-weight:800;color:#19608e}.empty-state{text-align:center;padding:38px 10px;color:var(--muted);font-size:13px}.empty-state .empty-icon{display:block;font-size:32px;margin-bottom:12px}.table-scroll{width:100%;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;min-width:580px;font-size:12px}table.data-table th{text-align:left;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#8393a1;font-weight:800;background:#f6f8f9;padding:14px 13px}table.data-table td{padding:15px 13px;border-bottom:1px solid #edf1f3;vertical-align:middle}table.data-table tr:last-child td{border:0}.table-actions{display:flex;align-items:center;gap:8px}.table-actions button{border:1px solid var(--border);background:white;color:#195274;padding:7px 10px;border-radius:7px;font-size:11px;font-weight:800}.table-actions button:hover{background:#f0f6fa}.searchbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.searchbar input{border:1px solid var(--border);border-radius:9px;padding:12px 13px;min-width:0;width:100%;background:#fff;font-size:13px}.small-muted{font-size:11px;color:var(--muted)}.link-stack{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quick-link{border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:9px;min-height:136px;background:white}.quick-link .quick-icon{height:38px;width:38px;border-radius:11px;background:#eaf2f6;color:#155477;font-size:20px;display:grid;place-items:center}.quick-link strong{font-size:13px}.quick-link small{color:var(--muted);font-size:11px;line-height:1.6}.quick-link a{margin-top:auto;color:#145880;font-size:11px;font-weight:800}.skill-list{display:grid;gap:16px}.skill-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.skill-label b{font-size:12px}.skill-bar{height:7px;background:#e9eef2;border-radius:8px;overflow:hidden}.skill-bar>span{height:100%;background:#e7ad4b;border-radius:8px;display:block}.student-card{background:linear-gradient(125deg,#092f51,#225a7d);padding:25px;border-radius:15px;color:white;margin-bottom:23px;display:flex;justify-content:space-between;gap:20px}.student-card h2{font:31px 'DM Serif Display',Georgia,serif;margin:7px 0}.student-card p{font-size:12px;color:#d4e4ef;margin-bottom:0}.student-card .brand-round{height:72px;width:72px;border-radius:50%;background:white;display:grid;place-items:center;flex-shrink:0}.student-card img{width:68px;height:68px}.bank-card{background:#f1f7f9;border:1px solid #cfe2e8;border-radius:11px;padding:17px;margin-bottom:16px}.bank-card label{display:block;color:#667a86;font-size:10px;font-weight:800;letter-spacing:.07em;margin-bottom:6px}.bank-card strong{display:block;margin-bottom:13px;word-break:break-all}.bank-card .copyline{display:flex;justify-content:space-between;align-items:center;gap:10px}.bank-card .copyline b{font-size:15px}.bank-card button,.outline-btn{background:white;border:1px solid #cddce2;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800;color:#155575}.progress-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.demo-banner{margin-bottom:18px;border:1px solid #e5c879;background:#fff9e7;border-radius:10px;padding:13px 16px;color:#795922;font-size:12px;line-height:1.5}.login-dialog,.form-dialog{border:1px solid #e4eaf0;border-radius:18px;width:min(94vw,460px);padding:33px;box-shadow:0 30px 100px #031e3759;max-height:90vh;overflow:auto}.login-dialog::backdrop,.form-dialog::backdrop{background:#031c30b9;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.close-button{background:#f1f4f6;color:#31546a;border:0;border-radius:50%;width:31px;height:31px;font-size:22px;line-height:1}.login-dialog h2{font-size:38px;margin-bottom:11px}.login-dialog h2 em{color:#b57d26}.dialog-intro{font-size:13px;color:var(--muted);margin-bottom:20px}.stack-form{display:grid;gap:15px}.stack-form label{font-size:12px;font-weight:800;display:grid;gap:7px}.stack-form input,.stack-form select,.stack-form textarea{width:100%;border-radius:8px;border:1px solid #cdd9df;padding:11px 12px;color:#15344c;background:#fff;font-size:13px}.stack-form textarea{min-height:75px;resize:vertical}.stack-form label small{font-size:10px;color:var(--muted);font-weight:400}.stack-form #form-fields{display:grid;gap:15px}.error-message{margin:0;font-size:12px;color:#b73144}.dialog-demo{margin-top:22px;background:#f6f8fa;padding:16px;border-radius:11px;text-align:center}.dialog-demo>small{font-size:9px;letter-spacing:.1em;color:#667e90;font-weight:800}.demo-buttons{display:flex;gap:7px;margin-top:12px}.demo-btn{flex:1;border:1px solid #cddce4;border-radius:7px;background:white;padding:11px 8px;color:#0c3859;font-size:11px;font-weight:800}.dialog-hint{font-size:10px;color:#7d8f9b;margin:18px 0 0;text-align:center}.form-dialog{width:min(94vw,550px)}.form-dialog-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:25px}.form-dialog h2{font-size:30px;margin:0}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:8px}.notification{position:fixed;top:107px;right:19px;z-index:100;min-width:180px;max-width:350px;background:#0a3654;color:white;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;font-weight:700;pointer-events:none;opacity:0;transform:translateY(-8px);transition:all .25s}.notification.show{opacity:1;transform:translateY(0)}.notification.error{background:#933445}.no-results{padding:32px;text-align:center;color:var(--muted);font-size:13px}.cap{font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800}.select-mini{border:1px solid #dae3e8;border-radius:7px;padding:9px;background:white;font-size:12px;color:var(--ink)}
@media(max-width:1100px){.top-nav{gap:16px}.site-header{padding:0 28px}.contact-top{display:none}.hero-grid{grid-template-columns:52% 48%}.hero h1{font-size:clamp(4.3rem,7vw,6.1rem)}.art-note{right:-24px}.hero-art{transform:scale(.85)}.courses-grid{gap:16px}.course-details{padding:21px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.top-nav,.header-actions{display:none}.mobile-menu-btn{display:block;border:0;background:#eef3f5;color:var(--navy);border-radius:10px;width:42px;height:42px;font-size:20px}.site-header{height:72px}.brand img{width:46px;height:46px}.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:white;z-index:29;box-shadow:0 13px 26px #08284024;padding:20px 26px;gap:16px;flex-direction:column}.mobile-menu.open{display:flex}.mobile-menu a{font-size:14px;font-weight:700;padding:5px 0}.hero-grid{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:clamp(3.85rem,10vw,6.5rem)}.hero-art{height:365px;transform:scale(.73);transform-origin:center top;margin-top:10px;margin-bottom:-80px}.hero-ribbon{flex-wrap:wrap;gap:12px 22px}.section{padding:72px 25px}.section-head{align-items:start;flex-direction:column}.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modes{grid-template-columns:1fr;gap:15px}.modes-art{min-height:335px}.values-grid{gap:18px}.cta{padding:60px 25px}.campus{grid-template-columns:1fr}.campus-sidebar{position:fixed;top:auto;bottom:0;height:67px;min-height:0;width:100%;z-index:31;padding:5px 10px;background:#082d4d;overflow:hidden}.sidebar-brand,.sidebar-bottom{display:none}.sidebar-menu{display:flex;align-items:center;justify-content:space-around;gap:2px}.sidebar-menu button{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:1px;font-size:9px;padding:5px 4px;max-width:115px;min-width:0}.nav-glyph{font-size:20px}.campus-topbar{height:61px;padding:0 20px}.campus-main{padding:26px 17px 100px}}
@media(max-width:560px){.brand-words strong{font-size:14px}.brand-words small{font-size:8px}.hero-grid{padding:45px 24px 5px}.hero h1{font-size:clamp(3.3rem,13vw,5.1rem)}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.hero-actions .btn{padding:13px 14px;font-size:12px}.hero-foot{margin-top:25px}.hero-art{transform:scale(.61);height:315px;width:480px;max-width:none;left:50%;margin-left:-240px;margin-top:20px;margin-bottom:-100px}.hero-ribbon{justify-content:center}.hero-ribbon div:nth-of-type(n+4),.hero-ribbon span:nth-of-type(n+3){display:none}.section-head h2{font-size:38px}.courses-grid{grid-template-columns:1fr}.course-illustration{height:185px}.course-details p{min-height:0}.modes{padding-top:70px;padding-bottom:70px}.window-browser{transform:rotate(2deg);width:95%}.values-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.cta{flex-direction:column;align-items:flex-start;gap:24px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-links{gap:16px}.dash-heading{align-items:flex-start;flex-direction:column}.dash-heading h1{font-size:31px}.metric-grid{gap:10px}.metric-card{padding:13px;min-height:109px}.metric-card strong{font-size:26px;margin-top:11px}.dash-grid,.progress-layout,.link-stack{grid-template-columns:1fr}.panel{padding:18px}.student-card{padding:20px}.student-card h2{font-size:25px}.campus-top-right{display:none}.topbar-tag{font-size:9px}.dialog-actions .btn{padding:12px 13px}.login-dialog,.form-dialog{padding:24px}}
.skill-progress{width:100%;height:9px;appearance:none;border:0;border-radius:12px;overflow:hidden;background:#e9eef2}.skill-progress::-webkit-progress-bar{background:#e9eef2}.skill-progress::-webkit-progress-value{background:#e7ad4b;border-radius:12px}.skill-progress::-moz-progress-bar{background:#e7ad4b;border-radius:12px}
.campus-mobile-more{display:none}.sidebar-menu .more-toggle{display:none}.sidebar-menu .nav-label{min-width:0}
@media(max-width:800px){.sidebar-menu{justify-content:space-between}.sidebar-menu button{flex:1 1 0;max-width:none;white-space:nowrap;overflow:hidden}.sidebar-menu .nav-label{overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.sidebar-menu button.more-target{display:none}.sidebar-menu .more-toggle{display:flex}.campus-mobile-more.open{position:fixed;bottom:70px;left:10px;right:10px;display:grid;gap:4px;padding:10px;background:#0b3a5a;border:1px solid #ffffff35;border-radius:13px;box-shadow:0 -10px 30px #001c3060}.campus-mobile-more button{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:14px;padding:13px 16px;text-align:left;font-size:13px;font-weight:800;border-radius:8px}.campus-mobile-more button.active,.campus-mobile-more button:hover{background:#ffffff26}.campus-mobile-more button span{font-size:18px;min-width:22px}}
.logout-mobile{display:none;border:1px solid #d6e1e7;background:#fff;color:#164b6e;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:800px){.logout-mobile{display:block}}
@media(max-width:410px){.campus-topbar{padding:0 12px}.topbar-tag{padding:8px;font-size:8px}.campus-back{font-size:11px}.logout-mobile{font-size:10px;padding:8px}}

/* Ubicación pública: mapa configurado por el docente */
.location-layout{display:grid;grid-template-columns:minmax(245px,.7fr) minmax(320px,1.3fr);gap:22px;align-items:stretch;margin-top:30px}
.location-summary{border:1px solid #dce6ee;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:15px;background:#fff}
.location-summary h3{font-size:1.8rem;color:#093153;line-height:1.12;margin:0}
.location-summary p{line-height:1.7;color:#33465d;overflow-wrap:anywhere;margin:0}
.location-summary .btn{align-self:flex-start}
.location-summary small{font-size:.78rem;color:#76899c}
.location-map{width:100%;height:370px;min-height:300px;border:1px solid #dce6ee;border-radius:24px;background:#edf2f7}
@media(max-width:780px){.location-layout{grid-template-columns:1fr}.location-summary{padding:22px}.location-map{height:300px}}

/* Accesos docentes · enlaces temporales compartidos de forma privada */
.access-instruction{line-height:1.65;color:#5b6b7a;margin:16px 0 18px}
.access-link-label{display:block;font-size:13px;font-weight:700;color:#102d4b}
.access-link-input{display:block;width:100%;margin-top:9px;min-width:0;box-sizing:border-box;border:1px solid #cdd8e2;background:#f4f7fb;color:#102d4b;border-radius:10px;padding:13px;font-size:13px;font-weight:400}
.table-actions{flex-wrap:wrap}