@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;600;700;800;900&display=swap');
:root{--ink:#12182d;--muted:#9ea5b4;--blue:#4d69ff;--cyan:#31caff;--paper:#f7f8fd;--line:#e8ebf4;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d1020;color:var(--ink);font-family:"Noto Sans SC",sans-serif;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-width{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{position:fixed;z-index:50;left:0;right:0;top:0;height:72px;padding:0 max(36px,5vw);display:flex;align-items:center;color:#fff;transition:.35s}.topbar.scrolled{height:62px;background:rgba(15,19,34,.94);backdrop-filter:blur(15px);box-shadow:0 5px 25px rgba(0,0,0,.12)}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:38px;height:38px;border-radius:9px;object-fit:cover;box-shadow:0 2px 9px rgba(0,0,0,.35)}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text strong{font:900 21px Montserrat;letter-spacing:-.04em}.logo-text small,.footer-logo-text small{font:600 6px Montserrat;letter-spacing:.17em;margin-top:4px}.desktop-nav{display:flex;margin-left:55px;gap:34px}.desktop-nav button,.campus-switch,.login{border:0;background:transparent;color:#fff;font-size:13px}.desktop-nav button{position:relative;height:72px}.desktop-nav button:after{content:"";position:absolute;bottom:15px;left:50%;width:0;height:2px;background:#fff;transform:translateX(-50%);transition:.25s}.desktop-nav button.active:after,.desktop-nav button:hover:after{width:20px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:27px}.login{border:1px solid rgba(255,255,255,.55);border-radius:4px;padding:8px 22px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle i{display:block;width:23px;height:2px;background:white;margin:5px}.mobile-menu{position:fixed;z-index:45;inset:0;background:rgba(12,16,29,.98);display:grid;place-content:center;gap:25px;opacity:0;visibility:hidden;transition:.35s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu button{border:0;background:transparent;color:white;font-size:24px}.hero{height:100vh;min-height:700px;position:relative;overflow:hidden;color:#fff;background:#0b0c14}.hero-shot{position:absolute;inset:-3%;background-image:var(--hero);background-size:cover;background-position:center;filter:saturate(.55) contrast(1.08);opacity:0;transform:scale(1.08);transition:opacity 1.1s,transform 7s linear}.hero-shot.active{opacity:1;transform:scale(1)}.hero-shot:first-child{background-position:center 40%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,10,.68),rgba(8,9,15,.2),rgba(4,5,10,.45)),linear-gradient(0deg,rgba(4,5,10,.35),transparent 50%)}.hero-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(111,141,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(111,141,255,.18) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(circle at center,black,transparent 68%)}.hero-copy{position:absolute;z-index:2;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;width:min(1000px,90%)}.hero-copy>p{font:600 10px Montserrat;letter-spacing:.45em;margin:0 0 12px}.hero-copy h1{margin:0;line-height:.98;text-transform:uppercase;transform:skew(-8deg);text-shadow:0 9px 35px rgba(0,0,0,.35)}.hero-copy h1 span,.hero-copy h1 b{display:block}.hero-copy h1 span{font-size:clamp(42px,7vw,105px);font-weight:900;letter-spacing:-.08em}.hero-copy h1 b{font-size:clamp(35px,5.6vw,82px);font-weight:900;letter-spacing:.08em;-webkit-text-stroke:1px rgba(255,255,255,.35)}.hero-line{width:64%;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);margin:20px auto 38px;position:relative}.hero-line:before,.hero-line:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);font-size:8px}.hero-line:before{left:20%}.hero-line:after{right:20%}.apply-now{color:#fff;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.12);padding:14px 49px;border-radius:5px;backdrop-filter:blur(6px);transition:.3s}.apply-now:hover{background:white;color:var(--ink)}.hero-pager{position:absolute;z-index:2;right:5vw;bottom:62px;display:flex;align-items:center;gap:14px;font:500 10px Montserrat}.hero-pager button{width:38px;height:34px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.15);color:white}.hero-down{position:absolute;z-index:4;bottom:-1px;left:50%;transform:translateX(-50%);width:370px;height:73px;border:0;background:var(--paper);clip-path:path('M 0 73 L 0 57 Q 75 55 108 18 Q 126 0 170 0 L 200 0 Q 244 0 262 18 Q 295 55 370 57 L 370 73 Z')}.hero-down i{position:absolute;left:50%;top:21px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:14px solid var(--ink);transform:translateX(-50%);animation:down 1.5s ease infinite}@keyframes down{50%{transform:translate(-50%,6px)}}.paper{background:radial-gradient(circle at 10% 6%,rgba(147,191,255,.1),transparent 22%),radial-gradient(circle at 90% 35%,rgba(123,93,255,.07),transparent 25%),var(--paper);border-radius:26px 26px 0 0;position:relative;z-index:3}.section-title p{color:#bbc0cc;font:500 14px Montserrat;letter-spacing:.08em;margin:0 0 4px}.section-title h2{font-size:35px;line-height:1.2;margin:0;font-weight:700}.categories{padding:105px 0 80px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.category-card{height:152px;padding:23px 20px;position:relative;overflow:hidden;text-align:left;border:1px solid transparent;background:rgba(255,255,255,.88);border-radius:5px;box-shadow:0 9px 32px rgba(59,77,116,.04);transition:.35s}.category-card:hover,.category-card.active{transform:translateY(-7px);border-color:#9db8ff;box-shadow:0 14px 38px rgba(66,95,174,.12)}.category-card span{font:500 8px Montserrat;color:#7c8290}.category-card strong{display:block;font-size:18px;margin-top:5px}.category-card em{display:block;font-style:normal;font-size:10px;margin-top:35px}.shape{position:absolute;right:10px;bottom:7px;width:66px;height:66px;color:#659aff;opacity:.28;font-style:normal;font:300 23px Montserrat;display:grid;place-items:center}.shape.circle{border:1px solid currentColor;border-radius:50%}.shape.circle:after{content:"";position:absolute;width:48px;height:42px;border:1px dashed currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.shape.triangle{border:1px solid currentColor;clip-path:polygon(50% 0,100% 100%,0 100%)}.shape.check{border:1px solid currentColor;border-radius:50%}.shape.globe{font-size:55px}.shape.bars{font-size:50px}.shape.orbit{font-size:54px}.shape.overlap{font-size:60px}.job-drawer{max-height:0;overflow:hidden;opacity:0;margin-top:0;background:#161d36;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 35px;transition:.45s var(--ease)}.job-drawer.open{max-height:180px;opacity:1;margin-top:18px;padding-top:26px;padding-bottom:26px}.job-drawer small{font:600 9px Montserrat;letter-spacing:.18em;color:#7fc5ff}.job-drawer h3{margin:5px 0;font-size:20px}.job-drawer p{margin:0;color:#b7c0d0;font-size:12px}.job-drawer button{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;padding:12px 20px}.profile{padding:70px 0 115px}.profile-panel{height:510px;margin-top:48px;display:grid;grid-template-columns:47% 53%;background:white;border:9px solid white;border-radius:28px;box-shadow:0 20px 60px rgba(54,70,112,.08);overflow:hidden}.profile-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#168dff,#6254ff);color:white;padding:45px}.profile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(255,255,255,.18) 46%,transparent 47%);background-size:36px 36px}.profile-art>p{position:relative;z-index:2;font:700 18px Montserrat;letter-spacing:.14em;transform:rotate(-13deg)}.profile-cube{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-45%) rotate(-8deg);width:132px;height:132px;border-radius:16px;object-fit:cover;box-shadow:12px 14px 0 rgba(23,42,192,.25)}.profile-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.27);filter:blur(1px)}.orb-a{width:160px;height:160px;right:-35px;top:30px}.orb-b{width:70px;height:70px;left:55px;bottom:40px}.profile-copy{padding:45px 50px;background:radial-gradient(circle at 95% 90%,rgba(74,199,255,.22),transparent 14%),#fff}.profile-tabs{display:flex;justify-content:flex-end;gap:34px;border-bottom:1px solid var(--line)}.profile-tabs button{position:relative;border:0;background:transparent;padding:0 0 13px;color:#777f90}.profile-tabs button.active{color:var(--ink)}.profile-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#6680ff}.profile-content{display:none;padding-top:37px;animation:fadeUp .45s}.profile-content.active{display:block}.profile-content h3{font-size:18px;margin:0 0 30px}.profile-content p{color:#818898;font-size:13px;line-height:1.9}.profile-content .vision{color:#3d4558;font-size:16px}.profile-content .vision b{color:#4d69ff;font:700 28px Montserrat;margin-right:12px}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}}.products{padding:20px 0 0}.products .section-title{padding-bottom:34px}.product-stage{height:650px;background:radial-gradient(circle at center,#1c1b3e,#090a16 70%);color:white;padding:30px 0 55px;overflow:hidden}.product-head{width:min(1060px,90%);margin:auto;font:300 26px Montserrat;border-left:3px solid white;padding-left:15px}.product-head b{font-weight:800}.product-track{height:480px;margin-top:30px;display:flex;align-items:center;justify-content:center;gap:24px;perspective:1000px}.product-card{position:relative;flex:0 0 18%;height:330px;background-image:linear-gradient(0deg,rgba(5,7,17,.9),transparent 55%),var(--product);background-size:cover;background-position:center;border-radius:5px;opacity:.55;transform:scale(.88);transition:.65s var(--ease);overflow:hidden}.product-card.active{flex-basis:47%;height:430px;opacity:1;transform:scale(1);box-shadow:0 25px 70px rgba(0,0,0,.4)}.product-card div{position:absolute;left:25px;right:25px;bottom:24px}.product-card small{font:600 9px Montserrat;letter-spacing:.16em;color:#7dc6ff}.product-card h3{font-size:25px;margin:7px 0}.product-card p{color:#b7bed0;font-size:12px}.product-card button{border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.3);color:white;padding:9px 17px;border-radius:20px}.product-control{display:flex;align-items:center;justify-content:center;gap:22px}.product-control button,.experience-controls button{width:40px;height:34px;border:1px solid rgba(255,255,255,.3);background:transparent;color:white}.product-control span{font:400 11px Montserrat;color:#838da4}.product-control b{font-size:18px;color:white}.experience{padding:115px 0 130px}.experience-layout{display:grid;grid-template-columns:59% 35%;gap:6%;align-items:center;margin-top:45px}.experience-cards{height:510px;position:relative}.experience-cards article{position:absolute;background:white;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(56,67,97,.1)}.experience-cards article:first-child{left:0;top:0;width:52%}.experience-cards article:nth-child(2){right:0;top:45px;width:42%}.experience-cards article:nth-child(3){left:14%;bottom:0;width:44%}.experience-cards img{width:100%;height:145px;object-fit:cover}.experience-cards h3{font-size:13px;margin:15px 18px 7px}.experience-cards p{font-size:10px;color:#969dac;line-height:1.7;margin:0;padding:0 18px 18px}.experience-copy h3{font:700 30px Montserrat;margin:0 0 30px}.experience-copy h3 b{color:#536fff}.experience-slide{display:none}.experience-slide.active{display:block;animation:fadeUp .4s}.experience-slide p{font-size:13px;color:#777f8e;line-height:2}.experience-controls{display:flex;gap:10px;margin-top:20px}.experience-controls button{color:var(--ink);border-color:var(--line)}.benefits{padding:20px 0 110px}.benefit-panel{height:315px;margin-top:45px;border-radius:12px 80px 12px 12px;background:linear-gradient(120deg,#3896ff,#42ccf4 60%,#4387ff);color:white;display:grid;grid-template-columns:58% 42%;grid-template-rows:auto 1fr;padding:45px 50px;position:relative;overflow:hidden}.benefit-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:2}.benefit-tabs button{height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.11);color:white;border-radius:6px}.benefit-tabs button.active{background:white;color:#4388e9}.benefit-list{display:none;grid-column:1;grid-template-columns:1fr 1fr;gap:12px;padding-top:23px;position:relative;z-index:2}.benefit-list.active{display:grid;animation:fadeUp .35s}.benefit-list span{font-size:13px;padding-left:15px;position:relative}.benefit-list span:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:white}.benefit-bot{position:absolute;right:7%;top:50%;width:180px;height:180px;transform:translateY(-45%);border:18px solid rgba(255,255,255,.58);border-radius:50%;display:grid;place-items:center}.benefit-bot:before,.benefit-bot:after{content:"";position:absolute;border-radius:50%;background:white}.benefit-bot:before{width:16px;height:16px;left:46px}.benefit-bot:after{width:16px;height:16px;right:46px}.benefit-bot .benefit-logo{width:66px;height:66px;border-radius:14px;object-fit:cover;box-shadow:0 10px 25px rgba(0,0,0,.28)}.benefit-bot i,.benefit-bot span{position:absolute;width:28px;height:28px;border-radius:50%;background:#ffdd5c}.benefit-bot i{left:-45px;top:20px}.benefit-bot span{right:-42px;bottom:13px;background:#ff5b9a}.reading{padding:45px 0 115px}.reading-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.reading-grid article{background:white;border-radius:8px;padding:11px 11px 20px;box-shadow:0 10px 35px rgba(61,72,105,.07);transition:.35s}.reading-grid article:hover{transform:translateY(-7px)}.reading-art{height:210px;padding:25px;position:relative;overflow:hidden}.reading-art b{font:700 18px Montserrat;line-height:1.05}.reading-art span{position:absolute;right:30px;bottom:25px;font-size:80px;transform:rotate(-15deg)}.reading-art.green{background:#e2fbdc;color:#45a063}.reading-art.coral{background:#ffe1e3;color:#e55b70}.reading-art.blue{background:#ddf2ff;color:#3d9cd5}.reading-grid h3{font-size:15px;margin:17px 8px 6px}.reading-grid p{font-size:11px;color:#9096a3;margin:0 8px}.stats{min-height:145px;background:linear-gradient(100deg,#2cbbea,#5973ff,#48cbe9);color:white;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;text-align:center}.stats div{position:relative}.stats div:not(:last-child):after{content:"";position:absolute;right:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,.25)}.stats b{display:block;font:800 36px Montserrat}.stats span{font-size:13px}footer{min-height:430px;background:#f2f3f8;color:#20273a;padding:70px max(40px,8vw) 35px;position:relative}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo-mark{width:48px;height:48px;border-radius:10px;object-fit:cover}.footer-logo-text{display:flex;flex-direction:column}.footer-logo-text strong{font:900 28px Montserrat}.footer-logo+p{max-width:700px;color:#7d8492;font-size:12px;line-height:1.8;border-bottom:1px solid #d9dde7;padding-bottom:22px}.footer-cols{display:flex;gap:90px;margin-top:28px}.footer-cols div{display:flex;flex-direction:column;gap:8px}.footer-cols b{font-size:13px;margin-bottom:7px}.footer-cols a{font-size:11px;color:#89909e}.footer-orb{position:absolute;right:9%;top:80px;width:220px;height:220px;border:28px solid #dce7ff;border-radius:50%;display:grid;place-items:center;color:#829bda;font:bold 30px Montserrat}.copyright{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#121725;color:#777f90;padding:16px;font-size:9px}.modal{width:min(520px,calc(100% - 30px));border:0;border-radius:10px;padding:45px;color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal::backdrop{background:rgba(7,10,20,.75);backdrop-filter:blur(7px)}.modal-close{position:absolute;right:16px;top:13px;border:0;background:transparent;font-size:27px}.modal>small{font:600 10px Montserrat;letter-spacing:.15em;color:#617cff}.modal h2{margin:8px 0 13px}.modal>p{color:#7e8594;font-size:13px}.modal label{display:block;font-size:12px;margin-top:18px}.modal input{display:block;width:100%;height:47px;border:1px solid var(--line);margin-top:7px;padding:0 13px;outline:0}.modal input:focus{border-color:#7086ff}.submit-application{width:100%;height:48px;border:0;background:#516bff;color:white;margin-top:23px}.form-message{min-height:20px!important;text-align:center;color:#3aaf76!important}.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.campus-switch,.login{display:none}.menu-toggle{display:block}.page-width{width:min(100% - 38px,700px)}.category-grid{grid-template-columns:1fr 1fr}.profile-panel{height:auto;grid-template-columns:1fr}.profile-art{height:380px}.product-card{display:none}.product-card.active{display:block;flex-basis:80%}.experience-layout{grid-template-columns:1fr}.experience-copy{padding-top:30px}.benefit-panel{grid-template-columns:1fr;padding:35px 25px}.benefit-tabs,.benefit-list{width:62%}.reading-grid{gap:15px}.footer-orb{opacity:.35}}
@media(max-width:600px){.topbar{height:58px;padding:0 18px}.logo-text strong{font-size:17px}.hero{min-height:670px}.hero-copy{top:43%}.hero-copy h1 span{font-size:46px}.hero-copy h1 b{font-size:35px}.hero-copy>p{font-size:7px}.hero-pager{right:18px;bottom:62px}.hero-down{width:240px;clip-path:polygon(0 100%,0 80%,25% 80%,38% 30%,43% 15%,57% 15%,62% 30%,75% 80%,100% 80%,100% 100%)}.paper{border-radius:16px 16px 0 0}.section-title p{font-size:11px}.section-title h2{font-size:27px}.categories{padding:70px 0 55px}.category-grid{gap:10px;margin-top:30px}.category-card{height:132px;padding:17px 13px}.category-card span{font-size:6px}.category-card strong{font-size:15px}.category-card em{margin-top:29px;font-size:8px}.shape{width:53px;height:53px}.job-drawer.open{display:block}.job-drawer button{margin-top:15px}.profile{padding:45px 0 75px}.profile-panel{margin-top:28px;border-width:6px;border-radius:18px}.profile-art{height:290px;padding:28px}.profile-cube{width:90px;height:90px}.profile-copy{padding:30px 23px}.profile-tabs{justify-content:flex-start}.profile-content{padding-top:25px}.profile-content .vision b{display:block;margin-bottom:7px}.products .section-title{padding-bottom:20px}.product-stage{height:510px}.product-head{font-size:20px}.product-track{height:370px}.product-card.active{height:340px;flex-basis:88%}.experience{padding:80px 0}.experience-cards{height:450px}.experience-cards article:first-child{width:57%}.experience-cards article:nth-child(2){width:48%}.experience-cards article:nth-child(3){width:51%;left:8%}.experience-cards img{height:115px}.experience-copy h3{font-size:25px}.benefits{padding-bottom:75px}.benefit-panel{height:400px;margin-top:30px;border-radius:10px 55px 10px 10px}.benefit-tabs{width:100%;grid-template-columns:1fr 1fr}.benefit-list{width:100%;padding-right:115px}.benefit-bot{width:105px;height:105px;border-width:12px;right:4%;top:68%}.benefit-bot:before{left:24px;width:10px;height:10px}.benefit-bot:after{right:24px;width:10px;height:10px}.reading{padding:35px 0 75px}.reading-grid{grid-template-columns:1fr;margin-top:30px}.reading-art{height:180px}.stats{grid-template-columns:1fr 1fr;padding:28px 0;gap:25px}.stats div:nth-child(2):after{display:none}.stats b{font-size:28px}.stats span{font-size:10px}footer{padding:55px 25px 75px}.footer-logo+p{max-width:75%}.footer-cols{gap:35px}.footer-orb{width:120px;height:120px;border-width:17px;right:5%;top:50px}.modal{padding:38px 25px}}
