/* K Education Parent Portal - shared premium experience */
:root{--parent-navy:#10233d;--parent-blue:#176b9f;--parent-teal:#0b9b87;--parent-mint:#39d6ad;--parent-gold:#f4b94f;--parent-cream:#fffaf0;--parent-ink:#172a3f;--parent-soft:#edf6f8;--parent-line:#d7e6ea;--parent-shadow:0 24px 65px rgba(15,42,67,.16)}
body{background:radial-gradient(circle at 4% 10%,rgba(57,214,173,.11),transparent 27%),radial-gradient(circle at 96% 72%,rgba(23,107,159,.12),transparent 29%),linear-gradient(155deg,#f8fbfc,#edf6f8 48%,#f9f5eb)}
.parent-login,.parent-register,.parent-hero,.child-overview,.parent-metrics .card,.leader-card,.monitor-grid>.card,.link-panel{border:1px solid rgba(255,255,255,.86);box-shadow:var(--parent-shadow)}
/* Login */
.parent-login{max-width:1080px;border-radius:34px;background:#fff;animation:parentRise .7s cubic-bezier(.2,.8,.2,1) both}
.parent-login .login-story{background:radial-gradient(circle at 82% 15%,rgba(244,185,79,.28),transparent 27%),linear-gradient(145deg,#0c2038,#125c7f 52%,#0b9481)}
.parent-login .parent-mark{width:72px;height:72px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border-color:rgba(255,227,168,.4);box-shadow:0 15px 38px rgba(1,24,39,.32)}
.parent-login .login-story h1{font-family:Georgia,"Times New Roman",serif;font-weight:700}
.parent-login .feature{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.1);transition:.22s}
.parent-login .feature:hover{transform:translateX(4px);background:rgba(255,255,255,.16)}
.parent-login .feature i{background:rgba(255,215,128,.16)}
.parent-login .trust-row span{color:#71f0cc}
.parent-login .login-panel{background:radial-gradient(circle at 90% 10%,rgba(57,214,173,.09),transparent 28%),linear-gradient(160deg,#fff,#f7fbfc)}
.parent-login .login-box>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#e8f8f4}
.parent-login .login-box h2{color:var(--parent-navy);font-family:Georgia,"Times New Roman",serif;font-size:2.05rem}
.parent-login .field-wrap input{border-color:var(--parent-line);background:#fbfdfd}
.parent-login .field-wrap input:focus{border-color:var(--parent-teal);box-shadow:0 0 0 5px rgba(11,155,135,.11)}
.parent-login .login-submit{background:linear-gradient(135deg,var(--parent-navy),var(--parent-blue) 58%,var(--parent-teal));box-shadow:0 12px 28px rgba(16,74,104,.28)}
.parent-login .portal-link{border:1px solid #dcebed;background:#f2f8f8;color:#365369}
.parent-login .portal-link:hover{border-color:#a6d9d0;background:#e8f8f4;color:#087665}
/* Registration */
.parent-register{display:grid;grid-template-columns:.88fr 1.12fr;max-width:1040px;min-height:670px;margin:18px auto;overflow:hidden;border-radius:34px;background:#fff;animation:parentRise .7s both}
.parent-register-art{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:44px;color:#fff;background:radial-gradient(circle at 20% 12%,rgba(244,185,79,.3),transparent 28%),linear-gradient(145deg,#10233d,#176b9f 55%,#0b9b87);overflow:hidden}
.parent-register-art:after{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-155px;bottom:-125px;border:60px solid rgba(255,255,255,.05);border-radius:50%}
.parent-family-mark{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(255,255,255,.25);border-radius:25px;background:rgba(255,255,255,.14);font-size:2rem;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.parent-register-art h1{margin:23px 0 10px;color:#fff;font:700 clamp(2rem,4vw,3rem)/1.08 Georgia,serif}
.parent-register-art p{color:rgba(255,255,255,.8)}
.parent-benefits{display:grid;gap:10px;margin-top:27px;padding:0;list-style:none}
.parent-benefits li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.09);font-size:.8rem;font-weight:800}
.parent-benefits b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(244,185,79,.2);color:#ffe0a0}
.parent-register-form{display:flex;align-items:center;padding:38px 46px;background:radial-gradient(circle at 95% 8%,rgba(57,214,173,.09),transparent 26%),#fff}
.parent-register-box{width:100%;max-width:470px;margin:auto}
.parent-register-box .eyebrow{color:var(--parent-teal);font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.parent-register-box h2{margin:8px 0 5px;color:var(--parent-navy);font:700 2rem/1.1 Georgia,serif}
.parent-register-box>.muted{margin:0 0 19px}
.parent-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.parent-register-box label{display:block;color:#2b4357;font-size:.82rem}
.parent-register-box input{min-height:49px;border-color:var(--parent-line);background:#f9fcfc}
.parent-register-box input:focus{border-color:var(--parent-teal);box-shadow:0 0 0 5px rgba(11,155,135,.1)}
.parent-create-btn{width:100%;background:linear-gradient(135deg,var(--parent-navy),var(--parent-blue),var(--parent-teal));box-shadow:0 12px 28px rgba(16,74,104,.25)}
.parent-signin-link{margin:17px 0 0;text-align:center;color:#657a8c;font-size:.82rem}
/* Dashboard */
.parent-hero{overflow:hidden;border:0!important;background:radial-gradient(circle at 82% 22%,rgba(244,185,79,.28),transparent 27%),linear-gradient(125deg,#0d213b,#17658d 54%,#0b9380)!important;box-shadow:0 24px 60px rgba(11,55,78,.25)!important}
.parent-hero h1{margin-bottom:7px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,5vw,3rem)}
.parent-hero .badge{border:1px solid rgba(255,255,255,.15)}
.parent-actions .live-pill{border:1px solid rgba(57,214,173,.26);box-shadow:0 7px 20px rgba(0,0,0,.12)}
.parent-nav a{border:1px solid rgba(215,230,234,.8);color:#3e6075;box-shadow:0 7px 20px rgba(18,54,77,.09)}
.parent-nav a:hover{background:#e9f8f4;color:#087a68}
.link-panel{border-color:#d9e8e9!important;background:linear-gradient(135deg,#fff,#f3faf8)!important}
.link-panel summary{color:#087c6a!important}
.link-panel button{background:linear-gradient(135deg,var(--parent-navy),var(--parent-teal))}
.child-avatar{background:linear-gradient(135deg,#e7f8f3,#dceffc)!important}
.child-overview{border-color:#dcebec!important;background:radial-gradient(circle at 94% 20%,rgba(57,214,173,.1),transparent 26%),#fff!important}
.child-overview h2{color:var(--parent-navy);font-family:Georgia,"Times New Roman",serif}
.overview-progress .progress span{background:linear-gradient(90deg,var(--parent-blue),var(--parent-teal),var(--parent-gold))}
.progress-value{color:var(--parent-teal)!important}
.parent-metrics .metric{overflow:hidden;border-color:#dce9eb!important;background:#fff}
.parent-metrics .metric:after{content:"";position:absolute;width:95px;height:95px;right:-35px;top:-35px;border-radius:50%;background:rgba(11,155,135,.06)}
.parent-metrics .metric-icon{background:linear-gradient(135deg,#e7f8f3,#e8f1fb)!important}
.parent-metrics .metric strong{color:var(--parent-navy)}
.leader-card{overflow:hidden;border-color:#d9e7e9!important}
.leader-head{background:linear-gradient(135deg,#f8fcfc,#edf8f5)}
.rank-number{background:linear-gradient(135deg,var(--parent-navy),var(--parent-blue),var(--parent-teal))!important;box-shadow:0 10px 22px rgba(11,99,112,.2)}
.mini-leader.current{background:#e9f8f4!important}.mini-points{color:#087e6b!important}
.monitor-grid>.card{border-color:#dce9eb!important;background:linear-gradient(160deg,#fff,#fbfdfd)}
.monitor-grid>.card h2{color:var(--parent-navy);font-family:Georgia,"Times New Roman",serif}
.activity{transition:.2s}.activity:hover{padding-left:7px;background:#f4faf9}
.activity-icon{background:#e9f7f4!important}
.notification-card{background:linear-gradient(135deg,#fff,#eef8f6)!important}
.live-alert{background:linear-gradient(135deg,var(--parent-navy),#155e7c)!important;border:1px solid rgba(255,255,255,.13)}
@keyframes parentRise{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.parent-login,.parent-register{grid-template-columns:1fr;min-height:0;margin:0;border-radius:25px}.parent-register-art{padding:25px}.parent-register-art h1{font-size:1.8rem}.parent-benefits{grid-template-columns:1fr 1fr;margin-top:17px}.parent-register-form{padding:27px 22px}.parent-field-grid{grid-template-columns:1fr}.parent-login .login-story{padding:25px}.parent-login .login-panel{padding:27px 22px}.parent-hero{border-radius:25px!important}.parent-metrics{gap:9px!important}}
@media(max-width:430px){.wrap{padding-inline:9px}.parent-register-art{padding:20px}.parent-family-mark{width:56px;height:56px;border-radius:18px;font-size:1.5rem}.parent-register-art h1{margin-top:14px;font-size:1.55rem}.parent-register-art p{font-size:.78rem}.parent-benefits{gap:6px}.parent-benefits li{padding:7px;font-size:.68rem}.parent-register-form{padding:23px 17px}.parent-register-box h2{font-size:1.65rem}.parent-login .login-story{padding:20px}.parent-login .login-panel{padding:23px 18px}.parent-metrics .metric{min-height:119px!important}.parent-metrics .metric strong{font-size:1.45rem}.leader-head{align-items:flex-start}.leader-head>.badge{display:none}}
@media(prefers-reduced-motion:reduce){.parent-login,.parent-register{animation:none}}

/* Parent dashboard motion and finishing details */
.parent-hero,.link-panel,.child-overview,.leader-card,.notification-card{animation:parentCardIn .55s cubic-bezier(.2,.8,.2,1) both}.link-panel{animation-delay:.06s}.child-overview{animation-delay:.1s}.leader-card{animation-delay:.18s}.notification-card{animation-delay:.25s}
.parent-metrics .metric{animation:parentMetricIn .48s cubic-bezier(.2,.8,.2,1) both}.parent-metrics .metric:nth-child(2){animation-delay:.06s}.parent-metrics .metric:nth-child(3){animation-delay:.12s}.parent-metrics .metric:nth-child(4){animation-delay:.18s}
.parent-metrics .metric:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(15,61,80,.15)}
.parent-metrics .metric,.parent-nav a,.mini-leader{transition:transform .22s,box-shadow .22s,background .22s}
.child-switcher .btn{background:linear-gradient(135deg,var(--parent-navy),var(--parent-teal));box-shadow:0 8px 20px rgba(11,112,108,.2)}.child-switcher .btn.alt{background:#fff;color:#426176;border:1px solid var(--parent-line);box-shadow:none}
.notification-card{position:relative;overflow:hidden}.notification-card:after{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-70px;border-radius:50%;background:rgba(57,214,173,.08);pointer-events:none}
.notification-card h2{color:var(--parent-navy);font-family:Georgia,"Times New Roman",serif}
@keyframes parentCardIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes parentMetricIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:760px){.parent-login .login-story{min-height:270px}.parent-login .feature-list{grid-template-columns:1fr 1fr}.parent-login .login-story h1{font-size:1.9rem}.parent-login .login-panel{align-items:flex-start}.parent-register-art small{display:none}.parent-nav{position:sticky;top:76px;z-index:20;padding:6px;background:rgba(239,247,248,.9);border-radius:18px;backdrop-filter:blur(13px)}}
@media(max-width:430px){.parent-login .login-story{min-height:238px}.parent-login .feature-list{margin-top:14px}.parent-login .feature{padding:7px}.parent-login .login-panel{padding-top:20px}.parent-register{border-radius:22px}.parent-register-art{min-height:250px}.parent-register-form{align-items:flex-start}.parent-nav{top:6px}}
@media(prefers-reduced-motion:reduce){.parent-hero,.link-panel,.child-overview,.leader-card,.notification-card,.parent-metrics .metric{animation:none}}