.beginners-guide-page{background:linear-gradient(135deg,#e3f2fd,#bbdefb 50%,#90caf9);min-height:100vh;padding-top:280px}.beginners-guide-page .top-bar{padding:6px 0!important}.beginners-guide-page .main-nav,.beginners-guide-page .navigation{padding:10px 0!important}.beginners-guide-page .container{margin:0 auto;max-width:1200px;padding:1rem}.page-header{color:#1565c0;margin-bottom:3rem;text-align:center}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-header p{font-size:1.2rem;opacity:.8}.progress-section{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:2rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-header h3{color:#1565c0;font-size:1.4rem;font-weight:600;margin:0}.progress-text{color:#666;font-weight:500}.progress-bar{background:#1565c01a;border-radius:6px;height:12px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#2196f3,#1565c0);border-radius:6px;height:100%;transition:width .3s ease}.progress-percentage{color:#1565c0;font-size:1.1rem;font-weight:600;text-align:right}.lessons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.lesson-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:4px solid #2196f3;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem;transition:all .3s ease}.lesson-card:hover{transform:translateY(-5px)}.lesson-card.completed{background:#4caf500d;border-left-color:#4caf50}.lesson-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.lesson-number{background:linear-gradient(135deg,#2196f3,#1565c0);color:#fff}.lesson-level,.lesson-number{border-radius:15px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.lesson-level{background:#2196f31a;color:#1565c0}.lesson-duration{color:#666;font-size:.9rem;font-weight:500}.lesson-title{color:#1565c0;font-size:1.4rem;font-weight:700;margin:0 0 1rem}.lesson-description{color:#555;line-height:1.6;margin-bottom:1.5rem}.lesson-topics{margin-bottom:2rem}.lesson-topics h4{color:#1565c0;font-size:1rem;font-weight:600;margin:0 0 .5rem}.lesson-topics ul{list-style:none;margin:0;padding:0}.lesson-topics li{border-bottom:1px solid #2196f31a;color:#555;padding:.25rem 0 .25rem 1rem;position:relative}.lesson-topics li:before{color:#2196f3;content:"•";font-weight:700;left:0;position:absolute}.lesson-topics li:last-child{border-bottom:none}.lesson-actions{display:flex;flex-wrap:wrap;gap:1rem}.start-lesson-btn{background:linear-gradient(135deg,#2196f3,#1565c0);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.start-lesson-btn:hover{box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}.complete-btn{background:#0000;border:2px solid #ddd;border-radius:12px;color:#666;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.complete-btn.completed{background:#4caf50;border-color:#4caf50;color:#fff}.complete-btn:hover{transform:translateY(-2px)}.learning-resources{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:2rem}.learning-resources h2{color:#1565c0;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.resource-card{background:#2196f31a;border-left:4px solid #2196f3;border-radius:12px;padding:1.5rem}.resource-card h3{color:#1565c0;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.resource-card p{color:#555;margin-bottom:1rem}.resource-card ul{list-style:none;margin:0;padding:0}.resource-card li{border-bottom:1px solid #2196f31a;color:#555;padding:.25rem 0}.resource-card li:last-child{border-bottom:none}.next-steps{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:2rem}.next-steps h2{color:#1565c0;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.next-steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.next-step-card{background:#2196f30d;border:2px solid #2196f31a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.next-step-card:hover{border-color:#2196f3;transform:translateY(-5px)}.next-step-card h3{color:#1565c0;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.next-step-card p{color:#555;margin-bottom:1.5rem}.next-step-btn{background:linear-gradient(135deg,#2196f3,#1565c0);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.next-step-btn:hover{box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}.study-tips{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem}.study-tips h2{color:#1565c0;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#2196f30d;border:2px solid #2196f31a;border-radius:12px;padding:1.5rem;text-align:center}.tip-icon{font-size:2rem;margin-bottom:1rem}.tip-card h4{color:#1565c0;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.tip-card p{color:#555;line-height:1.5;margin:0}@media (max-width:768px){.page-header h1{font-size:2rem}.lessons-grid,.next-steps-grid,.resources-grid,.tips-grid{grid-template-columns:1fr}.lesson-actions,.progress-header{flex-direction:column}.progress-header{gap:.5rem;text-align:center}}