.vco-login{--vco-indigo:#241a69;--vco-violet:#4b2fa8;--vco-primary:#7367f0;--vco-gold:#ffb020;align-items:stretch;min-height:100vh}.vco-login,.vco-signin{background:#fff;display:flex}.vco-signin{align-items:center;border-right:1px solid #ebe9f1;flex:0 0 33.3333%;flex-direction:column;max-width:33.3333%;padding:48px 24px 32px}.vco-signin-inner{margin-block:auto;max-width:400px;width:100%}.vco-signin .vco-logo{height:64px;margin-bottom:36px;width:auto}.vco-signin h2{color:#1f2a44;font-size:30px;font-weight:700;margin:0 0 8px;text-align:center}.vco-signin .vco-staff-no{background:rgba(59,47,122,.08);border-radius:999px;color:#3b2f7a;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;margin:0 0 8px;padding:2px 10px}.vco-signin h2.vco-username{color:#3b2f7a;font-size:23px;font-weight:600;letter-spacing:-.01em;line-height:1.25;margin:0 0 4px}.vco-signin .vco-email{color:var(--vco-primary);font-weight:500}.vco-signin .vco-lead{color:#6b7280;font-size:16px;line-height:1.55;margin:0 0 28px;text-align:center}.vco-signin .gsi-material-button,.vco-swal-actions .gsi-material-button{border:1.5px solid #dadce0;border-radius:.85rem;box-shadow:0 1px 2px rgba(60,64,67,.12);font-size:16px;height:auto;min-height:3.25rem;padding:.95rem 1.25rem;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;width:100%}.vco-signin .gsi-material-button+.gsi-material-button,.vco-signin .vco-signin-alt{margin-top:.75rem}.vco-signin .gsi-material-button:not(:disabled):focus-visible,.vco-signin .gsi-material-button:not(:disabled):hover,.vco-swal-actions .gsi-material-button:not(:disabled):focus-visible,.vco-swal-actions .gsi-material-button:not(:disabled):hover{border-color:var(--vco-primary);box-shadow:0 8px 22px rgba(115,103,240,.18);transform:translateY(-1px)}.vco-signin .gsi-material-button .gsi-material-button-content-wrapper,.vco-swal-actions .gsi-material-button .gsi-material-button-content-wrapper{justify-content:center}.vco-signin .gsi-material-button .gsi-material-button-contents,.vco-swal-actions .gsi-material-button .gsi-material-button-contents{flex-grow:0;font-size:16px;font-weight:600}.vco-signin .gsi-material-button .gsi-material-button-icon,.vco-swal-actions .gsi-material-button .gsi-material-button-icon{height:22px;min-width:22px;width:22px}.vco-signin .vco-hint{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:.5rem;justify-content:center;margin:18px 0 0}.vco-signin .vco-copyright{color:#9ca3af;font-size:12.5px;margin:24px 0 0;text-align:center;width:100%}.vco-signin .vco-copyright a{color:inherit;text-decoration:none}.vco-signin .vco-copyright a:hover{text-decoration:underline}.vco-signin .vco-help{border-top:1px solid #eceef3;color:#6b7280;font-size:14px;line-height:1.5;margin:32px 0 0;padding-top:20px;text-align:center}.vco-brand{background:radial-gradient(45rem 32rem at 68% 0,rgba(124,92,255,.45),transparent 62%),radial-gradient(30rem 24rem at 2% 24%,rgba(255,176,32,.13),transparent 58%),linear-gradient(150deg,#32207e,#291a6b 34%,#1b1050 68%,#120a33);color:#fff;display:flex;flex:0 0 66.6667%;flex-direction:column;justify-content:center;max-width:66.6667%;overflow:hidden;padding:3.25rem clamp(1.75rem,4vw,4rem);position:relative}.vco-brand:before{background:url(/images/logo/logo.svg) -1.3rem -1.8rem/184rem auto no-repeat;bottom:-9rem;filter:drop-shadow(0 1.5rem 2.5rem rgba(0,0,0,.55));height:41.5rem;opacity:.09;right:-7rem;transform:rotate(-8deg);width:34rem}.vco-brand:after,.vco-brand:before{content:"";pointer-events:none;position:absolute}.vco-brand:after{background:linear-gradient(118deg,transparent 38%,hsla(0,0%,100%,.055) 50%,transparent 62%);inset:0}.vco-brand>*{position:relative;z-index:1}.vco-brand .vco-topbar{align-items:center;display:flex;gap:1.25rem;position:absolute;right:clamp(1.75rem,4vw,4rem);top:1.5rem;z-index:2}.vco-dates{line-height:1.35;text-align:right}.vco-date-masihi{color:#fff;display:block;font-size:13px;font-weight:600}.vco-date-hijrah{color:hsla(0,0%,100%,.72);display:block;font-size:12px}.vco-lang{align-items:center;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2);border-radius:999px;display:flex;gap:.25rem;padding:.2rem}.vco-lang a{align-items:center;border-radius:999px;color:hsla(0,0%,100%,.78);display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.03em;min-width:2.2rem;padding:.25rem .5rem;text-decoration:none;transition:background-color .15s ease,color .15s ease}.vco-lang a:hover{color:#fff}.vco-lang a.is-active{background:var(--vco-gold);color:var(--vco-indigo)}.vco-swal-actions{display:grid;gap:.6rem;margin-top:.25rem}.vco-swal-actions .vco-signin-alt{margin-top:0}.vco-eyebrow{align-items:center;align-self:flex-start;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:.5rem;letter-spacing:.04em;padding:.38rem .9rem}.vco-eyebrow:before{background:var(--vco-gold);border-radius:50%;content:"";height:.5rem;width:.5rem}.vco-brand h1{color:#fff;font-size:clamp(4rem,9vw,8.5rem);font-weight:700;letter-spacing:.01em;line-height:.95;margin:1.1rem 0 0}.vco-brand h1:after{background:var(--vco-gold);border-radius:999px;content:"";display:block;height:.32rem;margin-top:.9rem;width:4.5rem}.vco-tagline{color:hsla(0,0%,100%,.92);font-size:clamp(1.05rem,1.7vw,1.45rem);font-weight:500;line-height:1.35;margin:1rem 0 0;max-width:34rem}.vco-modules{display:grid;gap:.6rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin-top:2.25rem;padding:0}.vco-module{align-items:center;border:1px solid transparent;border-radius:.65rem;color:inherit;display:flex;gap:.85rem;padding:.7rem .85rem;position:relative;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.vco-module.is-clickable:focus-visible,.vco-module.is-clickable:hover{background-color:hsla(0,0%,100%,.07);border-color:var(--mc-line,hsla(0,0%,100%,.25));transform:translateY(-2px)}.vco-module.needs-login:hover{background-color:hsla(0,0%,100%,.05)}@media(prefers-reduced-motion:reduce){.vco-module{transition:none}.vco-module.is-clickable:hover{transform:none}}.vco-module.is-clickable,.vco-module.needs-login{cursor:pointer}.vco-module:not(.is-disabled):focus-visible .vco-module-name,.vco-module:not(.is-disabled):hover .vco-module-name{color:var(--vco-gold)}.vco-module:focus-visible{outline:none}.vco-module.is-disabled{opacity:.5}.vco-module-icon{align-items:center;color:var(--vco-gold);display:flex;flex:0 0 auto;justify-content:center;position:relative}.vco-module-icon .svg-icon,.vco-module-icon svg{height:36px;width:36px}.vco-module-text{min-width:0}.vco-module-name{color:#fff;display:block;font-size:17px;font-weight:600;line-height:1.3;transition:color .15s ease}.vco-module-desc{color:hsla(0,0%,100%,.74);display:block;font-size:13.5px;line-height:1.4;margin-top:.2rem}.vco-module-badge{border-radius:999px;box-shadow:0 0 0 2px rgba(20,12,61,.85);color:#fff;font-size:11px;font-weight:700;left:-10px;line-height:1;min-width:1.25rem;padding:.18rem .35rem;position:absolute;text-align:center;top:-7px}@media(min-width:992px)and (max-height:850px){.vco-brand{padding-block:2.25rem}.vco-brand h1{font-size:clamp(3.5rem,7vw,5.5rem)}.vco-tagline{font-size:clamp(1rem,1.4vw,1.2rem)}.vco-modules{gap:.3rem .85rem;margin-top:1.5rem}.vco-module{padding:.5rem .75rem}.vco-module-icon .svg-icon,.vco-module-icon svg{height:30px;width:30px}}@media(max-width:1199.98px){.vco-modules{gap:.5rem .75rem}}@media(max-width:991.98px){.vco-login{flex-direction:column}.vco-signin{border-bottom:1px solid #ebe9f1;border-right:none;padding:2rem 1.5rem}.vco-brand,.vco-signin{flex:0 0 auto;max-width:none}.vco-brand{padding:4.5rem 1.5rem 2.5rem}.vco-brand .vco-topbar{right:1.5rem;top:1.25rem}.vco-brand:before{bottom:-12rem;opacity:.07;right:-10rem}}@media(max-width:575.98px){.vco-modules{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.vco-module-name{transition:none}}.vco-signin .vco-user-avatar{background:transparent;cursor:default}.vco-signin .vco-user-avatar img{background:#fff;border:4px solid #d5d1fb;border:4px solid color-mix(in srgb,var(--vco-primary) 30%,#fff);border-radius:50%;box-shadow:0 6px 18px rgba(115,103,240,.18);box-sizing:content-box;height:96px;-o-object-fit:cover;object-fit:cover;padding:3px;width:96px}