/** * YAWC Homepage Styles * * Dynamic, impressive homepage design */.yawc-homepage{overflow-x:hidden;}.yawc-container{max-width:1200px;margin:0 auto;padding:0 2rem;}.yawc-section-header{text-align:center;margin-bottom:3rem;animation:fadeInUp 0.8s ease-out;}.yawc-section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.yawc-section-subtitle{font-size:1.2rem;color:#595959; max-width:600px;margin:0 auto;}.yawc-section-footer{text-align:center;margin-top:3rem;}.yawc-stats-section{padding:4rem 0;background:linear-gradient(135deg, #667eea15 0%, #764ba215 100%);margin:2rem 0;}.yawc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;max-width:1000px;margin:0 auto;}.yawc-stat-card{text-align:center;padding:2rem;background:white;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;animation:fadeInUp 0.8s ease-out;}.yawc-stat-card:hover{transform:translateY(-10px);box-shadow:0 8px 30px rgba(102, 126, 234, 0.2);}.yawc-stat-number{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem;}.yawc-stat-label{font-size:1.1rem;color:#595959; font-weight:600;text-transform:uppercase;letter-spacing:1px;}.yawc-features-section{padding:5rem 0;}.yawc-prompts-section{padding:5rem 0;background:#f8f9fa;}.yawc-prompts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem;}.yawc-prompt-card{background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;border-left:4px solid #667eea;animation:fadeInUp 0.8s ease-out;}.yawc-prompt-card:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(102, 126, 234, 0.15);}.yawc-prompt-card h3{margin-bottom:1rem;font-size:1.3rem;}.yawc-prompt-card h3 a{color:#333;text-decoration:none;transition:color 0.2s ease;}.yawc-prompt-card h3 a:hover{color:#667eea;}.yawc-prompt-card p{color:#595959; line-height:1.6;margin-bottom:1rem;}.yawc-prompt-meta-small{margin-bottom:1rem;}.yawc-badge{display:inline-block;padding:0.25rem 0.75rem;background:#667eea;color:white;border-radius:20px;font-size:0.85rem;font-weight:600;margin-right:0.5rem;}.yawc-prompt-link{color:#667eea;font-weight:600;text-decoration:none;transition:all 0.2s ease;}.yawc-prompt-link:hover{color:#764ba2;text-decoration:underline;}.yawc-cheatsheets-section{padding:5rem 0;}.yawc-cheatsheets-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:2rem;}.yawc-cheatsheet-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;animation:fadeInUp 0.8s ease-out;}.yawc-cheatsheet-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,0.12);}.yawc-cheatsheet-thumbnail{height:200px;overflow:hidden;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);}.yawc-cheatsheet-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.yawc-cheatsheet-card:hover .yawc-cheatsheet-thumbnail img{transform:scale(1.1);}.yawc-cheatsheet-content{padding:1.5rem;}.yawc-cheatsheet-content h3{margin-bottom:1rem;font-size:1.2rem;}.yawc-cheatsheet-content h3 a{color:#333;text-decoration:none;transition:color 0.2s ease;}.yawc-cheatsheet-content h3 a:hover{color:#667eea;}.yawc-tech-badges{margin-bottom:1rem;}.yawc-cheatsheet-link{color:#667eea;font-weight:600;text-decoration:none;transition:all 0.2s ease;}.yawc-cheatsheet-link:hover{color:#764ba2;}.yawc-learning-section{padding:5rem 0;background:#f8f9fa;}.yawc-learning-paths-list{display:flex;flex-direction:column;gap:2rem;}.yawc-learning-path-item{display:grid;grid-template-columns:300px 1fr;gap:2rem;background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;animation:fadeInUp 0.8s ease-out;}.yawc-learning-path-item:hover{transform:translateX(10px);box-shadow:0 6px 30px rgba(102, 126, 234, 0.15);}.yawc-path-thumbnail{border-radius:12px;overflow:hidden;height:200px;}.yawc-path-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.yawc-learning-path-item:hover .yawc-path-thumbnail img{transform:scale(1.05);}.yawc-path-info h3{margin-bottom:1rem;font-size:1.8rem;}.yawc-path-info h3 a{color:#333;text-decoration:none;transition:color 0.2s ease;}.yawc-path-info h3 a:hover{color:#667eea;}.yawc-path-info p{color:#595959; line-height:1.7;margin-bottom:1.5rem;}.yawc-path-meta{display:flex;gap:2rem;margin-bottom:1.5rem;}.yawc-meta-item{display:flex;align-items:center;gap:0.5rem;color:#595959; font-weight:600;}.yawc-tools-section{padding:5rem 0;background:linear-gradient(135deg, #667eea05 0%, #764ba205 100%);}.yawc-tools-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:2rem;}.yawc-tool-feature-card{background:white;padding:2.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;border-top:4px solid #667eea;animation:fadeInUp 0.8s ease-out;}.yawc-tool-feature-card:hover{transform:translateY(-10px);box-shadow:0 8px 35px rgba(102, 126, 234, 0.2);border-top-color:#764ba2;}.yawc-tool-icon{font-size:4rem;margin-bottom:1.5rem;display:block;}.yawc-tool-feature-card h3{font-size:1.4rem;margin-bottom:1rem;color:#333;}.yawc-tool-feature-card p{color:#595959; line-height:1.6;margin-bottom:1.5rem;}.yawc-tool-link{display:inline-block;padding:0.75rem 1.5rem;min-height:44px; line-height:1.4;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:50px;text-decoration:none;font-weight:700;transition:all 0.3s ease;}.yawc-tool-link:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(102, 126, 234, 0.4);color:white;}.yawc-blog-section{padding:5rem 0;}.yawc-blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2rem;}.yawc-blog-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;animation:fadeInUp 0.8s ease-out;}.yawc-blog-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px rgba(0,0,0,0.15);}.yawc-blog-thumbnail{height:220px;overflow:hidden;background:#f0f0f0;}.yawc-blog-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.yawc-blog-card:hover .yawc-blog-thumbnail img{transform:scale(1.1);}.yawc-blog-content{padding:1.5rem;}.yawc-blog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;}.yawc-category-badge{display:inline-block;padding:0.25rem 0.75rem;border-radius:20px;color:white;font-size:0.8rem;font-weight:700;text-transform:uppercase;}.yawc-blog-date{color:#757575; font-size:0.9rem;}.yawc-blog-title{font-size:1.3rem;margin-bottom:1rem;}.yawc-blog-title a{color:#333;text-decoration:none;transition:color 0.2s ease;}.yawc-blog-title a:hover{color:#667eea;}.yawc-blog-excerpt{color:#595959; line-height:1.6;margin-bottom:1rem;}.yawc-blog-read-more{color:#667eea;font-weight:600;text-decoration:none;transition:all 0.2s ease;}.yawc-blog-read-more:hover{color:#764ba2;text-decoration:underline;}.yawc-newsletter-section{padding:5rem 0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;margin-top:4rem;}.yawc-newsletter-box{background:rgba(255,255,255,0.1);border-radius:20px;padding:3rem;backdrop-filter:blur(10px);display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}.yawc-newsletter-content h2{font-size:2.5rem;margin-bottom:1rem;color:white;}.yawc-newsletter-content p{font-size:1.1rem;opacity:0.95;line-height:1.6;}.yawc-subscribe-form{display:flex;gap:1rem;}.yawc-newsletter-input{flex:1;padding:1rem 1.5rem;min-height:48px; line-height:1.4;border:2px solid rgba(255,255,255,0.3);border-radius:50px;background:rgba(255,255,255,0.2);color:white;font-size:1rem;transition:all 0.3s ease;}.yawc-newsletter-input::placeholder{color:rgba(255,255,255,0.7);}.yawc-newsletter-input:focus{outline:none;background:rgba(255,255,255,0.3);border-color:white;}.yawc-newsletter-note{margin-top:0.5rem;font-size:0.85rem;opacity:0.8;}.yawc-btn-primary{display:inline-block;padding:1rem 2rem;min-height:44px; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:50px;text-decoration:none;font-weight:700;font-size:1rem;line-height:1.4;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px rgba(102, 126, 234, 0.4);}.yawc-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px rgba(102, 126, 234, 0.6);color:white;}.yawc-btn-large{padding:1.25rem 2.5rem;font-size:1.1rem;min-height:48px;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);} to{opacity:1;transform:translateY(0);}@keyframes fadeIn{from{opacity:0;} to{opacity:1;}.yawc-animate-on-scroll{opacity:0;animation:fadeInUp 0.8s ease-out forwards;}.yawc-prompts-grid .yawc-prompt-card:nth-child(1){animation-delay:0.1s;}.yawc-prompts-grid .yawc-prompt-card:nth-child(2){animation-delay:0.2s;}.yawc-prompts-grid .yawc-prompt-card:nth-child(3){animation-delay:0.3s;}.yawc-prompts-grid .yawc-prompt-card:nth-child(4){animation-delay:0.4s;}.yawc-prompts-grid .yawc-prompt-card:nth-child(5){animation-delay:0.5s;}.yawc-prompts-grid .yawc-prompt-card:nth-child(6){animation-delay:0.6s;}.yawc-stats-grid .yawc-stat-card:nth-child(1){animation-delay:0.1s;}.yawc-stats-grid .yawc-stat-card:nth-child(2){animation-delay:0.2s;}.yawc-stats-grid .yawc-stat-card:nth-child(3){animation-delay:0.3s;}.yawc-stats-grid .yawc-stat-card:nth-child(4){animation-delay:0.4s;}@media (max-width:1024px){.yawc-learning-path-item{grid-template-columns:1fr;} .yawc-newsletter-box{grid-template-columns:1fr;}@media (max-width:768px){.yawc-section-title{font-size:2rem;} .yawc-section-subtitle{font-size:1rem;} .yawc-stat-number{font-size:2.5rem;} .yawc-newsletter-box{padding:2rem;} .yawc-newsletter-content h2{font-size:1.875rem;} .yawc-subscribe-form{flex-direction:column;} .yawc-prompts-grid, .yawc-cheatsheets-grid, .yawc-tools-grid, .yawc-blog-grid{grid-template-columns:1fr;} .yawc-stats-grid{grid-template-columns:repeat(2, 1fr);}@media (max-width:480px){.yawc-container{padding:0 1rem;} .yawc-stats-grid{grid-template-columns:1fr;}@media (max-width:360px){.yawc-section-title{font-size:1.75rem;} .yawc-section-subtitle{font-size:0.95rem;} .yawc-stat-number{font-size:2.25rem;} .yawc-stat-label{font-size:0.95rem;} .yawc-btn-primary{padding:0.875rem 1.75rem;font-size:0.95rem;} .yawc-newsletter-content h2{font-size:1.5rem;} .yawc-tool-icon{font-size:3rem;} .yawc-tool-feature-card h3{font-size:1.2rem;} .yawc-blog-title{font-size:1.15rem;}@media (prefers-reduced-motion:reduce){*, *::before, *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}  .yawc-stat-card:hover, .yawc-prompt-card:hover, .yawc-cheatsheet-card:hover, .yawc-blog-card:hover, .yawc-tool-feature-card:hover, .yawc-learning-path-item:hover{transform:none !important;} .yawc-btn-primary:hover{transform:none !important;} .yawc-dark-mode-toggle:hover{transform:none !important;}.dark-mode .yawc-stat-card,.dark-mode .yawc-prompt-card,.dark-mode .yawc-cheatsheet-card,.dark-mode .yawc-tool-feature-card,.dark-mode .yawc-blog-card,.dark-mode .yawc-learning-path-item{background:#2d2d2d;color:#e0e0e0;}.dark-mode .yawc-prompt-card h3 a,.dark-mode .yawc-cheatsheet-content h3 a,.dark-mode .yawc-blog-title a,.dark-mode .yawc-path-info h3 a,.dark-mode .yawc-tool-feature-card h3{color:#e0e0e0;}.dark-mode .yawc-prompts-section,.dark-mode .yawc-learning-section{background:#1a1a1a;}.dark-mode .yawc-newsletter-input{color:white;}