@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.no-underline{text-decoration-line:none}.opacity-20{opacity:.2}.opacity-90{opacity:.9}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}}.content-section{box-sizing:border-box;width:100%;max-width:900px;margin:40px auto;padding:0 20px}.content-wrapper{box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;background-color:#fff;border-radius:15px;width:100%;padding:40px;box-shadow:0 4px 15px #0000001a}.about-section{width:100%;margin-bottom:40px}.about-section h2{color:#4ecdc4;text-align:center;word-break:break-word;margin-bottom:20px;font-size:28px}.about-section p{color:#555;text-align:justify;word-break:break-word;overflow-wrap:break-word;margin-bottom:15px;font-size:15px;line-height:1.8}.section-intro{color:#555;text-align:center;word-break:break-word;overflow-wrap:break-word;margin-bottom:25px;font-size:15px;line-height:1.7}.how-to-use{width:100%;margin-bottom:40px}.how-to-use h2{color:#4ecdc4;text-align:center;word-break:break-word;margin-bottom:15px;font-size:28px}.steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;width:100%;display:grid}.step{word-break:break-word;overflow-wrap:break-word;background:linear-gradient(135deg,#f5f5f5 0%,#e8f5f4 100%);border-left:4px solid #4ecdc4;border-radius:12px;padding:25px}.step h3{color:#f5a623;word-break:break-word;margin-bottom:12px;font-size:18px}.step p{color:#555;word-break:break-word;font-size:14px;line-height:1.6}.features{width:100%;margin-bottom:40px}.features h2{color:#4ecdc4;text-align:center;word-break:break-word;margin-bottom:25px;font-size:28px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;display:grid}.feature{text-align:center;word-break:break-word;overflow-wrap:break-word;background-color:#fff;border:2px solid #4ecdc4;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s}.feature:hover{transform:translateY(-5px);box-shadow:0 8px 20px #4ecdc44d}.feature h3{color:#f5a623;word-break:break-word;margin-bottom:12px;font-size:18px}.feature p{color:#555;word-break:break-word;font-size:14px;line-height:1.5}.tips-section{width:100%;margin-bottom:40px}.tips-section h2{color:#4ecdc4;text-align:center;word-break:break-word;margin-bottom:15px;font-size:28px}.tips-section>p{color:#555;text-align:center;word-break:break-word;margin-bottom:25px;font-size:15px;line-height:1.7}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;display:grid}.tip{word-break:break-word;overflow-wrap:break-word;background:linear-gradient(135deg,#fff5e6 0%,#fff 100%);border-left:4px solid #f5a623;border-radius:12px;padding:20px}.tip h3{color:#f5a623;word-break:break-word;margin-bottom:10px;font-size:16px}.tip p{color:#555;word-break:break-word;font-size:14px;line-height:1.6}.faq-section{width:100%;margin-bottom:20px}.faq-section h2{color:#4ecdc4;text-align:center;word-break:break-word;margin-bottom:25px;font-size:28px}.faq-list{flex-direction:column;gap:12px;width:100%;display:flex}.faq-item{word-break:break-word;overflow-wrap:break-word;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden}.faq-item summary{color:#333;cursor:pointer;word-break:break-word;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 20px;font-size:16px;font-weight:700;list-style:none;transition:background-color .2s;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:#4ecdc4;flex-shrink:0;font-size:24px;font-weight:700}.faq-item[open] summary:after{content:"-"}.faq-item summary:hover{background-color:#e8f5f4}.faq-item p{color:#555;word-break:break-word;padding:0 20px 20px;font-size:14px;line-height:1.7}@media (max-width:900px){.features h2,.how-to-use h2,.faq-section h2{font-size:22px}.steps,.feature-grid{grid-template-columns:1fr}.content-section{padding:0 15px}.content-wrapper{padding:20px 15px}.about-section p,.section-intro{text-align:left;font-size:14px}.feature-grid,.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.content-section{margin:30px auto;padding:0 10px}.content-wrapper{padding:15px 12px}.about-section h2,.features h2,.how-to-use h2,.tips-section h2,.faq-section h2{font-size:20px}.about-section p,.feature p,.step p,.tip p,.faq-item p{font-size:13px}.feature h3,.step h3,.tip h3{font-size:15px}.feature,.step,.tip{padding:15px}.faq-item summary{padding:15px;font-size:14px}.feature-grid,.steps,.tips-grid{grid-template-columns:1fr}}.main-nav{z-index:1000;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #00000026}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.nav-logo img{border-radius:6px}.nav-logo:hover{opacity:.9}.nav-menu{gap:5px;list-style:none;display:flex}.nav-menu li a{color:#fff;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:block}.nav-menu li a:hover{background-color:#fff3}.nav-menu li a.active{color:#fff;background-color:#f5a623}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none}.nav-toggle span{background-color:#fff;border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.lang-dropdown{position:relative}.lang-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:10px 18px;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;font-size:14px;font-weight:500;transition:all .3s;display:flex}.lang-btn:hover{background-color:#fff3}.lang-icon{font-size:16px}.lang-current{font-size:14px}.lang-arrow{font-size:10px}.lang-menu{background:#fff;border-radius:8px;min-width:150px;margin-top:5px;padding:8px 0;list-style:none;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.lang-dropdown:hover .lang-menu{display:block}.lang-menu li a{color:#333;padding:10px 18px;font-size:14px;text-decoration:none;transition:background-color .2s;display:block}.lang-menu li a:hover{background-color:#e8f5f4}.lang-menu li a.lang-active{color:#fff;background-color:#4ecdc4}.site-footer{text-align:center;color:#fff;overflow-wrap:break-word;word-wrap:break-word;background-color:#4ecdc4;width:100%;margin-top:40px;padding:30px 20px}.site-footer p{overflow-wrap:break-word;word-wrap:break-word;margin-bottom:10px;font-size:14px}.site-footer .footer-links{opacity:.9;flex-wrap:wrap;justify-content:center;gap:5px 0;margin-bottom:10px;font-size:12px;line-height:1.8;display:flex}.site-footer .footer-links span{white-space:nowrap;margin:0 5px}.site-footer .footer-links span:not(:last-child):after{content:" |";margin-left:5px}.site-footer .footer-legal{flex-wrap:wrap;justify-content:center;gap:5px;margin:15px 0;font-size:13px;line-height:1.8;display:flex}.site-footer .footer-legal a{color:#fff;word-break:break-word;margin:0 5px;text-decoration:none;transition:opacity .2s}.site-footer .footer-legal a:not(:last-child):after{content:" |";color:#ffffffb3;margin-left:10px}.site-footer .footer-legal a:hover{opacity:.8;text-decoration:underline}.site-footer .footer-description{opacity:.85;overflow-wrap:break-word;word-wrap:break-word;max-width:600px;margin:10px auto 0;font-size:12px;line-height:1.5}@media (max-width:900px){.nav-toggle{display:flex}.nav-menu{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);flex-direction:column;gap:5px;padding:10px;display:none;position:absolute;top:60px;left:0;right:0;box-shadow:0 4px 10px #00000026}.nav-menu.active{display:flex}.nav-menu li a{text-align:center;padding:12px 20px}.lang-dropdown .lang-menu{box-shadow:none;background:0 0;border-radius:0;margin-top:0;position:static}.lang-dropdown .lang-menu li a{color:#fff;text-align:center}.lang-dropdown .lang-menu li a:hover{background-color:#fff3}}@media (max-width:480px){.site-footer p,.site-footer .footer-links,.site-footer .footer-legal,.site-footer .footer-description{font-size:11px}.site-footer .footer-links span,.site-footer .footer-legal a{margin:0 3px}}:root{--primary:#4ecdc4;--primary-dark:#44a3a0;--text-primary:#2c3e50;--text-secondary:#7f8c8d;--background:#f8f9fa}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;overflow-x:hidden}body{color:var(--text-primary);background:var(--background)}a{color:inherit;text-decoration:none}.prose{color:#555;max-width:none;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif}.prose h1{color:#4ecdc4;text-shadow:2px 2px #f5a623;text-align:center;margin-top:0;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.prose h1+p{color:#888;text-align:center;border-bottom:2px solid #4ecdc4;margin-bottom:2rem;padding-bottom:1rem;font-size:.875rem;font-style:italic}.prose h2{color:#4ecdc4;border-bottom:3px solid #f5a623;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.75rem;font-weight:700;position:relative}.prose h3{color:#f5a623;margin-top:1.75rem;margin-bottom:.75rem;font-size:1.375rem;font-weight:600}.prose p{color:#555;text-align:justify;margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.prose ul{margin-bottom:1.5rem;padding-left:1.5rem;list-style:none}.prose ul li{color:#555;margin-bottom:.75rem;padding-left:1.5rem;font-size:1rem;line-height:1.7;position:relative}.prose ul li:before{content:"✓";color:#4ecdc4;font-size:1.1rem;font-weight:700;position:absolute;left:0}.prose ol{margin-bottom:1.5rem;padding-left:2rem;list-style:decimal}.prose ol li{color:#555;margin-bottom:.75rem;padding-left:.5rem;font-size:1rem;line-height:1.7}.prose ol li strong{color:#4ecdc4;font-weight:700}.prose code{color:#f5a623;background:linear-gradient(135deg,#fff5e6 0%,#ffe8cc 100%);border:1px solid #f5a623;border-radius:.375rem;padding:.2rem .5rem;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.prose pre{color:#ecf0f1;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:3px solid #4ecdc4;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto;box-shadow:0 8px 20px #00000026}.prose pre code{color:#ecf0f1;background:0 0;border:none;padding:0;font-weight:400}.prose a{color:#4ecdc4;font-weight:600;text-decoration:underline;transition:all .2s}.prose a:hover{color:#44a08d;text-shadow:0 0 8px #4ecdc44d;text-decoration:none}.prose hr{background:linear-gradient(90deg,#0000,#4ecdc4,#0000);border:none;height:3px;margin-top:2.5rem;margin-bottom:2.5rem}.prose strong{color:#4ecdc4;font-weight:700}.prose em{color:#f5a623;font-style:italic}.prose blockquote{color:#666;background:linear-gradient(135deg,#f5f5f5 0%,#e8f5f4 100%);border-left:4px solid #4ecdc4;border-radius:.5rem;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}