*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6}.welcome-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:4rem 0;text-align:center}.hero-container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:1.5rem}.hero-description{font-size:.9375rem;margin-bottom:2rem;opacity:.9}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-btn{display:inline-flex;align-items:center;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.hero-btn-primary{background:#fff;color:#3b82f6}.hero-btn-primary:hover{background:#f3f4f6;transform:translateY(-2px)}.hero-btn-secondary{border-color:#fff;color:#fff}.hero-btn-secondary:hover{background:#fff;color:#3b82f6;transform:translateY(-2px)}.welcome-content h2{font-size:1.5rem;font-weight:700;text-align:center;margin:0;padding:3rem 1rem;color:#1f2937;background:#fff}.welcome-content h2:nth-of-type(2){background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.welcome-content h2:last-of-type{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);color:#7c3aed}.welcome-content>div{max-width:1000px;margin:1rem auto;padding:1rem}.welcome-content h2:first-of-type+div{background:#fff;padding:0 1rem 2rem;max-width:700px;margin:0 auto}.welcome-content h2:nth-of-type(2)+div{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:0 1rem 2rem;max-width:1000px;margin:0 auto}.welcome-content h2:last-of-type+div{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);padding:0 1rem 2rem;max-width:1000px;margin:0 auto}.card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease;position:relative;padding:2rem}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.step-card{border-left:4px solid #3b82f6}.step-badge{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px rgba(59,130,246,.4);z-index:10;border:3px solid #fff}.step-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.step-description{color:#6b7280;font-size:.84375rem;margin-bottom:1.5rem}.step-button{display:inline-block!important;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:600;font-size:.65625rem;border-radius:.5rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3);width:auto!important;max-width:none!important;flex:none!important}.step-button:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:scale(1.05);box-shadow:0 8px 20px rgba(59,130,246,.4)}.step-button i{margin-left:.75rem;transition:transform .3s ease}.step-button:hover i{transform:translateX(.25rem)}.resource-card{position:relative}.resource-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);opacity:.5;z-index:0}.resource-card:not([data-team=true]){border-left:4px solid #8b5cf6;box-shadow:0 4px 6px rgba(139,92,246,.1)}.resource-card:not([data-team=true])::before{background:linear-gradient(135deg,#f3e8ff,#e0e7ff);opacity:.4}.resource-card:not([data-team=true]):hover{box-shadow:0 20px 40px rgba(139,92,246,.15)}.resource-card:not([data-team=true]) .resource-icon{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 4px 12px rgba(139,92,246,.3)}.resource-card:not([data-team=true]) .resource-button{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 4px 12px rgba(139,92,246,.3)}.resource-card:not([data-team=true]) .resource-button:hover{background:linear-gradient(135deg,#7c3aed,#0891b2);box-shadow:0 8px 20px rgba(139,92,246,.4)}.resource-card[data-team=true]{border-left:4px solid #f59e0b;box-shadow:0 4px 6px rgba(245,158,11,.1)}.resource-card[data-team=true]::before{background:linear-gradient(135deg,#fef3c7,#fde68a);opacity:.4}.resource-card[data-team=true]:hover{box-shadow:0 20px 40px rgba(245,158,11,.15)}.resource-content{position:relative;z-index:1}.resource-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.resource-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(34,197,94,.3);margin-right:1rem}.resource-card[data-team=true] .resource-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px rgba(245,158,11,.3);width:2.5rem;height:2.5rem;font-size:1rem}.resource-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.resource-title::after{content:'';display:block;width:3rem;height:.25rem;background:linear-gradient(90deg,#10b981,#059669);border-radius:.125rem;margin-top:.5rem}.resource-count{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(90deg,#dcfce7,#d1fae5);color:#166534;font-size:.875rem;font-weight:700;border-radius:9999px;border:1px solid #bbf7d0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.resource-count i{margin-right:.5rem}.resource-description{color:#6b7280;font-size:.84375rem;margin-bottom:2rem}.resource-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.65625rem;border-radius:.5rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px rgba(16,185,129,.3)}.resource-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05);box-shadow:0 8px 20px rgba(16,185,129,.4)}.resource-card[data-team=true] .resource-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.3);border:none;padding:.5rem 1rem;font-size:.65625rem}.resource-card[data-team=true] .resource-button:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;transform:scale(1.05);box-shadow:0 8px 20px rgba(245,158,11,.4)}.social-media-container{margin-top:1rem}.social-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.25rem;margin-top:1rem}.social-btn{display:flex;flex-direction:column;align-items:center;padding:.375rem .25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;text-decoration:none;color:#374151;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);min-height:45px}.social-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#1f2937}.social-btn i{font-size:.875rem;margin-bottom:.0625rem}.social-btn span{font-weight:600;font-size:.5rem;margin-bottom:.03125rem;text-align:center}.social-btn small{font-size:.375rem;color:#6b7280;text-align:center;line-height:1}.social-email{border-color:#dc2626}.social-email:hover{background:#fef2f2;border-color:#dc2626}.social-email i{color:#dc2626}.social-twitter{border-color:#1da1f2}.social-twitter:hover{background:#f0f9ff;border-color:#1da1f2}.social-twitter i{color:#1da1f2}.social-slack{border-color:#4a154b}.social-slack:hover{background:#faf5ff;border-color:#4a154b}.social-slack i{color:#4a154b}.social-instagram{border-color:#e4405f}.social-instagram:hover{background:#fef2f2;border-color:#e4405f}.social-instagram i{color:#e4405f}.social-facebook{border-color:#1877f2}.social-facebook:hover{background:#f0f9ff;border-color:#1877f2}.social-facebook i{color:#1877f2}.social-osf{border-color:#8b5cf6}.social-osf:hover{background:#faf5ff;border-color:#8b5cf6}.social-osf i{color:#8b5cf6}.social-linkedin{border-color:#0077b5}.social-linkedin:hover{background:#f0f9ff;border-color:#0077b5}.social-linkedin i{color:#0077b5}.social-youtube{border-color:red}.social-youtube:hover{background:#fef2f2;border-color:red}.social-youtube i{color:red}.resource-button i{margin-left:.75rem;transition:transform .3s ease}.resource-button:hover i{transform:translateX(.25rem)}.community-section{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:4rem 0;text-align:center}.community-container{max-width:800px;margin:0 auto;padding:0 1rem}.community-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.community-description{font-size:.9375rem;margin-bottom:2rem;opacity:.9}.community-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.community-btn{display:inline-flex;align-items:center;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid #fff;color:#fff}.community-btn:hover{background:#fff;color:#3b82f6;transform:translateY(-2px)}@media(max-width:768px){.welcome-content>div{margin:.5rem;padding:.5rem}.hero-title{font-size:1.5rem}.hero-description{font-size:.84375rem}.welcome-content h2{font-size:1.3125rem;padding:2rem 1rem}.welcome-content h2:first-of-type+div,.welcome-content h2:last-of-type+div{padding:0 1rem 2rem}.hero-buttons,.community-buttons{flex-direction:column;align-items:center}.hero-btn,.community-btn{width:100%;max-width:300px;justify-content:center}.step-button{width:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#3b82f6,#8b5cf6);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#2563eb,#7c3aed)}