body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background:linear-gradient(90deg,#4fd1c5,#38b2ac);box-shadow:0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:.7rem 2rem;position:sticky;top:0;z-index:1000}.navbar .logo{color:#222;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-decoration:none}.navbar ul{display:flex;list-style:none;margin:0;padding:0}.navbar ul li{margin-left:2rem}.navbar ul li a{color:#222;font-size:1rem;text-decoration:none;transition:color .2s}.navbar ul li a,.navbar ul li a:hover{border-radius:5px;margin:5px;padding:5px 10px}.navbar ul li a:hover{background-color:#222;border-bottom:2px solid #fff;color:#fff}.menu-toggle{cursor:pointer;display:none;flex-direction:column}.menu-toggle span{background:#fff;border-radius:2px;height:3px;margin:4px 0;transition:.3s;width:25px}@media (max-width:768px){.navbar ul{background:linear-gradient(90deg,#4fd1c5,#38b2ac);box-shadow:0 8px 16px #00000014;display:none;flex-direction:column;position:absolute;right:0;top:60px;width:180px}.navbar ul.active{display:flex}.navbar ul li{margin:1rem 0;padding-right:1.5rem;text-align:right}.menu-toggle{display:flex}}@media(max-width:480px){.navbar{width:86%}}.content-panel{width:80%}.tutorial-toc{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #00000012;height:fit-content;max-width:220px;min-width:180px;padding:2rem 1.2rem 1.2rem;position:sticky;top:2rem;width:18%}.tutorial-toc h2{color:#4fd1c5;font-size:1.1rem;letter-spacing:1px;margin-bottom:1rem}.tutorial-toc ul{list-style:none;margin:0;padding:0}.tutorial-toc ul li{margin-bottom:.7rem}.tutorial-toc ul li a{border-left:3px solid #0000;color:#222;font-size:1rem;padding-left:.5rem;text-decoration:none;transition:color .2s}.tutorial-toc ul li a:hover{border-left:3px solid #4fd1c5;color:#4fd1c5}.author-review-section{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem;padding-top:2rem}.author-details{align-items:center;display:flex;gap:1.2rem}.author-avatar{background:#f0f0f1;border-radius:50%;box-shadow:0 1px 4px #0000000a;height:64px;width:64px}.author-details h3{color:#222;font-size:1.1rem;margin:0 0 .2rem}.author-details p{color:#555;font-size:.98rem;margin:.1rem 0}.author-details a{color:#4fd1c5;font-weight:500;text-decoration:none}.review-details{align-items:center;display:flex;font-size:1.05rem;gap:2.5rem}.rating .stars img{margin-right:2px;vertical-align:middle}.rating-score{color:#222;font-weight:700;margin-left:.5em}.likes,.reviews{align-items:center;color:#555;display:flex;gap:.4em}.user-review{background:#f7fafc;border-left:4px solid #4fd1c5;border-radius:.5em;box-shadow:0 1px 4px #00000008;color:#333;font-style:italic;padding:1em 1.2em}.user-review .review-user{color:#4fd1c5;display:block;font-style:normal;font-weight:500;margin-top:.5em}.section-title{color:#222;font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-align:left}.tutorials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(370px,1fr));margin-top:1rem}@media (max-width:992px){.container{flex-direction:column;gap:1rem}.tutorial-toc{margin-bottom:1.5rem;max-width:none;order:2;position:static;width:100%}.tutorial-content{max-width:100%;order:1;padding:1.5rem 1rem}.author-review-section{flex-direction:column;gap:1rem}.author-details{flex-direction:column;text-align:center}.review-details{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:768px){.content-panel{margin:1rem;padding:1rem}.tutorial-content{padding:1.2rem .7rem}.tutorial-content h1{font-size:1.8rem}.tutorial-content h2{font-size:1.2rem}.tutorial-content ol,.tutorial-content p,.tutorial-content ul{font-size:1rem}.code-block{font-size:.9rem}.tutorials-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.content-panel{margin:.5rem;padding:.75rem}.tutorial-content{padding:1rem .5rem}.tutorial-content h1{font-size:1.5rem}.tutorial-content h2{font-size:1.1rem}.tutorial-toc{padding:1rem}.tutorial-toc h2{font-size:1rem}.tutorial-toc ul li a{font-size:.9rem}}.tutorial-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;margin:auto;max-width:340px;padding:24px;text-align:center;transition:all .3s ease}.tutorial-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.card-icon img{height:60px;margin-bottom:16px;width:60px}.tutorial-card h3{color:#222;font-size:1.2rem;font-weight:600;margin-bottom:8px}.description{color:#555;font-size:.95rem;line-height:1.4;margin-bottom:16px}.author{color:#666;font-size:.9rem;margin-bottom:20px}.read-more{background:linear-gradient(135deg,#3776ab,#ffd43b);border-radius:8px;color:#fff;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:background .3s}.read-more:hover{background:linear-gradient(135deg,#285a8b,#f2c300)}.tutorial-list-section{background-color:#f5f6f8;border-radius:8px;font-family:Poppins,sans-serif;margin-top:2rem;padding:60px 40px}.tutorial-list-header h2{color:#222;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;text-align:left}.tutorial-list-header h2:after{background:linear-gradient(90deg,#6366f1,#facc15);border-radius:2px;content:"";display:block;height:4px;margin-top:10px;width:80px}.tutorial-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);justify-content:start}@media (max-width:1280px){.tutorial-list{grid-template-columns:repeat(2,1fr);width:100%}.tutorial-list-section{margin:0 0 16px;width:92%}.tutorial-card{height:auto;max-width:300px;min-height:280px;width:300px}}@media (max-width:1120px){.tutorial-list{grid-template-columns:repeat(2,1fr);width:100%}.tutorial-list-section{margin:0 0 16px;width:92%}.tutorial-card{height:auto;max-width:300px;min-height:280px;width:80%}}@media (max-width:1080px){.tutorial-list{grid-template-columns:repeat(2,1fr);width:100%}.tutorial-list-section{margin:0 0 16px;width:92%}.tutorial-card{height:auto;max-width:300px;min-height:280px;width:80%}}@media(max-width:992px){.tutorial-list-section{margin:0 0 16px;width:92%}.tutorial-list{grid-template-columns:repeat(2,1fr);width:100%}.tutorial-card{height:auto;max-width:300px;min-height:280px;width:300px}}@media (max-width:768px){.tutorial-list-section{margin:0 0 16px;width:89%}.tutorial-list{grid-template-columns:repeat(2,1fr)}.tutorial-card{height:auto;max-width:520px;min-height:280px;width:225px}}@media (max-width:480px){.tutorial-list-section{margin:0 0 16px;width:82%}.tutorial-list{grid-template-columns:repeat(1,1fr);width:100%}.tutorial-card{height:auto;max-width:300px;min-height:280px;width:300px}}@media (max-width:360px){.tutorial-list-section{margin:0 0 16px;width:80%}.tutorial-list{grid-template-columns:repeat(1,1fr);width:90%}.tutorial-card{height:auto;width:90%}}@media (max-width:320px){.tutorial-list-section{margin:0 0 16px;width:76%}.tutorial-list{grid-template-columns:repeat(1,1fr);width:90%}.tutorial-card{height:auto;width:90%}}.tutorial-index{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #00000012;height:fit-content;max-width:350px;min-width:180px;padding:2rem 1.2rem 1.2rem;position:sticky;top:2rem}.tutorial-index h2{color:#4fd1c5;font-size:1.1rem;letter-spacing:1px;margin-bottom:1rem}.tutorial-index ul{list-style:none;margin:0;padding:0}.tutorial-index ul li{margin-bottom:.7rem}.tutorial-index ul li a{border-left:3px solid #0000;color:#222;font-size:1rem;padding-left:.5rem;text-decoration:none;transition:color .2s}.tutorial-index ul li a:hover{border-left:3px solid #4fd1c5;color:#4fd1c5}@media(max-width:480px){.tutorial-index{display:none}}@media(max-width:360px){.tutorial-index{display:none}}@media(max-width:320px){.tutorial-index{display:none}}.tutorial-content{background:#fff;border-radius:1rem;box-shadow:0 2px 12px #00000012;flex:2 1;max-width:800px;min-width:320px;padding:2.5rem 2rem 2rem}.tutorial-content h1{color:#222;font-size:2.2rem;margin-bottom:.7rem}.tutorial-content h2{color:#4fd1c5;font-size:1.3rem;margin-bottom:.7rem;margin-top:2rem}.tutorial-content ol,.tutorial-content p,.tutorial-content ul{color:#333;font-size:1.08rem;line-height:1.7}.code-block{background:#23272e;border-radius:.7rem;box-shadow:0 1px 6px #00000014;font-family:Fira Mono,Consolas,Menlo,monospace;font-size:1rem;margin:1.2rem 0;overflow-x:auto}.code-block table{border-collapse:collapse;width:100%}.code-block .line-number{background:#1a1d22;border-right:1px solid #2d313a;color:#7f848e;font-size:.98em;padding:0 1.1em 0 .7em;text-align:right;-webkit-user-select:none;user-select:none;width:2.5em}.code-block .code-line{color:#e3e6eb;padding:.2em 1em;white-space:pre}.code-keyword{color:#4fd1c5;font-weight:600}.code-func{color:#f7c873}.code-string{color:#a3eea0}.code-builtin{color:#e06c75}@media(max-width:360px){.tutorial-container{margin:4px;width:102%}.tutorial-content{margin:0;min-width:50%;padding:4px;width:70%}}@media(max-width:320px){.tutorial-container{width:97%}.tutorial-content{margin:0;min-width:50%;padding:4px;width:70%}}.tutorial-container{display:flex;gap:2rem;margin-top:2rem}.about-us{background-color:#f0f0f1;border-radius:8px;flex:2 1;margin:2rem 2rem 10rem;min-width:300px;padding:2rem}@media(max-width:1080px){.about-us{margin:0;min-width:80%;width:93%}}@media(max-width:992px){.about-us{margin:0;min-width:80%;width:87%}}@media(max-width:768px){.about-us{margin:0;min-width:80%;width:85%}}@media(max-width:480px){.about-us{margin:0;min-width:70%;width:79%}}@media(max-width:360px){.about-us{margin:0;min-width:70%;width:78%}}@media(max-width:320px){.about-us{margin:0;min-width:60%;width:75%}}.contact-us{background:#fff;border-radius:1.2rem;box-shadow:0 2px 16px #00000012;margin:3rem auto 4rem;max-width:700px;padding:2.5rem 2rem 2rem}.contact-title{color:#222;font-size:2.1rem;font-weight:700;letter-spacing:1px;margin-bottom:.7rem;text-align:left}.contact-desc{color:#444;font-size:1.08rem;line-height:1.6;margin-bottom:2rem}.contact-info{background:#f0f0f1;border-radius:.7rem;display:flex;flex-direction:column;gap:.7rem;margin-bottom:2.2rem;padding:1.2rem 1rem}.contact-info span{align-items:center;color:#333;display:flex;font-size:1.04rem;gap:.6em}.contact-info img{height:22px;opacity:.8;width:22px}.contact-form{display:flex;flex-direction:column;gap:1.1rem}.contact-form label{color:#222;font-weight:500;margin-bottom:.2rem}.contact-form input,.contact-form textarea{background:#f9f9f9;border:1px solid #b2dfdb;border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.7rem 1rem;resize:none;transition:border .18s}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border:1.5px solid #38b2ac;outline:none}.contact-form button{align-self:flex-start;background:linear-gradient(90deg,#4fd1c5,#38b2ac);border:none;border-radius:.5rem;box-shadow:0 2px 8px #4fd1c517;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;margin-top:.5rem;padding:.8rem 2.2rem;transition:background .18s,box-shadow .18s}.contact-form button:hover{background:#38b2ac;box-shadow:0 4px 16px #4fd1c521}@media (max-width:600px){.contact-container{padding:1.2rem .5rem}}.contact-success{background:#e6fffa;border:1px solid #38b2ac;border-radius:.5rem;color:#22543d;display:none;font-size:1.05rem;margin-bottom:1.2rem;padding:1rem}.site-footer{background:linear-gradient(90deg,#4fd1c5,#38b2ac);box-shadow:0 -2px 16px #00000012;font-family:Segoe UI,Arial,sans-serif;letter-spacing:.01em;margin-top:3rem;padding:2.2rem 0 1.2rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 1.5rem}.footer-left span{font-size:1.05rem;font-weight:500;letter-spacing:.03em;opacity:.93}.footer-links{display:flex;gap:1.5em}.footer-links a{border-radius:.4em;color:#fff;font-size:1.04rem;font-weight:500;padding:.2em .7em;position:relative;text-decoration:none;transition:background .18s,color .18s,box-shadow .18s}.footer-links a:focus,.footer-links a:hover{background:#ffffff21;box-shadow:0 2px 8px #4fd1c521;color:#222;outline:none}@media (max-width:700px){.footer-content{align-items:flex-start;flex-direction:column;gap:1.2em;padding:0 1em}.footer-links{flex-wrap:wrap;gap:1em}}@media(max-width:320px){.site-footer{margin:0;width:100%}}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{position:sticky;top:0;z-index:1000}.container{display:flex;flex:1 1;gap:2rem;margin-top:2rem;min-height:calc(100vh - 200px)}.left-panel{flex:0 0 100px;min-width:100px}.content-panel{border-radius:8px;flex:2 1;margin:2rem 2rem 10rem;min-width:300px;padding:2rem}.right-panel{flex:0 0 100px;min-width:100px}.footer{margin-top:auto}@media (max-width:992px){.container{flex-direction:column;gap:1rem}.left-panel,.right-panel{flex:none;min-width:auto;width:100%}.content-panel{margin:auto;padding:1rem;width:90%}}@media (max-width:768px){.container{gap:.5rem;margin-top:1rem}.content-panel{margin:auto;padding:1rem;width:90%}}@media (max-width:480px){.content-panel{border-radius:16px;padding:1rem;width:90%}}
/*# sourceMappingURL=main.cede6085.css.map*/