Intern
.intern-header {
background: linear-gradient(135deg, #0c2941 0%, #15446b 100%);
color: #fff;
padding: 40px;
border-radius: 16px;
margin-bottom: 40px;
text-align: center;
}
.intern-header h1 {
margin: 0 0 10px 0;
font-size: 2.5rem;
color: #fff !important;
}
.intern-header p {
margin: 0;
opacity: 0.9;
}
.intern-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
margin-bottom: 40px;
}
.intern-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
padding: 25px;
}
.intern-card h3 {
color: #0c2941;
margin: 0 0 15px 0;
padding-bottom: 10px;
border-bottom: 2px solid #eaf3fb;
}
.intern-card p {
color: #374151;
margin-bottom: 15px;
}
.intern-card ul {
color: #374151;
padding-left: 20px;
margin: 0;
}
.intern-card li {
margin-bottom: 8px;
}
.intern-login-box {
max-width: 500px;
margin: 60px auto;
text-align: center;
padding: 40px;
background: #fff;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.intern-login-box h2 {
color: #0c2941;
margin: 0 0 15px 0;
}
.intern-login-box p {
color: #666;
margin-bottom: 25px;
}
.intern-login-btn {
display: inline-block;
padding: 15px 40px;
background: #257bc1;
color: #fff !important;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.intern-login-btn:hover {
background: #207daf;
transform: translateY(-2px);
}