{\rtf1\ansi\ansicpg1252\cocoartf2865
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\paperw11900\paperh16840\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f0\fs24 \cf0 /* Main styles for homepage */\
* \{\
    margin: 0;\
    padding: 0;\
    box-sizing: border-box;\
\}\
\
body \{\
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;\
    line-height: 1.6;\
    color: #333;\
    background-color: #f9f9f9;\
\}\
\
.container \{\
    max-width: 900px;\
    margin: 0 auto;\
    padding: 0 20px;\
\}\
\
header.profile \{\
    background: linear-gradient(135deg, #1E3A8A 0%, #2563EB 100%);\
    color: white;\
    padding: 60px 20px;\
    text-align: center;\
\}\
\
header.profile .name h1 \{\
    font-size: 2.5em;\
    margin-bottom: 10px;\
\}\
\
header.profile .title \{\
    display: block;\
    font-size: 1.3em;\
    margin-bottom: 5px;\
    opacity: 0.95;\
\}\
\
header.profile .subtitle \{\
    display: block;\
    font-size: 1em;\
    opacity: 0.9;\
\}\
\
main \{\
    background: white;\
    padding: 40px 0;\
    min-height: 100vh;\
\}\
\
.content \{\
    padding: 0 20px;\
\}\
\
section \{\
    margin-bottom: 50px;\
\}\
\
section h2 \{\
    color: #1E3A8A;\
    font-size: 2em;\
    margin-bottom: 20px;\
    border-bottom: 3px solid #667eea;\
    padding-bottom: 10px;\
\}\
\
section h3 \{\
    color: #2563EB;\
    font-size: 1.3em;\
    margin-top: 20px;\
    margin-bottom: 10px;\
\}\
\
section p \{\
    color: #555;\
    margin-bottom: 15px;\
    line-height: 1.8;\
\}\
\
section a \{\
    color: #2563EB;\
    text-decoration: none;\
\}\
\
section a:hover \{\
    text-decoration: underline;\
\}\
\
ul, ol \{\
    margin-left: 20px;\
    margin-bottom: 15px;\
\}\
\
li \{\
    margin-bottom: 8px;\
\}\
\
/* Teaching & Interactive Resources Section */\
section.teaching \{\
    margin: 50px 0;\
    padding: 30px;\
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%);\
    border-radius: 8px;\
    border-left: 5px solid #667eea;\
\}\
\
section.teaching h2 \{\
    color: #1E3A8A;\
    margin-bottom: 15px;\
\}\
\
section.teaching p \{\
    color: #555;\
    margin-bottom: 15px;\
    line-height: 1.6;\
\}\
\
.teaching-card \{\
    background: white;\
    padding: 25px;\
    border-radius: 8px;\
    margin-top: 20px;\
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\
    border-top: 4px solid #667eea;\
    transition: all 0.3s ease;\
\}\
\
.teaching-card:hover \{\
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.2);\
    transform: translateY(-2px);\
\}\
\
.teaching-card h3 \{\
    color: #1E3A8A;\
    font-size: 1.3em;\
    margin-bottom: 10px;\
\}\
\
.teaching-card p \{\
    color: #666;\
    margin-bottom: 12px;\
    line-height: 1.5;\
    font-size: 0.95em;\
\}\
\
.teaching-card p strong \{\
    color: #1E3A8A;\
\}\
\
.teaching-card .btn \{\
    display: inline-block;\
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\
    color: white;\
    padding: 12px 28px;\
    border-radius: 6px;\
    text-decoration: none;\
    font-weight: 600;\
    transition: all 0.3s ease;\
    margin-top: 15px;\
    border: none;\
    cursor: pointer;\
    font-size: 1em;\
\}\
\
.teaching-card .btn:hover \{\
    transform: translateY(-2px);\
    box-shadow: 0 6px 15px rgba(102, 126, 234, 0.4);\
    text-decoration: none;\
    color: white;\
\}\
\
footer \{\
    background: #f0f0f0;\
    text-align: center;\
    padding: 20px;\
    margin-top: 50px;\
    color: #666;\
    font-size: 0.9em;\
\}\
\
/* Responsive */\
@media (max-width: 768px) \{\
    header.profile .name h1 \{\
        font-size: 1.8em;\
    \}\
\
    header.profile .title \{\
        font-size: 1.1em;\
    \}\
\
    section h2 \{\
        font-size: 1.5em;\
    \}\
\
    .teaching-card \{\
        padding: 20px;\
    \}\
    \
    .teaching-card h3 \{\
        font-size: 1.15em;\
    \}\
\}}