@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;min-height:100%}body{background:#03080c;width:100%;min-width:320px;min-height:100vh;margin:0;display:block}#root{text-align:left;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}button,input,select,textarea{font-family:inherit}:root{color:#f5f7fa;font-synthesis:none;text-rendering:optimizelegibility;scroll-behavior:smooth;background:#03080c;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{min-height:100vh;display:block}button,input,select,textarea{font:inherit}.app{background:radial-gradient(at 15% 30%,#07333a55,#0000 40%),radial-gradient(at 90% 75%,#06364a55,#0000 40%),#03080c;width:100%;min-height:100vh;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(135deg,#0000 49.8%,#1c6870 50%,#0000 50.2%);background-size:500px 500px;position:absolute;inset:0}.navbar{z-index:2;background:#020609ef;border-bottom:1px solid #25444a;justify-content:space-between;align-items:center;gap:25px;width:100%;min-height:90px;padding:18px 4%;display:flex;position:relative}.brand{align-items:center;gap:22px;font-weight:600;display:flex}.hwi-logo{color:#e8ffff;font-family:Outfit,sans-serif;font-size:34px;font-weight:800}.brand-divider{background:#779096;width:1px;height:35px}.mcet-logo{font-size:29px;font-weight:800}.college-name{color:#c3d0d2;font-size:11px;line-height:1.5}.navbar nav{align-items:center;gap:35px;display:flex}.navbar a{color:#d0d9dc;font-size:14px;text-decoration:none;transition:color .2s}.navbar a:hover{color:#41e8ce}.navbar .nav-register{color:#031011;background:linear-gradient(100deg,#48edc9,#28c9e1);border-radius:30px;padding:14px 23px;font-weight:800}.main-layout{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px;width:100%;max-width:1800px;min-height:calc(100vh - 155px);margin:0 auto;padding:38px 5%;display:grid;position:relative}.hero{width:100%;min-width:0;padding:10px 0}.program-tag{background:#10191e;border:1px solid #34474d;border-radius:30px;align-items:center;gap:12px;padding:11px 18px;font-size:14px;display:inline-flex}.status-dot{background:#39e9c9;border-radius:50%;width:11px;height:11px;box-shadow:0 0 14px #39e9c9}.hero h1{letter-spacing:-2px;opacity:1;visibility:visible;white-space:normal;overflow-wrap:normal;width:100%;margin:27px 0 15px;font-family:Outfit,sans-serif;font-size:clamp(34px,3.6vw,60px);font-weight:800;line-height:1.2;display:block;color:#fff!important}.hero h1 span{color:#32d9dc!important}.hero h2{letter-spacing:-2px;opacity:1;visibility:visible;width:100%;margin:12px 0 0;font-size:clamp(29px,3.4vw,54px);font-style:italic;font-weight:800;line-height:1.2;display:block;color:#fff!important}.hero h2 span{background:linear-gradient(90deg,#20bce2,#29e5b3);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;color:#0000!important}.year{text-align:center;letter-spacing:14px;color:#fff;margin-top:12px;font-size:38px;font-style:italic;font-weight:600}.tagline{text-align:center;letter-spacing:4px;color:#d1e0e2;margin:28px 0;font-size:15px}.tagline span{color:#39e9c9;margin:0 7px}.hero-description{color:#d2dddf;border-left:3px solid #29e6c5;max-width:520px;padding:8px 0 8px 25px;font-size:16px;line-height:1.8}.features{background:#091318a8;border:1px solid #287d79;border-radius:16px;grid-template-columns:repeat(3,1fr);margin-top:35px;padding:18px 10px;display:grid}.features div{color:#36e3cf;text-align:left;justify-content:center;align-items:center;gap:12px;font-size:25px;display:flex}.features div+div{border-left:1px solid #52676b}.features span{color:#e4eded;font-size:13px;line-height:1.5}.campus-placeholder{background:linear-gradient(135deg,#10272b,#09151d);border:1px solid #367a7b;border-radius:16px;width:100%;height:220px;margin-top:25px;position:relative;overflow:hidden;box-shadow:0 0 20px #22c9c022,inset 0 0 20px #22c9c015}.campus-image{object-fit:cover;border-radius:inherit;opacity:.95;width:100%;height:100%;transition:transform .4s;display:block}.campus-placeholder:hover .campus-image{transform:scale(1.04)}.campus-placeholder p{color:#aabbbd;letter-spacing:0;font-size:12px}.hero-quote{color:#e8ffff;font-family:Outfit,sans-serif;font-size:27px;font-style:italic;line-height:1.2}.registration-card{color:#f5f7fa;background:linear-gradient(145deg,#182126ed,#080e12f5);border:1px solid #719393;border-radius:27px;width:100%;min-width:0;padding:30px;box-shadow:0 15px 60px #0008,0 0 30px #22c9c022}.form-heading{border-bottom:1px solid #34464b;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:22px;display:flex}.heading-icon{color:#3fe7c8;font-size:45px}.form-heading h2{opacity:1;margin:0 0 5px;font-family:Outfit,sans-serif;font-size:29px;color:#fff!important}.form-heading p{color:#d5e1e3;margin:0;font-size:13px;line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:21px 25px;display:grid}.registration-card form>label,.form-grid>label{color:#f5f7fa;flex-direction:column;gap:9px;font-size:13px;font-weight:600;display:flex}.registration-card label>span,.registration-card label>span a{color:#42e5c9}.form-grid input,.form-grid select,.expectations textarea{color:#f0f7f7;background:#11191e;border:1px solid #39484f;border-radius:12px;outline:none;width:100%;padding:14px;font-size:13px}.form-grid input:focus,.form-grid select:focus,.expectations textarea:focus{border-color:#3de5cb;box-shadow:0 0 0 2px #3de5cb20}.form-grid input::placeholder,.expectations textarea::placeholder{color:#a3afb3}.form-grid select{color:#d7e1e3}.form-grid option{background:#11191e}.interest-section,.experience-section{border:none;margin:25px 0;padding:0}.interest-section legend,.experience-section legend{color:#fff;margin-bottom:12px;font-size:13px;font-weight:700}.interest-section small,.expectations small{color:#b4c2c5;font-weight:400}.interest-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.interest-option{cursor:pointer;background:#182126;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:11px 8px;font-size:11px;transition:all .2s;display:flex}.interest-option:hover{border-color:#32d9c6}.interest-option input,.experience-section input,.consent input{accent-color:#39e4ca;cursor:pointer}.experience-section{flex-wrap:wrap;align-items:center;gap:23px;display:flex}.experience-section legend{width:100%;margin-bottom:-7px}.experience-section label{align-items:center;gap:8px;font-size:13px;display:flex}.expectations textarea{resize:vertical;min-height:65px}.consent{align-items:center;gap:9px;margin-top:20px;display:flex;font-size:12px!important;font-weight:400!important}.consent a{color:#3de6c9;text-decoration:none}.submit-button{color:#031215;cursor:pointer;background:linear-gradient(100deg,#25dfbd,#39b6ec);border:none;border-radius:12px;width:100%;margin-top:20px;padding:15px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #29d9ce44}footer{z-index:1;color:#c1d0d2;border-top:1px solid #29444a;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:65px;padding:20px 4%;font-size:12px;display:flex;position:relative}.social-links{letter-spacing:1px}@media (width<=1050px){.navbar{flex-wrap:wrap}.navbar nav{gap:18px}.main-layout{grid-template-columns:1fr;gap:35px}.hero,.registration-card{width:100%;max-width:750px;margin:auto}}@media (width<=600px){.navbar{padding:15px 5%}.brand{gap:10px}.hwi-logo{font-size:26px}.mcet-logo{font-size:21px}.college-name{font-size:9px}.brand-divider{height:25px}.navbar nav{justify-content:space-between;gap:8px;width:100%}.navbar nav a{font-size:11px}.navbar .nav-register{padding:10px 12px}.main-layout{padding:25px 5%}.hero h1{letter-spacing:-1px;font-size:36px}.hero h2{font-size:30px}.year{font-size:28px}.tagline{letter-spacing:2px;font-size:11px}.features{gap:8px;padding:12px 5px}.features div{flex-direction:column;gap:5px;font-size:20px}.features span{text-align:center;font-size:10px}.campus-placeholder{height:190px}.registration-card{border-radius:19px;padding:19px}.form-heading h2{font-size:23px}.form-heading p{font-size:11px}.form-grid{grid-template-columns:1fr;gap:17px}.interest-grid{grid-template-columns:repeat(2,1fr)}.experience-section{gap:14px}footer{text-align:center;flex-direction:column}}.form-grid>label{display:block}.form-grid>label>span{color:#42e5c9;display:inline}.experience-section{margin:25px 0;display:block}.experience-section legend{width:100%;margin-bottom:14px;line-height:1.5;display:block}.experience-section label{color:#fff;cursor:pointer;align-items:center;gap:8px;margin-right:28px;font-size:14px;display:inline-flex}.experience-section input[type=radio]{accent-color:#39e4ca;width:17px;height:17px;margin:0}.expectations{flex-direction:column;gap:10px;display:flex}.registration-card form>label.consent{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin-top:20px;display:flex;font-size:13px!important}.consent input[type=checkbox]{flex-shrink:0;width:17px;height:17px;margin:0}.consent>span{line-height:1.5;color:#fff!important}.consent a{color:#42e5c9}.interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interest-option{overflow-wrap:anywhere;min-width:0}@media (width<=600px){.interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-section label{margin-right:15px}}