@font-face{font-family:AlqGulf;src:url('fonts/gulf-regular.ttf')}@font-face{font-family:AlqGulf;src:url('fonts/gulf-bold.ttf');font-weight:700 900}:root{--p:#321541;--p2:#58306b;--p3:#795091;--g:#e6b54a;--g2:#f4d27d;--ink:#2b2030;--muted:#7f7485}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:AlqGulf,Tahoma,Arial,sans-serif}.pi60-body{background:#f7f3f9;color:var(--ink)}.pi60-stage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(450px,.95fr);direction:ltr;overflow:hidden}.pi60-visual{direction:rtl;position:relative;min-height:100vh;padding:48px 55px;color:#fff;overflow:hidden;background:linear-gradient(135deg,rgba(35,14,48,.96),rgba(79,38,96,.91)),url('login-hero.jpg') center/cover}.pi60-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px}.pi60-visual:after{content:"";position:absolute;inset:auto 0 0;height:7px;background:linear-gradient(90deg,var(--p3),var(--g),var(--g2))}.pi60-orb{position:absolute;border-radius:50%}.pi60-orb-a{width:360px;height:360px;left:-120px;top:-105px;background:radial-gradient(circle,rgba(230,181,74,.28),transparent 66%)}.pi60-orb-b{width:460px;height:460px;right:-190px;bottom:-160px;background:radial-gradient(circle,rgba(190,132,219,.25),transparent 67%)}.pi60-brand{position:relative;z-index:2;display:flex;gap:15px;align-items:center}.pi60-logo,.pi60-mini-logo{background:#fff url('images/school-logo.png') center 13%/150% auto no-repeat;border:1px solid rgba(230,181,74,.65);box-shadow:0 14px 35px rgba(12,3,19,.25)}.pi60-logo{width:69px;height:69px;border-radius:21px}.pi60-brand b,.pi60-brand small{display:block}.pi60-brand b{font-size:22px}.pi60-brand small{margin-top:3px;color:#ddcfe4;font:700 10px Arial;letter-spacing:.7px}.pi60-visual-copy{position:absolute;z-index:2;right:55px;left:55px;top:50%;transform:translateY(-38%)}.pi60-visual-copy>span{display:inline-flex;padding:7px 13px;border:1px solid rgba(244,210,125,.42);border-radius:99px;background:rgba(255,255,255,.07);color:var(--g2);font-weight:900;backdrop-filter:blur(10px)}.pi60-visual-copy h2{margin:17px 0 13px;font-size:clamp(39px,4.3vw,63px);line-height:1.28}.pi60-visual-copy p{max-width:560px;margin:0;color:#e6dce9;font-size:17px;line-height:1.9}.pi60-features{display:flex;gap:9px;flex-wrap:wrap;margin-top:29px}.pi60-features i{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.075);font-style:normal;font-size:12px;backdrop-filter:blur(10px)}.pi60-form-side{direction:rtl;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:48px;background:radial-gradient(circle at 100% 0,rgba(93,49,112,.12),transparent 33%),radial-gradient(circle at 0 100%,rgba(230,181,74,.12),transparent 30%),linear-gradient(145deg,#fbf9fc,#f3edf6)}.pi60-form-side:before{content:"";position:absolute;inset:28px;border:1px solid rgba(88,48,107,.07);border-radius:35px}.pi60-card{position:relative;width:min(475px,100%);padding:34px 39px 30px;border:1px solid rgba(255,255,255,.86);border-radius:29px;background:rgba(255,255,255,.73);box-shadow:0 28px 70px rgba(50,21,65,.13),inset 0 1px #fff;text-align:center;backdrop-filter:blur(20px)}.pi60-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:29px 29px 0 0;background:linear-gradient(90deg,var(--p),var(--p3),var(--g))}.pi60-mini-logo{width:80px;height:80px;border-radius:23px;margin:0 auto 11px}.pi60-school{color:var(--p);font-size:17px;font-weight:900}.pi60-card h1{margin:25px 0 7px;color:var(--p);font-size:31px}.pi60-sub{margin:0 0 23px;color:var(--muted);line-height:1.8}.pi60-card form{text-align:right}.pi60-card label{display:block;margin:0 2px 8px;color:#433649;font-weight:900}.pi60-field{height:57px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #ddd2e2;border-radius:15px;background:rgba(255,255,255,.82);transition:.18s}.pi60-field:focus-within{border-color:#9c73af;background:#fff;box-shadow:0 0 0 4px rgba(88,48,107,.09)}.pi60-field>span{width:28px;height:28px;display:grid;place-items:center;color:var(--p3)}.pi60-field svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pi60-field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:16px;text-align:right}.pi60-field input::placeholder{color:#aaa0ae}.pi60-btn{width:100%;height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;margin-top:15px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:0 13px 25px rgba(50,21,65,.22);color:#fff;font:inherit;font-size:16px;font-weight:900;cursor:pointer;transition:.18s}.pi60-btn:hover{transform:translateY(-2px)}.pi60-btn b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.12);color:var(--g2);font-size:20px}.pi60-btn:disabled{opacity:.45;cursor:not-allowed}.pi60-error{margin-bottom:14px;padding:12px;border:1px solid #f0caca;border-radius:13px;background:#fff0f0;color:#a73545;line-height:1.7}.pi60-divider{display:flex;align-items:center;gap:12px;margin:19px 0;color:#aca2af}.pi60-divider:before,.pi60-divider:after{content:"";height:1px;flex:1;background:#e6dce9}.pi60-alt{height:49px;display:flex;align-items:center;justify-content:center;border:1px solid #d9cbdf;border-radius:13px;background:rgba(255,255,255,.58);color:var(--p2);font-weight:900;text-decoration:none}.pi60-security{margin-top:18px;color:#8c8290;font-size:12px}.pi60-form-side footer{position:relative;margin-top:23px;color:#9a8fa0;font-size:12px;text-align:center}@media(max-width:920px){.pi60-stage{display:block}.pi60-visual{min-height:310px;padding:24px}.pi60-logo{width:58px;height:58px}.pi60-visual-copy{position:relative;inset:auto;transform:none;margin-top:48px}.pi60-visual-copy h2{font-size:35px}.pi60-visual-copy p{font-size:14px}.pi60-features{display:none}.pi60-form-side{min-height:auto;padding:30px 16px 65px}.pi60-form-side:before{display:none}.pi60-card{margin-top:-72px;padding:28px 21px 25px}.pi60-mini-logo{width:70px;height:70px}.pi60-card h1{font-size:28px}}@media(max-width:520px){.pi60-visual{min-height:275px}.pi60-visual-copy{margin-top:34px}.pi60-visual-copy h2{font-size:29px}.pi60-visual-copy p{display:none}.pi60-form-side{padding-inline:10px}.pi60-card{padding-inline:17px}}