:root {
  --edu-blue: #001e3e;
  --edu-orange: #ff6804;
  --edu-gray: #cfc9c0;
  --edu-white: #ffffff;
}

/* Global Reset */
html,body { margin:0; padding:0; width:100%; height:100%; overflow-x:hidden; font-family:'Segoe UI',sans-serif; background:var(--edu-white); color:var(--edu-blue); }

/* Shapes and Rockets */
.login-page, .page-login { position:relative; width:100%; min-height:100vh; display:flex; justify-content:center; align-items:center; background:var(--edu-white); overflow:hidden; }
.shape.circle { position:absolute; width:40%; padding-bottom:40%; border-radius:50%; background:var(--edu-orange); top:-10%; left:-15%; opacity:0.2; }
.shape.triangle { position:absolute; width:0; height:0; border-left:30vw solid transparent; border-right:30vw solid transparent; border-bottom:40vh solid var(--edu-gray); bottom:-15%; right:-20%; opacity:0.2; }
.rocket { position:absolute; font-size:4rem; opacity:0.15; z-index:0; }
.rocket--1 { top:20%; left:10%; transform:rotate(-30deg); }
.rocket--2 { top:60%; right:15%; transform:rotate(10deg); }
.rocket--3 { bottom:15%; left:50%; transform:rotate(-10deg); }

/* Login Card */
.login-card, .edugo-login-card {
  position:relative; z-index:1;
  background:var(--edu-white); border-radius:12px;
  box-shadow:0 8px 20px rgba(0,0,0,0.1);
  width:360px; max-width:90%; padding:2rem; text-align:center;
}
.login-card .login-logo, .edugo-login-card .login-logo {
  max-width:140px; margin-bottom:1.5rem;
}
.login-card h2, .edugo-login-card h2 {
  margin:0 0 1.5rem; color:var(--edu-blue); font-size:1.6rem; font-weight:600;
}
.login-card input, .edugo-login-card input {
  width:100%; padding:.75rem; margin-bottom:1rem;
  border:1px solid var(--edu-gray); border-radius:6px; font-size:1rem;
  transition:border-color .2s, box-shadow .2s;
}
.login-card input:focus, .edugo-login-card input:focus {
  border-color:var(--edu-orange);
  box-shadow:0 0 0 3px rgba(255,104,4,0.2);
  outline:none;
}
.login-card button, .edugo-login-card button {
  width:100%; padding:.75rem;
  background:var(--edu-orange); color:var(--edu-white);
  border:none; border-radius:6px; font-size:1rem; font-weight:600;
  cursor:pointer; transition:background .2s;
}
.login-card button:hover, .edugo-login-card button:hover {
  background:#e55d03;
}

/* Dashboard Cards */
.dashboard-wrapper { padding:2rem; max-width:1200px; margin:auto; }
.dashboard-header h1 { color:var(--edu-blue); margin-bottom:1rem; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; }
.card {
  background:var(--edu-white); padding:1.5rem; border-radius:8px;
  box-shadow:0 2px 12px rgba(0,0,0,0.1); text-align:center;
  font-weight:bold; color:var(--edu-blue);
  transition:transform .2s;
}
.card:hover { transform: translateY(-4px); }