:root{--ink:#28104f;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink)}body{min-height:100vh;display:flex;flex-direction:column;background:#fff}.topbar{height:54px;background:#fafafa;border-bottom:2px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 47px;color:#31105e;font-size:17px}.topbar b{font-size:24px;margin-left:7px;font-weight:400}.hello strong{font-weight:800}.main-nav{min-height:112px;padding:0 23px;display:flex;align-items:center;gap:26px;background:linear-gradient(90deg,#5a00c6,#6900d7 55%,#5d00c9);color:#fff}.brand{display:flex;align-items:center;gap:17px;flex:none}.bc-logo{width:122px;height:58px}.ielts-logo{width:121px}.bc-logo svg,.ielts-logo svg{display:block;width:100%;height:100%}.nav-links{display:flex;align-items:center;gap:36px;flex:1}.nav-links a{color:#fff;text-decoration:none;font-size:20px;font-weight:700;white-space:nowrap}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.login-button{min-width:139px;height:60px;padding:0 20px;border-radius:10px;background:rgba(150,75,255,.82);color:#fff;text-decoration:none;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;transition:.18s}.login-button:hover{background:#8740ee;transform:translateY(-1px)}.login-icon{width:27px;height:27px;border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.page-content{flex:1;display:flex;align-items:center;justify-content:center;padding:72px 24px 82px}.logout-card{width:min(760px,100%);min-height:410px;padding:54px 70px 58px;background:#f4f8fc;border:1px solid #e3eaf1;border-radius:4px;text-align:center;box-shadow:0 10px 35px rgba(39,21,77,.08)}.success-icon{width:76px;height:76px;margin:0 auto 27px}.success-icon svg{width:100%;height:100%;fill:none;stroke:#4f0f9f;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.logout-card h1{margin:0;color:#28104f;font-size:45px;line-height:1.12;letter-spacing:-1px;font-weight:900}.message{max-width:570px;margin:22px auto 31px;color:#4c4262;font-size:19px;line-height:1.55}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-width:175px;min-height:55px;padding:0 25px;border-radius:8px;background:#5b00c8;color:#fff;text-decoration:none;font-size:18px;font-weight:700;transition:.18s}.primary-button:hover{background:#4700a3;transform:translateY(-2px);box-shadow:0 7px 16px rgba(91,0,200,.22)}.secondary-link{display:block;margin-top:24px;color:#5a00b8;font-size:17px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.site-footer{background:linear-gradient(180deg,#5b08c5,#4d009e);color:#fff;padding:58px 0 47px}.footer-inner{width:min(1650px,calc(100% - 110px));margin:auto}.footer-links{display:flex;align-items:center;gap:18px;margin-bottom:45px;font-size:17px;font-weight:700}.footer-links a{color:#fff;text-decoration:none}.footer-links span{width:2px;height:28px;background:rgba(255,255,255,.9)}.site-footer p{margin:0 0 30px;font-size:17px;line-height:1.45;font-weight:700}.footer-description{font-weight:400!important;margin-bottom:0!important}@media(max-width:1200px){.nav-links{gap:22px}.nav-links a{font-size:17px}.main-nav{gap:16px}.bc-logo{width:108px}.ielts-logo{width:105px}.login-button{min-width:125px;font-size:17px}}@media(max-width:900px){.topbar{padding:0 24px}.main-nav{flex-wrap:wrap;padding:16px 20px;gap:14px}.nav-links{order:3;width:100%;overflow-x:auto;padding-bottom:3px}.nav-links a{font-size:16px}.logout-card{padding:48px 38px}.logout-card h1{font-size:39px}.footer-inner{width:calc(100% - 48px)}}@media(max-width:600px){.topbar{height:50px;padding:0 16px;font-size:14px}.main-nav{padding:14px 16px}.brand{width:100%}.bc-logo{width:102px}.ielts-logo{width:94px}.login-button{position:absolute;right:16px;top:64px;min-width:105px;height:48px;font-size:15px}.nav-links{padding-right:115px;gap:24px}.nav-links a{font-size:14px}.page-content{padding:42px 15px 55px}.logout-card{min-height:0;padding:40px 22px 45px}.success-icon{width:64px;height:64px;margin-bottom:22px}.logout-card h1{font-size:32px}.message{font-size:16px;margin:18px auto 26px}.primary-button{font-size:16px}.secondary-link{font-size:15px}.footer-links{flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:35px}.footer-links span{height:22px}.site-footer p{font-size:14px}}