ont-size: 1.1rem;
}
/* Stats bar */
.stats-bar {
background: white;
padding: 1rem 3rem;
display: flex;
gap: 2rem;
border-bottom: 1px solid #dde5ed;
flex-wrap: wrap;
}
.stat-item {
display: flex;
align-items: center;
gap: 10px;
}
.stat-icon {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
}
.stat-icon.red { background: #fee; color: #e63946; }
.stat-icon.blue { background: #e6f0ff; color: #2b4f72; }
.stat-icon.green { background: #e6f7e6; color: #2e7d32; }
.stat-icon.gold { background: #fff2d9; color: #b8860b; }
.stat-info h3 {
font-size: 1.5rem;
color: #1e3c5c;
line-height: 1.2;
}
.stat-info p {
color: #5f7d9c;
font-size: 0.9rem;
}
/* MAP SECTION */
.map-section {
padding: 2rem 3rem 1rem;
background: white;
}
.map-container {
background: #e9f0f9;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 12px 30px rgba(0,20,40,0.15);
border: 1px solid #cbd6e4;
height: 500px;
position: relative;
}
#map {
width: 100%;
height: 100%;
z-index: 1;
}
.map-overlay {
position: absolute;
bottom: 20px;
right: 20px;
background: white;
padding: 0.5rem 1.2rem;
border-radius: 40px;
font-weight: 600;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
z-index: 10;
border-left: 4px solid #e63946;
}
.map-overlay i {
color: #e63946;
margin-right: 8px;
}
/* Section dividers */
.section-divider {
padding: 2rem 3rem 1rem;
display: flex;
align-items: center;
gap: 15px;
color: #1e3c5c;
}
.divider-line {
flex: 1;
height: 2px;
background: linear-gradient(90deg, #e63946, #2b4f72, #2e7d32, #FFD700);
}
.divider-text {
font-weight: 700;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 1px;
background: #f0f4fa;
padding: 0 20px;
color: #1e3c5c;
}
.divider-text i {
color: #e63946;
margin-right: 8px;
}
/* LIST SECTION */
.list-section {
padding: 1rem 3rem 2rem;
background: #f8fafd;
}
.list-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
flex-wrap: wrap;
gap: 1rem;
}
.list-header h2 {
font-size: 1.8rem;
color: #1e3c5c;
font-weight: 700;
}
.list-header h2 i {
color: #e63946;
margin-right: 10px;
}
.filter-controls {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.filter-btn {
background: white;
border: 1px solid #d0ddee;
color: #1e3c5c;
padding: 0.6rem 1.5rem;
border-radius: 40px;
font-weight: 600;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 8px;
}
.filter-btn i { font-size: 0.8rem; }
.filter-btn.usa { border-left: 4px solid #e63946; }
.filter-btn.europe { border-left: 4px solid #2b4f72; }
.filter-btn.asia { border-left: 4px solid #2e7d32; }
.filter-btn.australia { border-left: 4px solid #FFD700; }
.filter-btn:hover {
background: #f0f5ff;
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.filter-btn.active { background: #1e3c5c; color: white; }
.reset-btn {
background: white;
border: 1px solid #d0ddee;
color: #5f7d9c;
padding: 0.6rem 1.5rem;
border-radius: 40px;
font-weight: 600;
cursor: pointer;
}
.reset-btn:hover { background: #eaeef4; }
.coach-count {
background: #1e3c5c;
color: white;
padding: 0.5rem 1.2rem;
border-radius: 40px;
font-weight: 600;
}
.coach-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 1.2rem;
margin-top: 1.5rem;
}
.coach-card {
background: white;
border-radius: 20px;
padding: 1.2rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
transition: all 0.2s;
border: 1px solid #e2eaf2;
cursor: pointer;
}
.coach-card:hover {
transform: translateY(-4px);
box-shadow: 0 15px 25px rgba(0,20,40,0.1);
}
.coach-card.usa { border-left: 6px solid #e63946; }
.coach-card.europe { border-left: 6px solid #2b4f72; }
.coach-card.asia { border-left: 6px solid #2e7d32; }
.coach-card.australia { border-left: 6px solid #FFD700; }
.coach-card.highlight {
box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.3);
background: #fff9f9;
}
.coach-header {
display: flex;
justify-content: space-between;
align-items: start;
margin-bottom: 0.8rem;
}
.coach-name {
font-weight: 700;
font-size: 1.2rem;
color: #1e3c5c;
}
.region-badge {
padding: 0.2rem 1rem;
border-radius: 30px;
font-size: 0.75rem;
font-weight: 700;
}
.region-badge.usa { background: #fee; color: #e63946; }
.region-badge.europe { background: #e6f0ff; color: #2b4f72; }
.region-badge.asia { background: #e6f7e6; color: #2e7d32; }
.region-badge.australia { background: #fff2d9; color: #b8860b; }
.coach-location {
color: #4f6f8f;
font-size: 0.95rem;
margin-bottom: 0.8rem;
}
.coach-location i {
color: #e63946;
width: 18px;
margin-right: 5px;
}
.coach-tags {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-bottom: 0.8rem;
}
.coach-tag {
background: #f0f5fc;
color: #1e3c5c;
padding: 0.2rem 1rem;
border-radius: 30px;
font-size: 0.75rem;
font-weight: 600;
}
.coach-note {
background: #fff8e7;
color: #8b5a2b;
padding: 0.4rem 1rem;
border-radius: 30px;
font-size: 0.8rem;
display: inline-block;
margin-bottom: 1rem;
}
.coach-footer {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.5rem;
border-top: 1px solid #eef3f8;
padding-top: 0.8rem;
}
.view-profile {
background: transparent;
border: 1px solid #b8cde0;
color: #1e3c5c;
padding: 0.4rem 1.2rem;
border-radius: 30px;
font-size: 0.8rem;
font-weight: 600;
cursor: pointer;
transition: all 0.2s;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 6px;
}
.view-profile:hover {
background: #1e3c5c;
border-color: #1e3c5c;
color: white;
}
.map-link {
color: #4f6f8f;
font-size: 0.75rem;
cursor: pointer;
}
.map-link i { color: #e63946; margin-right: 4px; }
.map-link:hover { color: #e63946; }
/* PATHWAY SECTION */
.pathway-section {
padding: 2rem 3rem;
background: white;
}
.pathway-header {
text-align: center;
margin-bottom: 2.5rem;
}
.pathway-header h2 {
font-size: 2.2rem;
color: #1e3c5c;
margin-bottom: 0.5rem;
}
.pathway-header h2 i {
color: #e63946;
margin-right: 10px;
}
.pathway-header p {
color: #5f7d9c;
font-size: 1.1rem;
max-width: 700px;
margin: 0 auto;
}
.pathway-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
margin-bottom: 2.5rem;
}
.pathway-card {
background: linear-gradient(145deg, #ffffff, #f8fbff);
border-radius: 24px;
padding: 2rem 1.5rem;
box-shadow: 0 15px 30px rgba(0,20,40,0.08);
border: 1px solid #e2eaf2;
transition: all 0.3s;
position: relative;
overflow: hidden;
}
.pathway-card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 40px rgba(0,20,40,0.15);
}
.pathway-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
background: linear-gradient(90deg, #e63946, #2b4f72, #2e7d32, #FFD700);
}
.pathway-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, #fee, #e6f0ff);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
font-size: 1.8rem;
}
.pathway-icon.usa { color: #e63946; }
.pathway-icon.europe { color: #2b4f72; }
.pathway-icon.asia { color: #2e7d32; }
.pathway-icon.australia { color: #FFD700; }
.pathway-card h3 {
font-size: 1.5rem;
color: #1e3c5c;
margin-bottom: 1rem;
}
.pathway-card p {
color: #4f6f8f;
line-height: 1.6;
font-size: 0.95rem;
}
/* PACKAGES SECTION */
.packages-section {
padding: 2rem 3rem 3rem;
background: #f8fafd;
}
.packages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.8rem;
margin-top: 2rem;
}
.package-card {
background: white;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 15px 30px rgba(0,20,40,0.05);
transition: all 0.3s;
border: 1px solid #e2eaf2;
position: relative;
}
.package-card:hover {
transform: translateY(-8px);
box-shadow: 0 25px 40px rgba(0,20,40,0.15);
}
.package-popular {
position: absolute;
top: 20px;
right: 20px;
background: #e63946;
color: white;
padding: 0.3rem 1rem;
border-radius: 30px;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.5px;
z-index: 2;
}
.package-header {
padding: 2rem 1.5rem;
background: linear-gradient(135deg, #1e3c5c, #2b4f72);
color: white;
}
.package-header h3 {
font-size: 1.6rem;
margin-bottom: 0.3rem;
}
.package-header p {
opacity: 0.9;
font-size: 0.9rem;
}
.package-content {
padding: 1.8rem 1.5rem;
}
.package-features {
list-style: none;
margin-bottom: 1.8rem;
}
.package-features li {
padding: 0.5rem 0;
color: #1e3c5c;
display: flex;
align-items: center;
gap: 10px;
font-size: 0.95rem;
border-bottom: 1px solid #eef3f8;
}
.package-features li i {
color: #2e7d32;
font-size: 0.8rem;
width: 18px;
}
.package-features li i.fa-times {
color: #e63946;
}
.package-btn {
width: 100%;
background: transparent;
border: 2px solid #1e3c5c;
color: #1e3c5c;
padding: 0.8rem;
border-radius: 40px;
font-weight: 700;
font-size: 0.9rem;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.package-btn:hover {
background: #1e3c5c;
color: white;
}
/* FOOTER */
.footer {
background: #1e3c5c;
color: white;
padding: 2.5rem 3rem;
border-top: 4px solid #e63946;
}
.footer-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
}
.footer-logo h3 {
font-size: 1.5rem;
margin-bottom: 0.3rem;
}
.footer-logo p {
color: #aaccff;
font-size: 0.9rem;
}
.footer-contact {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
.contact-item {
display: flex;
align-items: center;
gap: 10px;
}
.contact-item i {
color: #e63946;
font-size: 1.2rem;
}
.footer-copyright {
text-align: center;
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid #2b4f72;
color: #aaccff;
font-size: 0.9rem;
}
/* Loading */
.loading {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(30, 60, 92, 0.9);
display: flex;
align-items: center;
justify-content: center;
z-index: 2000;
color: white;
font-size: 1.4rem;
gap: 1rem;
transition: opacity 0.3s;
}
.loading.hidden {
opacity: 0;
pointer-events: none;
}
.spinner {
width: 50px;
height: 50px;
border: 4px solid rgba(255,255,255,0.1);
border-radius: 50%;
border-top: 4px solid #e63946;
border-right: 4px solid #2b4f72;
border-bottom: 4px solid #2e7d32;
border-left: 4px solid #FFD700;
animation: spin 1s linear infinite;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@media (max-width: 1000px) {
.header, .stats-bar, .map-section, .list-section, .pathway-section, .packages-section, .footer {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.pathway-cards {
grid-template-columns: 1fr;
}
.footer-content {
flex-direction: column;
text-align: center;
}
}
Loading College Golf Network…
42 College Golf Specialists Worldwide
π College Golf USA
Full scholarship preparation, NCAA compliance guidance, and college placement support
β³ Professional Development
Tour-ready training, mental coaching, and competitive tournament preparation
π Dual Pathway
Flexible programs that prepare you for both collegiate excellence and professional opportunities
- 12 Virtual Coaching Sessions
- Swing Analysis & Feedback
- Monthly Progress Reports
- College Golf Overview Guide
- Access to Training Portal
- Email Support
MOST POPULAR
- 24 Virtual Coaching Sessions
- 6 In-Person Training Days
- Complete College Recruitment Support
- NCAA Compliance Guidance
- Tournament Strategy Planning
- Mental Performance Coaching
- College Coach Network Access
- Scholarship Application Assistance
- Priority Support (24/7)
- Unlimited Virtual Coaching
- 12 In-Person Training Days
- Pro Tournament Preparation
- Advanced Biomechanics Analysis
- Sports Psychology Sessions
- Nutrition & Fitness Planning
- Equipment Optimization
- Agent & Sponsor Introductions
- Tour Caddie Training
- VIP Support & Concierge
- 18 Virtual Coaching Sessions
- 4 In-Person Training Days
- US College Application Support
- TOEFL/SAT Prep Coordination
- Visa & Immigration Guidance
- Cultural Transition Support
- International Tournament Planning
- Regional Instructor Network
- 3x Weekly Virtual Sessions
- Monthly In-Person Intensives
- Rapid Skill Development Focus
- Daily Practice Plans
- Video Analysis Platform
- Performance Tracking Dashboard
- College or Pro Track Customization
- Parent/Guardian Check-ins
- Complete Skills Evaluation
- College Readiness Assessment
- Personalized Development Plan
- 1-Hour Strategy Consultation
- Recommended Training Pathway
- Video Swing Analysis