:root{--orange:#f5660b;--orange2:#ff8a32;--green:#34431f;--green2:#1f2d17;--ink:#253223;--muted:#697078}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Arial,sans-serif;color:#293238}body{min-height:100vh}.portal-bg{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:56px 20px;background:#fff}.portal-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 18%,rgba(245,102,11,.12) 0 5px,transparent 6px),radial-gradient(circle at 85% 25%,rgba(245,102,11,.1) 0 4px,transparent 5px),radial-gradient(circle at 26% 80%,rgba(245,102,11,.11) 0 7px,transparent 8px);background-size:260px 220px,310px 250px,360px 290px;pointer-events:none}.top-ribbon,.bottom-ribbon{position:absolute;left:-4%;width:108%;height:120px;z-index:1;pointer-events:none}.top-ribbon{top:-48px;transform:rotate(-3deg);background:linear-gradient(174deg,var(--green) 0 35%,var(--orange) 36% 47%,#ff9b51 48% 55%,transparent 56%)}.bottom-ribbon{bottom:-53px;transform:rotate(2deg);background:linear-gradient(354deg,var(--green) 0 31%,var(--orange) 32% 44%,#ff994a 45% 56%,transparent 57%)}.doodles{position:absolute;inset:0;color:rgba(245,102,11,.15);font-size:76px;font-weight:300;pointer-events:none;z-index:0}.d{position:absolute}.d1{left:6%;top:19%;transform:rotate(-20deg)}.d2{left:19%;top:8%;transform:rotate(17deg)}.d3{left:28%;top:28%}.d4{left:9%;top:58%}.d5{left:23%;top:72%;transform:rotate(20deg)}.d6{left:35%;top:12%}.d7{right:7%;top:22%;transform:rotate(12deg)}.d8{right:19%;top:10%}.d9{right:27%;top:49%;transform:rotate(-18deg)}.d10{right:9%;top:64%;transform:rotate(22deg)}.d11{right:26%;top:76%}.d12{right:38%;top:17%;transform:rotate(10deg)}.portal-card{position:relative;z-index:3;width:min(520px,94vw);background:rgba(255,255,255,.98);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(43,50,35,.18);border:1px solid rgba(52,67,31,.08)}.orange-cap{height:25px;background:var(--orange);clip-path:ellipse(65% 100% at 50% 0%)}.brand{text-align:center;padding:10px 28px 4px}.brand img{display:block;margin:auto;width:142px;max-height:160px;object-fit:contain}.school-name{font-weight:800;letter-spacing:4px;font-size:12px;color:var(--green);margin-top:5px}.divider{height:1px;background:var(--orange);margin:12px 42px 18px}.content{text-align:center;padding:0 28px 18px}.content h1{font-size:42px;line-height:1.08;margin:0 0 8px;color:var(--green);font-weight:800;letter-spacing:-1px}.content h1 span{color:var(--orange)}.lead{max-width:430px;margin:0 auto 17px;color:#5d6570;font-size:16px;line-height:1.45}.info{display:flex;align-items:center;text-align:left;gap:15px;background:linear-gradient(90deg,#fff5ed,#fff0e5);border-left:5px solid var(--orange);border-radius:13px;padding:13px 16px;margin:0 0 15px}.info p{margin:0;font-size:14px;line-height:1.45}.wifi-symbol{font-size:37px;color:var(--orange);transform:rotate(-30deg);width:43px;text-align:center;flex:none}button{width:100%;min-height:54px;border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(90deg,#35451f,#263719);color:#fff;display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:10px;font-size:16px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px rgba(52,67,31,.15)}button:hover{filter:brightness(1.08)}button:disabled{opacity:.7;cursor:wait}.ms{display:grid;grid-template-columns:repeat(2,9px);gap:2px;justify-content:center}.ms i{width:9px;height:9px;background:#fff;display:block}.arrow{font-size:26px;line-height:1}.tenant-note{font-size:11.5px;color:#717780;line-height:1.45;margin:11px 8px 0}.busy{margin-top:11px;font-size:12px;color:#62676d}.spinner{display:inline-block;width:14px;height:14px;border:2px solid #ddd;border-top-color:var(--orange);border-radius:50%;animation:s .7s linear infinite;vertical-align:-2px;margin-right:7px}@keyframes s{to{transform:rotate(360deg)}}footer{text-align:center;padding:0 28px 20px;color:#687078;font-size:11.5px;line-height:1.6}.footer-line{height:1px;background:#dfe1dc;margin:0 0 13px}.secure{color:#3d443c;margin-bottom:2px}.cyctronic{color:var(--orange)}@media(max-width:600px){.portal-bg{padding:35px 10px}.top-ribbon,.bottom-ribbon{height:80px}.portal-card{border-radius:20px}.orange-cap{height:18px}.brand img{width:115px}.school-name{font-size:10px;letter-spacing:2.7px}.divider{margin:9px 30px 14px}.content{padding:0 19px 15px}.content h1{font-size:33px}.lead{font-size:14px}.info{padding:11px 12px;gap:9px}.info p{font-size:12.5px}.wifi-symbol{font-size:31px;width:36px}button{font-size:14px;min-height:50px}footer{padding:0 18px 17px}.doodles{font-size:52px}}