.header{background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000080;border-bottom:1px solid rgba(0,255,255,.1);position:sticky;top:0;z-index:1000;padding:20px 0}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.logo{font-size:1.8rem;color:#0ff;margin:0;text-shadow:0 0 10px rgba(0,255,255,.5)}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav button{background:transparent;border:1px solid #00ffff;color:#0ff;padding:10px 20px;border-radius:5px;font-size:1rem;font-weight:600;transition:all .3s ease}.nav button:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px)}.nav button.active{background:#0ff;color:#0a0e27;box-shadow:0 0 20px #00ffff80}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.logo{font-size:1.5rem}.nav{justify-content:center}.nav button{padding:8px 15px;font-size:.9rem}}.theme-toggle{background:transparent;border:1px solid #00ffff;color:#0ff;padding:10px 15px;border-radius:5px;font-size:1.2rem;transition:all .3s ease}.theme-toggle:hover{background:#00ffff1a;box-shadow:0 0 15px #00ffff4d;transform:translateY(-2px) rotate(20deg)}body.light-mode .header{background:#fffffff2;border-bottom:1px solid rgba(0,123,255,.2)}body.light-mode .logo{color:#007bff;text-shadow:0 0 10px rgba(0,123,255,.3)}body.light-mode .nav button{border-color:#007bff;color:#007bff}body.light-mode .nav button:hover{background:#007bff1a;box-shadow:0 0 15px #007bff4d}body.light-mode .nav button.active{background:#007bff;color:#fff;box-shadow:0 0 20px #007bff80}body.light-mode .theme-toggle{border-color:#007bff;color:#007bff}body.light-mode .theme-toggle:hover{background:#007bff1a;box-shadow:0 0 15px #007bff4d}.introduction{background:#1a1f3a;border-radius:10px;padding:50px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(0,255,255,.1)}.intro-hero{text-align:center;margin-bottom:50px}.section-title{font-size:2.5rem;color:#0ff;margin-bottom:15px;text-shadow:0 0 20px rgba(0,255,255,.5)}.intro-subtitle{font-size:1.3rem;color:#a0aec0}.intro-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}.intro-card{background:linear-gradient(135deg,#1e2642,#2d3561);padding:30px;border-radius:10px;text-align:center;transition:all .3s ease;border:1px solid rgba(0,255,255,.1)}.intro-card:hover{transform:translateY(-10px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.card-icon{font-size:3rem;margin-bottom:15px}.intro-card h3{color:#0ff;font-size:1.5rem;margin-bottom:15px}.intro-card p{color:#cbd5e0;line-height:1.8}.intro-features{background:linear-gradient(135deg,#0f4c75,#1b262c);padding:40px;border-radius:10px;color:#fff;border:1px solid rgba(0,255,255,.2)}.features-title{font-size:1.8rem;margin-bottom:25px;text-align:center}.features-list{list-style:none;font-size:1.2rem;max-width:600px;margin:0 auto}.features-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:10px}.features-list li:last-child{border-bottom:none}body.light-mode .features-list li{border-bottom:1px solid rgba(255,255,255,.3)}@media (max-width: 768px){.introduction{padding:30px 20px}.section-title{font-size:2rem}.intro-subtitle{font-size:1.1rem}.intro-content{grid-template-columns:1fr}.features-list{font-size:1rem}}body.light-mode .introduction{background:#fff;border:1px solid rgba(0,123,255,.2)}body.light-mode .section-title{color:#007bff;text-shadow:0 0 20px rgba(0,123,255,.3)}body.light-mode .intro-subtitle{color:#4a5568}body.light-mode .intro-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(0,123,255,.2)}body.light-mode .intro-card:hover{border-color:#007bff;box-shadow:0 10px 30px #007bff4d}body.light-mode .intro-card h3{color:#007bff}body.light-mode .intro-card p{color:#2d3748}body.light-mode .intro-features{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}.robot-info{background:#1a1f3a;border-radius:10px;padding:50px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(0,255,255,.1)}.robot-main{margin-bottom:50px}.robot-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.robot-image-container{position:relative}.robot-image{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px #00ffff4d;border:2px solid rgba(0,255,255,.2)}.image-caption{text-align:center;margin-top:15px;color:#a0aec0;font-size:.9rem;font-style:italic}.robot-placeholder{width:100%;background:linear-gradient(135deg,#1e2642,#2d3561);border-radius:10px;border:2px dashed rgba(0,255,255,.3);padding:60px 20px;text-align:center}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:15px}.placeholder-icon{font-size:5rem;opacity:.5}.placeholder-content p{color:#0ff;font-size:1.2rem;margin:0}.placeholder-note{color:#a0aec0!important;font-size:.9rem!important;font-style:italic}.robot-description h3{color:#0ff;font-size:1.8rem;margin-bottom:20px;text-shadow:0 0 15px rgba(0,255,255,.5)}.robot-description p{color:#cbd5e0;line-height:1.8;margin-bottom:30px;font-size:1.1rem}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spec-item{background:linear-gradient(135deg,#1e2642,#2d3561);padding:20px;border-radius:10px;display:flex;align-items:center;gap:15px;border:1px solid rgba(0,255,255,.1);transition:all .3s ease}.spec-item:hover{border-color:#0ff;box-shadow:0 5px 20px #0ff3}.spec-icon{font-size:2rem}.spec-item strong{color:#0ff;display:block;margin-bottom:5px;font-size:1rem}.spec-item p{color:#a0aec0;margin:0;font-size:.9rem}.robot-features{margin-bottom:50px}.robot-features h3{color:#0ff;font-size:2rem;margin-bottom:30px;text-align:center;text-shadow:0 0 20px rgba(0,255,255,.5)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.feature-item{background:linear-gradient(135deg,#1e2642,#2d3561);padding:30px;border-radius:10px;text-align:center;border:1px solid rgba(0,255,255,.1);transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.feature-emoji{font-size:3rem;display:block;margin-bottom:15px}.feature-item h4{color:#0ff;font-size:1.3rem;margin-bottom:10px}.feature-item p{color:#cbd5e0;line-height:1.6}.why-epuck{background:linear-gradient(135deg,#0f4c75,#1b262c);padding:40px;border-radius:10px;border:1px solid rgba(0,255,255,.2)}.why-epuck h3{color:#0ff;font-size:1.8rem;margin-bottom:25px;text-align:center}.advantages-list{list-style:none;font-size:1.2rem;max-width:700px;margin:0 auto;color:#fff}.advantages-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.advantages-list li:last-child{border-bottom:none}body.light-mode .advantages-list li{border-bottom:1px solid rgba(255,255,255,.3)}@media (max-width: 968px){.robot-images-grid,.specs-grid,.features-grid{grid-template-columns:1fr}}@media (max-width: 768px){.robot-info{padding:30px 20px}}body.light-mode .robot-info{background:#fff;border:1px solid rgba(0,123,255,.2)}body.light-mode .robot-description h3,body.light-mode .robot-features h3,body.light-mode .why-epuck h3{color:#007bff;text-shadow:0 0 15px rgba(0,123,255,.3)}body.light-mode .robot-description p{color:#2d3748}body.light-mode .spec-item,body.light-mode .feature-item{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(0,123,255,.2)}body.light-mode .spec-item:hover,body.light-mode .feature-item:hover{border-color:#007bff;box-shadow:0 5px 20px #007bff4d}body.light-mode .spec-item strong,body.light-mode .feature-item h4{color:#007bff}body.light-mode .spec-item p,body.light-mode .feature-item p{color:#4a5568}body.light-mode .why-epuck{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}body.light-mode .robot-image{border:2px solid rgba(0,123,255,.3);box-shadow:0 10px 30px #007bff4d}body.light-mode .image-caption{color:#4a5568}.libraries{background:#1a1f3a;border-radius:10px;padding:50px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(0,255,255,.1)}.library-card{background:linear-gradient(135deg,#0f4c75,#1b262c);color:#fff;padding:40px;border-radius:10px;margin-bottom:40px;border:1px solid rgba(0,255,255,.2)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.library-header h3{font-size:2rem;margin:0}.library-badge{background:#fff3;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600}.library-description{font-size:1.1rem;line-height:1.8;margin-bottom:30px}.import-section h4{font-size:1.3rem;margin-bottom:15px}.code-block{background:#0003;padding:20px;border-radius:10px;overflow-x:auto;direction:ltr;text-align:left}.code-block code{color:gold;font-size:1.1rem}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px}.component-card{background:linear-gradient(135deg,#1e2642,#2d3561);padding:30px;border-radius:10px;text-align:center;transition:all .3s ease;border:1px solid rgba(0,255,255,.1)}.component-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.component-icon{font-size:3rem;margin-bottom:15px}.component-card h4{color:#0ff;font-size:1.3rem;margin-bottom:10px}.component-card p{color:#cbd5e0;margin-bottom:15px;line-height:1.6}.mini-code{background:#00ffff1a;padding:10px;border-radius:5px;font-size:.9rem;overflow-x:auto;direction:ltr;text-align:left;color:#0ff;border:1px solid rgba(0,255,255,.2)}.workflow-section{background:linear-gradient(135deg,#0f4c75,#1b262c);padding:40px;border-radius:10px;color:#fff;border:1px solid rgba(0,255,255,.2)}.workflow-section h3{font-size:2rem;text-align:center;margin-bottom:40px}.workflow-steps{max-width:600px;margin:0 auto}.workflow-step{background:#fff3;padding:25px;border-radius:15px;display:flex;align-items:center;gap:20px}.step-number{background:#0ff;color:#0a0e27;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 0 20px #00ffff80}.step-content h4{font-size:1.3rem;margin-bottom:5px}.step-content p{font-size:1rem;opacity:.9}.workflow-arrow{text-align:center;font-size:2rem;margin:15px 0}@media (max-width: 768px){.libraries{padding:30px 20px}.library-card{padding:25px}.library-header{flex-direction:column;align-items:flex-start}.components-grid{grid-template-columns:1fr}.workflow-step{flex-direction:column;text-align:center}}body.light-mode .libraries{background:#fff;border:1px solid rgba(0,123,255,.2)}body.light-mode .library-card{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}body.light-mode .component-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(0,123,255,.2)}body.light-mode .component-card:hover{border-color:#007bff;box-shadow:0 10px 30px #007bff4d}body.light-mode .component-card h4{color:#007bff}body.light-mode .component-card p{color:#2d3748}body.light-mode .mini-code{background:#007bff1a;color:#007bff;border:1px solid rgba(0,123,255,.3)}body.light-mode .workflow-section{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}body.light-mode .step-number{background:#fff;color:#007bff;box-shadow:0 0 20px #ffffff80}.code-example{background:#1a1f3a;border-radius:10px;padding:50px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(0,255,255,.1)}.code-description{background:linear-gradient(135deg,#0f4c75,#1b262c);color:#fff;padding:30px;border-radius:10px;margin-bottom:30px;text-align:center;border:1px solid rgba(0,255,255,.2)}.code-description p{font-size:1.2rem;line-height:1.8;margin:0}.code-container{margin-bottom:40px;overflow-x:auto}.code-explanation{margin-top:40px}.code-explanation h3{font-size:2rem;color:#0ff;margin-bottom:30px;text-align:center;text-shadow:0 0 20px rgba(0,255,255,.5)}.explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.explanation-card{background:linear-gradient(135deg,#1e2642,#2d3561);padding:30px;border-radius:10px;transition:all .3s ease;border:1px solid rgba(0,255,255,.1)}.explanation-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.explanation-card h4{color:#0ff;font-size:1.3rem;margin-bottom:15px}.explanation-card p{color:#cbd5e0;line-height:1.7}@media (max-width: 768px){.code-example{padding:30px 20px}.code-description p{font-size:1rem}.explanation-grid{grid-template-columns:1fr}}body.light-mode .code-example{background:#fff;border:1px solid rgba(0,123,255,.2)}body.light-mode .code-description{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}body.light-mode .code-explanation h3{color:#007bff;text-shadow:0 0 20px rgba(0,123,255,.3)}body.light-mode .explanation-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(0,123,255,.2)}body.light-mode .explanation-card:hover{border-color:#007bff;box-shadow:0 10px 30px #007bff4d}body.light-mode .explanation-card h4{color:#007bff}body.light-mode .explanation-card p{color:#2d3748}.code-header{background:#1e1e1e;padding:15px 25px;border-radius:15px 15px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,255,.2)}body.light-mode .code-header{background:#f5f5f5;border-bottom:1px solid rgba(0,123,255,.2)}.code-title{color:#0ff;font-family:Courier New,monospace;font-size:1rem;font-weight:600}body.light-mode .code-title{color:#007bff}.copy-button{background:#00ffff1a;border:1px solid #00ffff;color:#0ff;padding:8px 16px;border-radius:5px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Segoe UI,sans-serif}.copy-button:hover{background:#0ff3;box-shadow:0 0 10px #00ffff4d;transform:translateY(-2px)}.copy-button.copied{background:#10b98133;border-color:#10b981;color:#10b981}body.light-mode .copy-button{background:#007bff1a;border-color:#007bff;color:#007bff}body.light-mode .copy-button:hover{background:#007bff33;box-shadow:0 0 10px #007bff4d}body.light-mode .copy-button.copied{background:#4caf5033;border-color:#4caf50;color:#4caf50}.code-container{margin-bottom:40px;overflow:hidden;border-radius:15px}.video-section{background:#1a1f3a;border-radius:10px;padding:50px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(0,255,255,.1)}.video-description{background:linear-gradient(135deg,#0f4c75,#1b262c);color:#fff;padding:30px;border-radius:10px;margin-bottom:40px;text-align:center;border:1px solid rgba(0,255,255,.2)}.video-description p{font-size:1.2rem;line-height:1.8;margin:0}.video-container{margin:0 auto 40px;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0ff3;border:2px solid rgba(0,255,255,.3);max-width:800px}.robot-video{width:100%;height:auto;display:block}.video-notes h3{font-size:2rem;color:#0ff;margin-bottom:30px;text-align:center;text-shadow:0 0 20px rgba(0,255,255,.5)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.note-card{background:linear-gradient(135deg,#1e2642,#2d3561);padding:30px;border-radius:10px;text-align:center;transition:all .3s ease;border:1px solid rgba(0,255,255,.1)}.note-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.note-icon{font-size:3rem;display:block;margin-bottom:15px}.note-card h4{color:#0ff;font-size:1.3rem;margin-bottom:10px}.note-card p{color:#cbd5e0;line-height:1.7}@media (max-width: 768px){.video-section{padding:30px 20px}.video-description p{font-size:1rem}.notes-grid{grid-template-columns:1fr}}body.light-mode .video-section{background:#fff;border:1px solid rgba(0,123,255,.2)}body.light-mode .video-description{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}body.light-mode .video-notes h3{color:#007bff;text-shadow:0 0 20px rgba(0,123,255,.3)}body.light-mode .video-container{border:2px solid rgba(0,123,255,.3);box-shadow:0 10px 30px #007bff4d}body.light-mode .note-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(0,123,255,.2)}body.light-mode .note-card:hover{border-color:#007bff;box-shadow:0 10px 30px #007bff4d}body.light-mode .note-card h4{color:#007bff}body.light-mode .note-card p{color:#2d3748}.challenge{background:#1a1f3a;border-radius:10px;padding:50px;box-shadow:0 10px 40px #00000080;border:1px solid rgba(0,255,255,.1)}.challenge-intro{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:30px;border-radius:10px;margin-bottom:40px;text-align:center;border:1px solid rgba(239,68,68,.3)}.challenge-intro p{font-size:1.2rem;line-height:1.8;margin:0}.challenge-objectives{margin-bottom:50px}.challenge-objectives h3{font-size:2rem;color:#ef4444;margin-bottom:30px;text-align:center}.objectives-list{max-width:700px;margin:0 auto}.objective-item{background:linear-gradient(135deg,#1e2642,#2d3561);padding:25px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:20px;border:1px solid rgba(239,68,68,.2)}.objective-number{background:#ef4444;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 0 20px #ef444480}.objective-content h4{color:#ef4444;font-size:1.3rem;margin-bottom:5px}.objective-content p{color:#cbd5e0;font-size:1rem}.challenge-hints{margin-bottom:50px}.challenge-hints h3{font-size:2rem;color:#0ff;margin-bottom:30px;text-align:center;text-shadow:0 0 20px rgba(0,255,255,.5)}.hints-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.hint-card{background:linear-gradient(135deg,#1e2642,#2d3561);padding:30px;border-radius:10px;transition:all .3s ease;border:1px solid rgba(0,255,255,.1)}.hint-card:hover{transform:translateY(-5px);border-color:#0ff;box-shadow:0 10px 30px #0ff3}.hint-icon{font-size:3rem;display:block;margin-bottom:15px}.hint-card h4{color:#0ff;font-size:1.3rem;margin-bottom:10px}.hint-card p{color:#cbd5e0;line-height:1.7}.challenge-bonus{background:linear-gradient(135deg,#0f4c75,#1b262c);color:#fff;padding:40px;border-radius:10px;margin-bottom:40px;border:1px solid rgba(0,255,255,.2)}.challenge-bonus h3{font-size:1.8rem;margin-bottom:20px;text-align:center}.bonus-list{list-style:none;font-size:1.1rem;max-width:600px;margin:0 auto}.bonus-list li{padding:12px 0}.challenge-cta{text-align:center}.cta-text{font-size:1.3rem;color:#0ff;font-weight:700;margin-bottom:20px;text-shadow:0 0 15px rgba(0,255,255,.5)}.success-message{background:linear-gradient(135deg,#059669,#047857);padding:25px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:15px;max-width:700px;margin:0 auto;border:1px solid rgba(16,185,129,.3)}.success-icon{font-size:2rem}.success-message p{color:#fff;font-size:1.1rem;margin:0}@media (max-width: 768px){.challenge{padding:30px 20px}.challenge-intro p{font-size:1rem}.objective-item{flex-direction:column;text-align:center}.hints-grid{grid-template-columns:1fr}.success-message{flex-direction:column}}body.light-mode .challenge{background:#fff;border:1px solid rgba(0,123,255,.2)}body.light-mode .challenge-intro{background:linear-gradient(135deg,#f44336,#c62828);border:1px solid rgba(244,67,54,.3)}body.light-mode .challenge-objectives h3{color:#f44336}body.light-mode .objective-item{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(244,67,54,.2)}body.light-mode .objective-number{background:#f44336;box-shadow:0 0 20px #f4433680}body.light-mode .objective-content h4{color:#f44336}body.light-mode .objective-content p{color:#2d3748}body.light-mode .challenge-hints h3{color:#007bff;text-shadow:0 0 20px rgba(0,123,255,.3)}body.light-mode .hint-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid rgba(0,123,255,.2)}body.light-mode .hint-card:hover{border-color:#007bff;box-shadow:0 10px 30px #007bff4d}body.light-mode .hint-card h4{color:#007bff}body.light-mode .hint-card p{color:#2d3748}body.light-mode .challenge-bonus{background:linear-gradient(135deg,#1976d2,#0d47a1);border:1px solid rgba(0,123,255,.3)}body.light-mode .cta-text{color:#007bff;text-shadow:0 0 15px rgba(0,123,255,.3)}body.light-mode .success-message{background:linear-gradient(135deg,#66bb6a,#43a047);border:1px solid rgba(76,175,80,.3)}.bonus-list li{display:flex;align-items:center;gap:10px}.footer{background:linear-gradient(135deg,#0f4c75,#1b262c);color:#fff;padding:50px 20px 20px;margin-top:80px;border-top:2px solid rgba(0,255,255,.2)}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{font-size:1.3rem;margin-bottom:15px}.footer-section p{line-height:1.8;opacity:.9}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#fff;text-decoration:none;opacity:.9;transition:opacity .3s ease}.footer-section a:hover{opacity:1;text-decoration:underline}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{margin:8px 0;opacity:.9;font-size:1rem}.footer-bottom p:first-child{font-size:1.2rem;font-weight:600;opacity:1}@media (max-width: 768px){.footer{padding:40px 20px 20px}.footer-content{grid-template-columns:1fr;gap:30px}}body.light-mode .footer{background:linear-gradient(135deg,#1976d2,#0d47a1);border-top:2px solid rgba(0,123,255,.3)}.app{width:100%;min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:20px}.main-content>div{margin-bottom:80px;scroll-margin-top:100px}@media (max-width: 768px){.main-content{padding:15px}.main-content>div{margin-bottom:60px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;direction:rtl;line-height:1.8;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#0a0e27;color:#e2e8f0}body.light-mode{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1a202c}body.light-mode .section-title{color:#007bff!important;text-shadow:0 0 20px rgba(0,123,255,.3)!important}#root{width:100%;min-height:100vh}code{font-family:Courier New,Courier,monospace;direction:ltr;text-align:left}h1,h2,h3,h4,h5,h6{font-weight:700}button{cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}