*{box-sizing:border-box;margin:0;padding:0}:root{--primary-dark:#1a365d;--primary-main:#2d3748;--primary-light:#4a5568;--secondary-dark:#2c5aa0;--secondary-main:#3182ce;--secondary-light:#4299e1;--accent-color:#ed8936;--text-primary:#2d3748;--text-secondary:#4a5568;--text-light:#718096;--background-light:#f7fafc;--background-white:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e0;--success-color:#48bb78;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}body{color:var(--text-primary);background-color:var(--background-light);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{background:var(--background-white);box-shadow:var(--shadow-sm);z-index:1000;border-bottom:1px solid var(--border-light);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo{color:var(--primary-dark);text-decoration:none}.logo h1{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-main));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--secondary-main);background-color:var(--background-light)}.student-section{background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-main)50%,var(--secondary-dark)100%);color:var(--background-white);padding:4rem 0;position:relative;overflow:hidden}.student-section:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1000 100\" fill=\"rgba(255,255,255,0.03)\"><polygon points=\"0,0 1000,100 1000,0\"/></svg>") 0 0/cover;position:absolute;inset:0}.student-card{z-index:2;grid-template-columns:auto 1fr;align-items:start;gap:3rem;max-width:1000px;display:grid;position:relative}.student-avatar{border-radius:var(--radius-lg);width:180px;height:180px;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--secondary-main),var(--accent-color));border:4px solid #ffffffe6;flex-shrink:0;padding:4px;overflow:hidden}.student-avatar img{object-fit:cover;border-radius:calc(var(--radius-lg) - 2px);width:100%;height:100%;transition:transform .3s}.student-avatar:hover img{transform:scale(1.02)}.student-details{flex-direction:column;gap:1rem;display:flex}.student-name{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2.75rem;font-weight:700;line-height:1.1}.student-major{color:var(--accent-color);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.4rem;font-weight:600;display:flex}.student-major:before{content:"🎓";font-size:1.2rem}.student-education{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.education-item{opacity:.95;align-items:center;gap:.75rem;font-size:1.1rem;display:flex}.education-item:before{content:"🏛️";font-size:1rem}.student-bio{opacity:.9;border-radius:var(--radius-md);border-left:4px solid var(--accent-color);background:#ffffff0d;max-width:600px;margin:1rem 0;padding:1.5rem;font-size:1.05rem;line-height:1.7}.student-contact{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.contact-item{border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.contact-item:hover{background:#ffffff1f;transform:translateY(-1px)}.contact-item.email:before{content:"📧"}.contact-item.phone:before{content:"📱"}.lectures-section{background:var(--background-white);padding:4rem 0}.section-title{text-align:center;color:var(--primary-dark);margin-bottom:3rem;font-size:2.25rem;font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,var(--secondary-main),var(--accent-color));border-radius:2px;width:80px;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.lectures-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;display:grid}.lecture-card{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);border:1px solid var(--border-light);text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.lecture-card:before{content:"";background:linear-gradient(90deg,var(--secondary-main),var(--accent-color));height:4px;position:absolute;top:0;left:0;right:0}.lecture-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary-light);transform:translateY(-5px)}.lecture-image{width:100%;height:200px;position:relative;overflow:hidden}.lecture-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.lecture-card:hover .lecture-image img{transform:scale(1.05)}.lecture-content{padding:1.75rem}.lecture-content h3{color:var(--primary-dark);margin-bottom:.75rem;font-size:1.3rem;font-weight:600;line-height:1.4}.lecture-meta{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.lecture-date{color:var(--text-light);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.lecture-date:before{content:"📅";font-size:.8rem}.lecture-instructor{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.lecture-instructor:before{content:"👨‍🏫";font-size:.8rem}.lecture-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{background:var(--background-light);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:20px;padding:.4rem .8rem;font-size:.8rem;font-weight:500;transition:all .2s}.tag:hover{background:var(--secondary-main);color:#fff;border-color:var(--secondary-main)}.lecture-detail{background:var(--background-light);min-height:100vh;padding:2rem 0}.back-link{color:var(--secondary-main);border-radius:var(--radius-md);background:var(--background-white);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{background:var(--secondary-main);color:#fff;transform:translate(-2px)}.lecture-header{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;padding:2.5rem;display:grid}.lecture-hero{border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.lecture-hero img{object-fit:cover;width:100%;height:300px}.lecture-meta h1{color:var(--primary-dark);margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.lecture-date{color:var(--text-light);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.lecture-instructor{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.content-section{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:3rem;padding:2rem}.content-section h2{color:var(--primary-dark);border-bottom:2px solid var(--border-light);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}@media (max-width:968px){.student-card{text-align:center;grid-template-columns:1fr;gap:2rem}.student-avatar{width:160px;height:160px;margin:0 auto}.student-contact{grid-template-columns:1fr}.lecture-header{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.lectures-grid{grid-template-columns:1fr}.student-name{font-size:2.25rem}.container{padding:0 16px}.student-section,.lectures-section{padding:3rem 0}}.text-accent{color:var(--accent-color)}.bg-gradient{background:linear-gradient(135deg,var(--primary-main),var(--secondary-main))}.shadow-card{box-shadow:var(--shadow-md)}.border-gradient{border-image:linear-gradient(135deg,var(--secondary-main),var(--accent-color))1}.lecture-content{flex-direction:column;gap:2.5rem;display:flex}.introduction-content{line-height:1.8}.paragraph{text-align:justify;margin-bottom:1.5rem;font-size:1.05rem}.paragraph:last-child{margin-bottom:0}.lecture-sections{flex-direction:column;gap:2rem;display:flex}.content-subsection{background:var(--background-white);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:2rem;transition:transform .2s}.content-subsection:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.subsection-title{color:var(--primary-dark);border-bottom:2px solid var(--secondary-main);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.3rem;font-weight:600}.subsection-content{flex-direction:column;gap:1rem;display:flex}.content-paragraph{text-align:justify;margin:0;line-height:1.7}.images-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.image-item{background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .3s;overflow:hidden}.image-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.image-item img{object-fit:cover;width:100%;height:250px;transition:transform .3s}.image-item:hover img{transform:scale(1.05)}.image-caption{text-align:center;color:var(--text-secondary);background:var(--background-light);margin:0;padding:1.5rem;font-size:.95rem;font-weight:500}.materials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;display:grid}.material-card{background:var(--background-light);border-radius:var(--radius-md);border:1px solid var(--border-light);align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.material-card:hover{box-shadow:var(--shadow-md);border-color:var(--secondary-light);transform:translateY(-2px)}.material-icon{flex-shrink:0;font-size:2rem}.material-info{flex:1}.material-info h4{color:var(--primary-dark);margin:0 0 .5rem;font-size:1rem}.material-type{background:var(--secondary-main);color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.download-btn{background:var(--success-color);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s}.download-btn:hover{background:#38a169}@media (max-width:768px){.lecture-sections{gap:1.5rem}.content-subsection{padding:1.5rem}.images-grid,.materials-grid{grid-template-columns:1fr}.material-card{text-align:center;flex-direction:column;gap:1rem}.subsection-title{font-size:1.2rem}}@media (max-width:480px){.content-subsection{padding:1.25rem}.image-item img{height:200px}.image-caption{padding:1rem}}