.landing-page{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);--bg-pt-gradient: linear-gradient(180deg, #f5a623 0%, #e8941a 100%);--bg-ptd-gradient: linear-gradient(180deg, #b0b0b0 0%, #999999 100%);--b-pt-inner-shadows: inset 0 2px 4px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--b-ptd-inner-shadows: inset 0 2px 4px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--c-pt-shadow-text: 0 1px 2px rgba(0,0,0,.2);--c-ptd-shadow-text: 0 1px 2px rgba(0,0,0,.2);--c-white: #ffffff}.landing-page .landing-card{background-color:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 30px #0000001a;text-align:center;max-width:500px;width:90%}.landing-page .landing-card .logo-container{margin-bottom:24px}.landing-page .landing-card .logo-container .pearson-logo{width:180px;height:auto}.landing-page .landing-card .title{color:#333;font-size:32px;font-weight:600;margin-bottom:12px}.landing-page .landing-card .subtitle{color:#666;font-size:18px;font-weight:400;margin-bottom:40px}.landing-page .landing-card .button-container{margin-top:40px}.landing-page .landing-card .button-container .toggle{gap:0;margin-bottom:0}.landing-page .landing-card .button-container .start-button{display:inline-block;background-color:#003057;color:#fff;font-size:18px;font-weight:500;padding:14px 40px;border-radius:30px;text-decoration:none;transition:all .3s ease}.landing-page .landing-card .button-container .start-button:hover{background-color:#005287;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.button{cursor:pointer;border-radius:50px;padding:10px 40px;font-weight:700;border:3px solid #ffffff;margin:0;transition:transform .2s ease,background-color .2s ease;position:relative;overflow:hidden}.button--primary{background:linear-gradient(to bottom,#ffbb1c,#ff9a19);color:#fff;box-shadow:0 6px 7px -2px #00000040,-2px -4px 2px #c37908 inset,2px 4px 2px #ffe35b inset;text-shadow:-1px -1px 0 #d2830c,1px -1px 0 #d2830c,-1px 1px 0 #d2830c,1px 1px 0 #d2830c,2px 2px 4px rgba(0,0,0,.5)}.button--secondary{background:linear-gradient(to bottom,#443232,#312323);color:#fff;box-shadow:0 6px 7px -2px #00000040,-2px -4px 2px #221818 inset,2px 4px 2px #7b6c6c inset;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.button--success{background:linear-gradient(to bottom,#84bd00,#7cad08);color:#fff;box-shadow:0 6px 7px -2px #00000040,-2px -4px 2px #6c9804 inset,2px 4px 2px #d2db0e inset;text-shadow:-1px -1px 0 #6c9804,1px -1px 0 #6c9804,-1px 1px 0 #6c9804,1px 1px 0 #6c9804,2px 2px 4px rgba(0,0,0,.5)}.button--flat{background:#222;color:#fff;box-shadow:none;text-shadow:none;border:0px}.button--flat-blur{background:#000000ac;color:#fff;cursor:pointer;overflow:hidden;position:relative;transform:scale(1);box-shadow:0 4px 6px #0000001a;transition:all .3s ease;border:0px}.button--flat-blur:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:-1}.button--flat-translucent{position:relative;background-color:transparent;color:#fff;box-shadow:none;text-shadow:none;border:0;padding:4px 16px;overflow:hidden}.button--flat-translucent:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#443232;opacity:.8;z-index:-1;border-radius:inherit}.button--flat-translucent:hover:before{opacity:1}.button--flat-translucent:active:before{opacity:1}.button--custom{border:2px solid #e8d7b0;box-shadow:0 4px 8px #0000004d}.button--custom:not(.button--icon-only):hover{transform:scale(1.05);background-color:var(--hover-bg-color)}.button--custom:not(.button--icon-only):active{transform:scale(.95)}.button--dialog{background-color:#f2b134;color:#4a2d1e;border-radius:25px;padding:10px 25px;font-size:16px;font-weight:700;box-shadow:0 2px 6px #0003}.button--dialog:hover{background-color:#f7c157;transform:translateY(-2px)}.button--dialog:active{transform:translateY(1px)}.button--icon-left .button__icon{margin-right:8px}.button--icon-right .button__icon{margin-left:8px}.button--icon-only{aspect-ratio:1/1;width:54px;height:54px;padding:0 8px 4px}.button--icon-only.button__icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;margin:0}.button--icon-only:hover{transform:none;filter:brightness(1.1)}.button--icon-only:active{transform:scale(.98)}.button__progress-container{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#0003;z-index:0}.button__progress-bar{position:absolute;bottom:0;left:0;height:100%;background-color:#ffffff40;transition:width .1s linear;z-index:1}.button__text{position:relative;z-index:2}.button:disabled{cursor:not-allowed;background:linear-gradient(to bottom,#dfe1e1,#c9c9c9);color:#fff;box-shadow:0 6px 7px -2px #00000040,-2px -4px 2px #00000040 inset,2px 4px 2px #fff inset;text-shadow:-1px -1px 0 rgba(134,134,134,.5019607843),1px -1px 0 rgba(134,134,134,.5019607843),-1px 1px 0 rgba(134,134,134,.5019607843),1px 1px 0 rgba(134,134,134,.5019607843),2px 2px 4px rgba(0,0,0,.5)}.button:disabled:hover{transform:none}.button:hover{transform:scale(1.06)}.button.no-hover:hover{transform:none;transition:none;filter:none}.toggle{display:flex;align-items:center;gap:12px;margin-bottom:10px}.toggle__button{border:2px solid var(--c-white);position:relative;width:50px;height:28px;border-radius:16px;cursor:pointer;padding:0;overflow:hidden;transition:all .2s ease}.toggle__button--primary{background:var(--bg-pt-gradient);box-shadow:var(--b-pt-inner-shadows);text-shadow:var(--c-pt-shadow-text)}.toggle__button--slider{position:relative;width:100%;height:100%;transition:transform .2s ease}.toggle__button--slider .circle{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;transition:left .2s ease,background-color .2s ease;box-shadow:0 1px 3px #0000004d}.toggle__button.active{background:var(--bg-pt-gradient);box-shadow:var(--b-pt-inner-shadows);text-shadow:var(--c-pt-shadow-text)}.toggle__button.active .circle{background-color:var(--c-white);left:calc(100% - 22px)}.toggle__button.inactive{background:var(--bg-ptd-gradient);box-shadow:var(--b-ptd-inner-shadows);text-shadow:var(--c-ptd-shadow-text)}.toggle__button.inactive .circle{background-color:var(--c-white);left:2px}.toggle__button.disabled{background:var(--bg-ptd-gradient);box-shadow:var(--b-ptd-inner-shadows);text-shadow:var(--c-ptd-shadow-text);opacity:.6;cursor:not-allowed}.toggle__button.disabled .circle{background-color:var(--c-white);left:2px}.toggle--label{font-size:16px;font-weight:500;color:#fff;font-family:sans-serif}
