.guide-main{max-width:900px;margin:0 auto;padding:80px 20px;background:#f8f9fa}.guide-intro{font-size:1.2rem;text-align:center;color:#666;margin-bottom:60px;line-height:1.8}.guide-section{margin-bottom:50px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.guide-section:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.guide-section h3{font-size:2rem;color:#667eea;margin-bottom:20px;font-weight:700}.guide-section p{font-size:1.1rem;color:#555;line-height:1.8}.feature-subsection{margin-top:50px;padding-top:0;border-top:none}.feature-subsection:first-child{margin-top:30px}.feature-content{display:flex;align-items:center;gap:50px}.feature-text,.feature-image-wrapper{flex:1;min-width:0}.feature-subsection.feature-reverse .feature-content{flex-direction:row-reverse}.feature-subsection h4{font-size:1.8rem;color:#764ba2;margin-bottom:15px;font-weight:700}.feature-subsection p{font-size:1.05rem;color:#666;line-height:1.8;margin-bottom:0}.feature-image{width:auto;max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.feature-image:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;animation:fadeIn .2s ease}.modal-content{position:relative;max-width:95vw;max-height:95vh;cursor:default}.modal-image{max-width:100%;max-height:95vh;width:auto;height:auto;border-radius:8px;box-shadow:0 10px 50px #00000080}.modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:40px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;line-height:1}.modal-close:hover{transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:968px){.feature-content,.feature-subsection.feature-reverse .feature-content{flex-direction:column;gap:25px}.feature-subsection h4{font-size:1.6rem}.feature-subsection p{font-size:1rem}.feature-image-wrapper{width:100%}}@media(max-width:768px){.guide-intro{font-size:1rem}.guide-section{padding:30px 25px}.guide-section h3{font-size:1.6rem}.guide-section p{font-size:1rem}.guide-main{padding:60px 15px}}@media(max-width:480px){.guide-section{padding:25px 20px}.guide-section h3{font-size:1.4rem}}