.tutorials-section{position:relative;z-index:10;max-width:1320px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 5rem}.tutorials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch}@media (max-width: 1080px){.tutorials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.tutorials-grid{grid-template-columns:1fr}}.tutorial-card{background:#011451bf;border:1px solid rgba(19,187,175,.25);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease}.tutorial-card:hover{transform:translateY(-4px);border-color:#13bbaf}.tutorial-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#010c30;overflow:hidden}.tutorial-video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.tutorial-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.tutorial-card-title{font-family:Sora,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;line-height:1.3;margin:0}.btn-open-modal{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#f5010a;border:1px solid #f5010a;color:#fff;font-family:Sora,sans-serif;font-weight:700;font-size:.92rem;padding:.75rem 1.2rem;border-radius:10px;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #f5010a59}.btn-open-modal:hover{background:#d60008;border-color:#d60008;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f5010a80}.btn-open-modal.btn-turquoise{background:#13bbaf;border-color:#13bbaf;color:#fff;box-shadow:0 4px 15px #13bbaf59}.btn-open-modal.btn-turquoise:hover{background:#0ea89d;border-color:#0ea89d;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #13bbaf8c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#011451eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.modal-container{background:#011451;border:1px solid rgba(19,187,175,.4);border-radius:18px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #000c}.modal-header{padding:1.2rem 1.6rem;background:#011244;border-bottom:1px solid rgba(19,187,175,.2);display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-title-group h2{font-family:Sora,sans-serif;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;color:#fff;margin:0}.modal-actions-top{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.btn-download-guide{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid #13bbaf;color:#13bbaf;font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem .95rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-download-guide:hover{background:#13bbaf;color:#011451}.modal-close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#f5010a;border-color:#f5010a;color:#fff}.modal-links-section{padding:1rem 1.6rem;background:#01103c;border-bottom:1px solid rgba(19,187,175,.2);display:flex;flex-direction:column;gap:.8rem}.calendar-featured-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#13bbaf1a;border:1px solid rgba(19,187,175,.35);padding:.75rem 1.1rem;border-radius:10px}.calendar-featured-label{font-family:Sora,sans-serif;font-size:.92rem;font-weight:600;color:#fff}.calendar-featured-btn{display:inline-flex;align-items:center;background:#13bbaf;color:#011451;text-decoration:none;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;padding:.45rem 1rem;border-radius:6px;transition:background .2s ease}.calendar-featured-btn:hover{background:#fff}.tools-nav-row{display:flex;align-items:center;gap:.6rem;overflow-x:auto;scrollbar-width:none}.tools-nav-row::-webkit-scrollbar{display:none}.tools-nav-label{font-family:IBM Plex Sans,sans-serif;font-size:.8rem;font-weight:600;color:#fff9;white-space:nowrap}.tool-nav-link{display:inline-flex;align-items:center;padding:.35rem .8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;text-decoration:none;font-family:IBM Plex Sans,sans-serif;font-size:.8rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.tool-nav-link:hover{border-color:#13bbaf;color:#13bbaf}.modal-body{padding:1.6rem;overflow-y:auto;color:#fff;font-family:IBM Plex Sans,sans-serif;line-height:1.6}.modal-body::-webkit-scrollbar{width:7px}.modal-body::-webkit-scrollbar-track{background:#010c30}.modal-body::-webkit-scrollbar-thumb{background:#13bbaf4d;border-radius:4px}.guide-intro-box{background:#ffffff0a;border-left:3px solid #13bbaf;padding:1rem 1.25rem;border-radius:0 10px 10px 0;margin-bottom:1.6rem}.guide-intro-box h4{font-family:Sora,sans-serif;font-size:1rem;color:#13bbaf;margin:0 0 .4rem}.guide-intro-box p{font-size:.9rem;color:#fffc;margin:0 0 .8rem}.guide-flow-text{font-size:.82rem;color:#ffffffb3;word-break:break-word}.guide-step-card{background:#011244;border:1px solid rgba(19,187,175,.15);border-radius:12px;padding:1.25rem;margin-bottom:1.25rem}.step-card-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.6rem}.step-title-wrap{display:flex;align-items:center;gap:.6rem}.step-number{background:#13bbaf;color:#011451;font-family:Sora,sans-serif;font-weight:800;font-size:.8rem;padding:.15rem .5rem;border-radius:4px}.step-title{font-family:Sora,sans-serif;font-size:.98rem;font-weight:700;color:#fff;margin:0}.step-tool-tag{font-size:.75rem;font-weight:600;color:#13bbaf;background:#13bbaf1a;padding:.2rem .6rem;border-radius:4px;border:1px solid rgba(19,187,175,.25)}.step-description{font-size:.88rem;color:#fffc;margin:0 0 .8rem}.step-purpose-box{font-size:.82rem;color:#ffffffb3;background:#ffffff08;padding:.5rem .8rem;border-radius:6px;margin-bottom:.8rem}.step-purpose-box strong{color:#13bbaf}.step-image-wrap{margin:1rem 0;border-radius:10px;overflow:hidden;border:1px solid rgba(19,187,175,.25);background:#010a26;max-width:100%}.step-image-wrap img{width:100%;height:auto;max-height:480px;display:block;object-fit:cover}.prompt-container{background:#010a26;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.prompt-header{background:#ffffff0a;padding:.4rem .8rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.prompt-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffff80}.btn-copy-prompt{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;font-family:IBM Plex Sans,sans-serif;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-copy-prompt:hover,.btn-copy-prompt.copied{background:#13bbaf;border-color:#13bbaf;color:#011451}.prompt-content{padding:.8rem;font-family:IBM Plex Sans,sans-serif;font-size:.82rem;line-height:1.5;color:#e6e8f0;white-space:pre-wrap;margin:0}.tools-table-container{overflow-x:auto;margin:1.8rem 0;border:1px solid rgba(19,187,175,.2);border-radius:10px}.tools-table{width:100%;border-collapse:collapse;font-size:.85rem}.tools-table th{background:#011244;padding:.75rem 1rem;color:#fff;font-family:Sora,sans-serif;font-weight:600;text-align:left;border-bottom:1px solid rgba(19,187,175,.2)}.tools-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#fffc}.tools-table tr:last-child td{border-bottom:none}.tools-table a{color:#13bbaf;text-decoration:none;font-weight:600}.tools-table a:hover{color:#fff}.guide-disclaimer{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.9rem 1.1rem;font-size:.8rem;color:#ffffffa6;margin-top:1.5rem}