*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4a6bff;--primary-dark:#3a56cc;--primary-light:#7a8eff;--secondary-color:#ff6b6b;--secondary-dark:#cc5656;--secondary-light:#ff8a8a;--text-color:#333;--text-light:#666;--text-lighter:#999;--background-color:#fff;--background-alt:#f8f9fa;--border-color:#e0e0e0;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--info-color:#2196f3;--font-family:"Noto Sans TC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:20px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #0000001a;--shadow-xl:0 12px 24px #00000026;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--container-width:1200px}body{background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:16px;line-height:1.6}a{color:#4a6bff;color:var(--primary-color);text-decoration:none;transition:color .2s ease;transition:color var(--transition-fast)}a:hover{color:#3a56cc;color:var(--primary-dark)}button{cursor:pointer;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family)}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;max-width:var(--container-width);padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}.primary-button{background-color:#4a6bff;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:background-color .2s ease,transform .2s ease;transition:background-color var(--transition-fast),transform var(--transition-fast)}.primary-button:hover{background-color:#3a56cc;background-color:var(--primary-dark);color:#fff;transform:translateY(-2px)}.secondary-button{background-color:initial;border:2px solid #4a6bff;border:2px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius-md);color:#4a6bff;color:var(--primary-color);cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:background-color .2s ease,color .2s ease,transform .2s ease;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.secondary-button:hover{background-color:#4a6bff;background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.page-header{background:linear-gradient(135deg,#4a6bff,#ff6b6b);padding:6rem 0 3rem}.page-header:before{background:#0000001a}.page-header .container{z-index:2}.page-header h1{font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-shadow:0 2px 4px #0000004d}.page-header p{color:#fffffff2;font-size:1.2rem;margin:0 auto;max-width:700px;text-shadow:0 1px 2px #0003}.cta-section{background-color:#4a6bff;background-color:var(--primary-color);margin-top:3rem;margin-top:var(--spacing-xxl);padding:4rem 0}.cta-content{margin:0 auto;max-width:700px}.cta-content h2{font-size:2rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.cta-content p{font-size:1.1rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);opacity:.9}.cta-content .primary-button{background-color:#fff;color:#4a6bff;color:var(--primary-color)}.cta-content .primary-button:hover{background-color:#ffffffe6}@media (max-width:1200px){:root{--container-width:960px}}@media (max-width:992px){:root{--container-width:720px}.page-header{padding:5rem 0 2.5rem}.page-header h1{color:#fff;font-size:2.2rem}}@media (max-width:768px){:root{--container-width:540px}.page-header{padding:4rem 0 2rem}.page-header h1{color:#fff;font-size:2rem}.page-header p{color:#fffffff2;font-size:1.1rem}.cta-content h2{font-size:1.8rem}}@media (max-width:576px){.container{padding:0 1rem;padding:0 var(--spacing-md)}.page-header h1{color:#fff;font-size:1.8rem}.cta-content h2{font-size:1.6rem}}.icon{display:inline-block;height:1em;position:relative;vertical-align:middle;width:1em}.icon:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;width:100%}.icon[data-icon=FaCheckCircle]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>')}.icon[data-icon=FaTimesCircle]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z"></path></svg>')}.icon[data-icon=FaCheck]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>')}.icon[data-icon=FaChevronDown]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>')}.icon[data-icon=FaChevronUp]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"></path></svg>')}.icon[data-icon=FaCalendarCheck]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%234CAF50" d="M400 64h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V160h352v298c0 3.3-2.7 6-6 6zm-52.849-200.65L198.842 404.519c-4.705 4.667-12.303 4.637-16.971-.068l-75.091-75.699c-4.667-4.705-4.637-12.303.068-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l44.104 44.461 111.072-110.181c4.705-4.667 12.303-4.637 16.971.068l22.536 22.718c4.667 4.705 4.636 12.303-.069 16.97z"></path></svg>')}.icon[data-icon=FaAward]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23FFC107" d="M97.12 362.63c-8.69-8.69-4.16-6.24-25.12-11.85-9.51-2.55-17.87-7.45-25.43-13.32L1.2 448.7c-4.39 10.77 3.81 22.47 15.43 22.03l52.69-2.01L105.56 507c8 8.44 22.04 5.81 26.43-4.96l52.05-127.62c-10.84 6.04-22.87 9.58-35.31 9.58-19.5 0-37.82-7.59-51.61-21.37zM382.8 448.7l-45.37-111.24c-7.56 5.88-15.92 10.77-25.43 13.32-21.07 5.64-16.45 3.18-25.12 11.85-13.79 13.78-32.12 21.37-51.62 21.37-12.44 0-24.47-3.55-35.31-9.58L252 502.04c4.39 10.77 18.44 13.4 26.43 4.96l36.25-38.28 52.69 2.01c11.62.44 19.82-11.27 15.43-22.03zM263 340c15.28-15.55 17.03-14.21 38.79-20.14 13.89-3.79 24.75-14.84 28.47-28.98 7.48-28.4 5.54-24.97 25.95-45.75 10.17-10.35 14.14-25.44 10.42-39.58-7.47-28.38-7.48-24.42 0-52.83 3.72-14.14-.25-29.23-10.42-39.58-20.41-20.78-18.47-17.36-25.95-45.75-3.72-14.14-14.58-25.19-28.47-28.98-27.88-7.61-24.52-5.62-44.95-26.41-10.17-10.35-25-14.4-38.89-10.61-27.87 7.6-23.98 7.61-51.9 0-13.89-3.79-28.72.25-38.89 10.61-20.41 20.78-17.05 18.8-44.94 26.41-13.89 3.79-24.75 14.84-28.47 28.98-7.47 28.39-5.54 24.97-25.95 45.75-10.17 10.35-14.15 25.44-10.42 39.58 7.47 28.36 7.48 24.4 0 52.82-3.72 14.14.25 29.23 10.42 39.59 20.41 20.78 18.47 17.35 25.95 45.75 3.72 14.14 14.58 25.19 28.47 28.98C104.6 325.96 106.27 325 121 340c13.23 13.47 33.84 15.88 49.74 5.82a39.676 39.676 0 0 1 42.53 0c15.89 10.06 36.5 7.65 49.73-5.82zM97.66 175.96c0-53.03 42.24-96.02 94.34-96.02s94.34 42.99 94.34 96.02-42.24 96.02-94.34 96.02-94.34-42.99-94.34-96.02z"></path></svg>')}.icon[data-icon=FaMapMarkedAlt]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%232196F3" d="M288 0c-69.59 0-126 56.41-126 126 0 56.26 82.35 158.8 113.9 196.02 6.39 7.54 17.82 7.54 24.2 0C331.65 284.8 414 182.26 414 126 414 56.41 357.59 0 288 0zm0 168c-23.2 0-42-18.8-42-42s18.8-42 42-42 42 18.8 42 42-18.8 42-42 42zM20.12 215.95A32.006 32.006 0 0 0 0 245.66v250.32c0 11.32 11.43 19.06 21.94 14.86L160 448V214.92c-8.84-15.98-16.07-31.54-21.25-46.42L20.12 215.95zM288 359.67c-14.07 0-27.38-6.18-36.51-16.96-19.66-23.2-40.57-49.62-59.49-76.72v182l192 64V266c-18.92 27.09-39.82 53.52-59.49 76.72-9.13 10.77-22.44 16.95-36.51 16.95zm266.06-198.51L416 224v288l139.88-55.95A31.996 31.996 0 0 0 576 426.34V176.02c0-11.32-11.43-19.06-21.94-14.86z"></path></svg>')}.icon[data-icon=FaChild]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23FF5722" d="M120 72c0-39.765 32.235-72 72-72s72 32.235 72 72c0 39.764-32.235 72-72 72s-72-32.236-72-72zm254.627 1.373c-12.496-12.497-32.758-12.497-45.254 0L242.745 160H141.254L54.627 73.373c-12.496-12.497-32.758-12.497-45.254 0-12.497 12.497-12.497 32.758 0 45.255L104 213.254V480c0 17.673 14.327 32 32 32h16c17.673 0 32-14.327 32-32V368h16v112c0 17.673 14.327 32 32 32h16c17.673 0 32-14.327 32-32V213.254l94.627-94.627c12.497-12.497 12.497-32.757 0-45.254z"></path></svg>')}.icon[data-icon=FaChartBar]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%239C27B0" d="M332.8 320h38.4c6.4 0 12.8-6.4 12.8-12.8V172.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V76.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-288 0h38.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zM496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path></svg>')}.icon[data-icon=FaMobileAlt]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%234a6bff" d="M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z"></path></svg>')}.icon[data-icon=FaTabletAlt]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%234a6bff" d="M400 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM224 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm176-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h328c6.6 0 12 5.4 12 12v312z"></path></svg>')}.icon[data-icon=FaDesktop]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%234a6bff" d="M528 0H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h192l-16 48h-72c-13.3 0-24 10.7-24 24s10.7 24 24 24h272c13.3 0 24-10.7 24-24s-10.7-24-24-24h-72l-16-48h192c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zm-16 352H64V64h448v288z"></path></svg>')}.icon[data-icon=FaLanguage]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="%23E91E63" d="M152.1 236.2c-3.5-12.1-7.8-33.2-7.8-33.2h-.5s-4.3 21.1-7.8 33.2l-11.1 37.5H163zM616 96H336v320h280c13.3 0 24-10.7 24-24V120c0-13.3-10.7-24-24-24zm-24 120c0 6.6-5.4 12-12 12h-11.4c-6.9 23.6-21.7 47.4-42.7 69.9 8.4 6.4 17.1 12.5 26.1 18 5.5 3.4 7.3 10.5 4.1 16.2l-7.9 13.9c-3.4 5.9-10.9 7.8-16.7 4.3-12.6-7.8-24.5-16.1-35.4-24.9-10.9 8.7-22.7 17.1-35.4 24.9-5.8 3.5-13.3 1.6-16.7-4.3l-7.9-13.9c-3.2-5.6-1.4-12.8 4.2-16.2 9.3-5.7 18-11.7 26.1-18-7.9-8.4-14.9-17-21-25.7-4-5.7-2.2-13.6 3.7-17.1l6.5-3.9 7.3-4.3c5.4-3.2 12.4-1.7 16 3.4 5 7 10.8 14 17.4 20.9 13.5-14.2 23.8-28.9 30-43.2H412c-6.6 0-12-5.4-12-12v-16c0-6.6 5.4-12 12-12h64v-16c0-6.6 5.4-12 12-12h16c6.6 0 12 5.4 12 12v16h64c6.6 0 12 5.4 12 12zM0 120v272c0 13.3 10.7 24 24 24h280V96H24c-13.3 0-24 10.7-24 24zm58.9 216.1L116.4 167c1.7-4.9 6.2-8.1 11.4-8.1h32.5c5.1 0 9.7 3.3 11.4 8.1l57.5 169.1c2.6 7.8-3.1 15.9-11.4 15.9h-22.9a12 12 0 0 1-11.5-8.6l-9.4-31.9h-60.2l-9.1 31.8c-1.5 5.1-6.2 8.7-11.5 8.7H70.3c-8.2 0-14-8.1-11.4-15.9z"></path></svg>')}.icon[data-icon=FaVolumeUp]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23FF9800" d="M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"></path></svg>')}.icon[data-icon=FaCloudUploadAlt]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="%233F51B5" d="M537.6 226.6c4.1-10.7 6.4-22.4 6.4-34.6 0-53-43-96-96-96-19.7 0-38.1 6-53.3 16.2C367 64.2 315.3 32 256 32c-88.4 0-160 71.6-160 160 0 2.7.1 5.4.2 8.1C40.2 219.8 0 273.2 0 336c0 79.5 64.5 144 144 144h368c70.7 0 128-57.3 128-128 0-61.9-44-113.6-102.4-125.4zM393.4 288H328v112c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V288h-65.4c-14.3 0-21.4-17.2-11.3-27.3l105.4-105.4c6.2-6.2 16.4-6.2 22.6 0l105.4 105.4c10.1 10.1 2.9 27.3-11.3 27.3z"></path></svg>')}.icon[data-icon=FaLock]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23F44336" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path></svg>')}.icon[data-icon=FaCheckCircle]:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%234CAF50" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg>')}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:480px;overflow:hidden;position:relative;width:100%}.auth-header{padding:20px 20px 0}.back-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .3s ease}.back-button:hover{background:#f5f5f5;color:#4a6bff}.auth-form{padding:20px 40px 40px}.auth-logo{margin-bottom:30px;text-align:center}.auth-logo img{height:60px;margin-bottom:10px;width:60px}.auth-logo h1{color:#4a6bff;font-size:28px;font-weight:700;margin:0}.auth-form h2{color:#333;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.auth-form p{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.input-group{margin-bottom:20px;position:relative}.input-icon{color:#999;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-group input{border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;font-size:16px;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#4a6bff;box-shadow:0 0 0 3px #4a6bff1a;outline:none}.forgot-password{margin-bottom:25px;text-align:right}.forgot-password a{color:#4a6bff;font-size:14px;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.auth-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-bottom:15px;padding:15px;transition:all .3s ease;width:100%}.auth-button.primary{background:#4a6bff;color:#fff}.auth-button.primary:hover:not(:disabled){background:#3d5bff;box-shadow:0 8px 25px #4a6bff4d;transform:translateY(-2px)}.auth-button.secondary{background:#f8f9fa;border:1px solid #e1e5e9;color:#666}.auth-button.secondary:hover:not(:disabled){background:#e9ecef}.auth-button.google{background:#fff;border:2px solid #e1e5e9;color:#333}.auth-button.google:hover:not(:disabled){background:#f8f9ff;border-color:#4285f4}.google-icon{height:20px;object-fit:contain;width:20px}.auth-button.guest{background:#6c757d;color:#fff}.auth-button.guest:hover:not(:disabled){background:#5a6268}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-divider{align-items:center;color:#999;display:flex;font-size:14px;margin:25px 0}.auth-divider:after,.auth-divider:before{background:#e1e5e9;content:"";flex:1 1;height:1px}.auth-divider span{padding:0 15px}.social-login{display:flex;flex-direction:column;gap:10px}.auth-register{color:#666;font-size:14px;margin-top:25px;text-align:center}.auth-register a{color:#4a6bff;font-weight:600;text-decoration:none}.auth-register a:hover{text-decoration:underline}.auth-error,.auth-success{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 15px}.auth-error{background:#fee;border:1px solid #fed7d7;color:#c53030}.auth-success{background:#f0fff4;border:1px solid #9ae6b4;color:#38a169}.verification-icon{margin-bottom:20px;text-align:center}.verification-icon svg{color:#4a6bff;font-size:48px}.verification-steps{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.verification-steps ol{margin:0;padding-left:20px}.verification-steps li{color:#666;margin-bottom:8px}.verification-help{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:20px 0;padding:15px}.verification-help p{color:#856404;font-weight:600;margin-bottom:10px}.verification-help ul{margin:0;padding-left:20px}.verification-help li{color:#856404;font-size:13px;margin-bottom:5px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-width:400px;padding:30px;text-align:center;width:100%}.modal-content h3{color:#333;margin-bottom:15px}.modal-content p{color:#666;line-height:1.5;margin-bottom:25px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions .auth-button{flex:1 1;margin-bottom:0}.user-menu{display:inline-block;position:relative}.user-avatar{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:25px;color:#333;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.user-avatar:hover{background:#f8f9ff;border-color:#4a6bff}.user-avatar img{border-radius:50%;height:32px;width:32px}.user-avatar .user-icon{color:#4a6bff;font-size:20px}.user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 25px #0000001a;margin-top:8px;min-width:200px;padding:8px 0;position:absolute;right:0;top:100%;z-index:100}@media screen and (orientation:portrait) and (max-width:768px){.user-dropdown{bottom:100%;margin-bottom:8px;margin-top:0;top:auto}}.user-dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-decoration:none;transition:background .2s ease}.user-dropdown-item:hover{background:#f8f9fa}.user-dropdown-item.logout{border-top:1px solid #e1e5e9;color:#dc3545;margin-top:8px}.auth-buttons{align-items:center;display:flex;gap:10px}.auth-buttons .auth-button{font-size:14px;margin-bottom:0;padding:8px 16px;white-space:nowrap}.start-now-button{background:linear-gradient(135deg,#ff6b6b,#ff8a5b)!important;border:none!important;box-shadow:0 4px 12px #ff6b6b4d!important;color:#fff!important;font-weight:600!important;overflow:hidden;position:relative;transition:all .3s ease!important}.start-now-button:hover{box-shadow:0 6px 20px #ff6b6b66!important;color:#fff!important;transform:translateY(-2px)!important}.start-now-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.start-now-button:hover:before{left:100%}@media (max-width:768px){.auth-container{padding:10px}.auth-form{padding:20px 30px 30px}.auth-logo h1{font-size:24px}.auth-form h2{font-size:20px}.input-group input{font-size:16px}.modal-content{padding:25px 20px}.modal-actions{flex-direction:column}.user-avatar{padding:6px 10px}.user-name{max-width:80px}.user-dropdown{min-width:180px}.auth-buttons{flex-direction:column;width:100%}.auth-buttons .auth-button{width:100%}.start-now-button{margin-bottom:8px!important;order:-1}}@media (max-width:480px){.auth-form{padding:15px 20px 25px}.auth-logo img{height:50px;width:50px}.auth-logo h1{font-size:22px}.input-group input{padding:12px 12px 12px 40px}.auth-button{font-size:15px;padding:12px}.user-name{display:none}}.navbar{background-color:initial;left:0;padding:1rem 0;position:fixed;top:0;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);width:100%;z-index:1000}.navbar.scrolled{background-color:#fff;box-shadow:var(--shadow-md)}.navbar-container{justify-content:space-between;margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-lg);width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-color);font-size:1.5rem;font-weight:700}.navbar-logo img{border-radius:8px;height:40px;margin-right:var(--spacing-sm);width:auto}.nav-menu{align-items:center;display:flex;list-style:none}.nav-item{margin-left:var(--spacing-lg)}.nav-link{color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative}.nav-link:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-normal);width:0}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-button{background-color:var(--primary-color);border-radius:var(--border-radius-md);color:#fff;display:inline-block;font-weight:600;padding:.5rem 1.25rem;transition:background-color var(--transition-fast),transform var(--transition-fast)}.nav-button:hover{background-color:var(--primary-dark);color:#fff;transform:translateY(-2px)}.menu-icon{color:var(--text-color);cursor:pointer;display:none;font-size:1.5rem}@media (max-width:992px){.menu-icon{display:block}.nav-menu{background-color:#fff;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:-100%;opacity:0;padding:2rem 0;position:absolute;top:70px;transition:all .5s ease;width:100%}.nav-menu.active{left:0;opacity:1;z-index:1}.nav-item{margin:1rem 0;text-align:center;width:100%}.nav-link{display:block;padding:.5rem 0;width:100%}.nav-button{display:block;margin:.5rem auto;padding:.75rem 0;width:80%}.nav-item .auth-buttons{flex-direction:column;gap:.5rem;margin:0 auto;width:80%}.nav-item .auth-buttons .auth-button{margin:0;width:100%}.nav-item .start-now-button{order:-1}.nav-item .user-menu{margin:0 auto;width:80%}.nav-item .user-avatar{justify-content:center;width:100%}}.footer{background-color:#f8f9fa;margin-top:auto;padding:4rem 0 0}.footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 3fr;margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-lg);width:100%}.footer-logo-container{display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex}.footer-logo img{border-radius:8px;height:40px;margin-right:var(--spacing-sm);width:auto}.footer-logo span{color:var(--text-color);font-size:1.5rem;font-weight:700}.footer-logo-container>p{color:var(--text-light);font-size:.9rem;margin-top:var(--spacing-sm)}.footer-description{background:linear-gradient(135deg,#4a00e00d,#8e2de20d);border-left:4px solid var(--primary-color);border-radius:8px;margin-top:1.5rem;padding:1.2rem}.footer-description p{color:var(--text-color);font-size:.9rem;line-height:1.6;margin-bottom:.8rem}.footer-description p:last-child{margin-bottom:0}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-link-group h4{color:var(--text-color);font-size:1.1rem;margin-bottom:var(--spacing-md)}.footer-link-group a,.footer-link-group p{color:var(--text-light);display:block;font-size:.9rem;margin-bottom:var(--spacing-sm)}.footer-link-group a:hover{color:var(--primary-color)}.footer-link-group .social-link{align-items:center;display:flex;margin-top:.5rem}.footer-link-group .social-icon{align-items:center;display:inline-flex;font-size:1.2rem;margin-right:.5rem;vertical-align:middle}.footer-link-group a[href*=facebook] .social-icon{color:#1877f2}.footer-link-group a[href*=mailto] .social-icon{color:#d44638}.footer-link-group a[href*="forms.gle"] .social-icon{color:#34a853}.footer-link-group .social-link:hover .social-icon{color:var(--primary-color)}.footer-support-button{align-items:center;background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:.9rem;margin-bottom:var(--spacing-sm);padding:0;text-align:left;transition:color var(--transition-fast);width:100%}.footer-support-button:hover{color:var(--primary-color)}.footer-support-button .social-icon{align-items:center;display:inline-flex;font-size:1.2rem;margin-right:.5rem;vertical-align:middle}.footer-support-button:first-of-type .social-icon{color:#1da1f2}.footer-support-button:nth-of-type(2) .social-icon{color:#e91e63}.footer-support-button:hover .social-icon{color:var(--primary-color)}.footer-bottom{border-top:1px solid var(--border-color);margin-top:3rem;padding:1.5rem 0;text-align:center}.footer-bottom p{color:var(--text-light);font-size:.9rem}@media (max-width:992px){.footer-container{grid-template-columns:1fr 1fr}.footer-logo-container{align-items:center;grid-column:1/-1;margin-bottom:2rem;text-align:center}.footer-logo{justify-content:center}.footer-links{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer{padding:3rem 0 0}.footer-container{gap:2rem;grid-template-columns:1fr}.footer-links{gap:2rem;grid-column:1/-1;grid-template-columns:1fr}}.social-share-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.social-share-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.social-share-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.social-share-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.social-share-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-light);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all var(--transition-fast)}.social-share-close:hover{background-color:var(--background-light);color:var(--text-color)}.social-share-content{padding:1.5rem}.social-share-content p{color:var(--text-light);line-height:1.5;margin:0 0 1.5rem;text-align:center}.social-share-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.social-share-button{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.5rem;padding:1rem .75rem;text-decoration:none;transition:all var(--transition-fast)}.social-share-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.social-share-button svg{font-size:1.5rem}.social-share-button.facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-share-button.twitter:hover{background-color:#1da1f2;border-color:#1da1f2;color:#fff}.social-share-button.line:hover{background-color:#00c300;border-color:#00c300;color:#fff}.social-share-button.native-share:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.social-share-button.copy-link:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.social-share-button.copy-link.copied{background-color:var(--success-color);border-color:var(--success-color);color:#fff}@media (max-width:768px){.social-share-modal{margin:1rem;max-width:none}.social-share-buttons{grid-template-columns:repeat(2,1fr)}.social-share-header{padding:1rem 1rem .75rem}.social-share-content{padding:1rem}.social-share-button{font-size:.85rem;padding:.75rem .5rem}.social-share-button svg{font-size:1.25rem}}@media (max-width:480px){.social-share-overlay{padding:.5rem}.social-share-buttons{gap:.5rem;grid-template-columns:1fr}.social-share-button{flex-direction:row;justify-content:center;padding:.75rem 1rem}.social-share-button svg{font-size:1.1rem}}.fanpage-support-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.fanpage-support-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.fanpage-support-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.fanpage-support-header h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0}.fanpage-support-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-light);cursor:pointer;font-size:1.25rem;padding:.5rem;transition:all var(--transition-fast)}.fanpage-support-close:hover{background-color:var(--background-light);color:var(--text-color)}.fanpage-support-content{padding:0}.fanpage-support-hero{background:linear-gradient(135deg,#4a00e00d,#8e2de20d);border-bottom:1px solid var(--border-color);padding:2rem 1.5rem 1.5rem;text-align:center}.fanpage-support-logo{margin-bottom:1rem}.fanpage-support-logo img{border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000001a;height:70px;width:70px}.fanpage-support-hero h4{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin:0 0 .5rem}.fanpage-support-subtitle{color:var(--text-light);font-size:.95rem;font-style:italic;margin:0}.fanpage-support-mission{background:linear-gradient(135deg,#4a00e008,#8e2de208);border-left:4px solid var(--primary-color);padding:2rem 1.5rem;position:relative}.fanpage-support-mission:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.fanpage-support-mission-content{max-width:100%}.fanpage-support-mission-solution{background:#fff;border:1px solid #4a00e01a;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000014;color:var(--text-color);font-size:1rem;line-height:1.8;margin:0;padding:1.5rem;position:relative;text-align:justify}.fanpage-support-mission-solution:before{color:var(--primary-color);content:'"';font-family:serif;font-size:2.5rem;left:.5rem;line-height:1;opacity:.6;position:absolute;top:.2rem}.fanpage-support-mission-solution:after{color:var(--primary-color);content:'"';font-family:serif;font-size:1.8rem;margin-left:.2rem;opacity:.6}.fanpage-support-mission-highlights{display:flex;flex-direction:column;gap:.75rem}.fanpage-support-highlight{align-items:center;background:#fff;border:1px solid #4a00e01a;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000000d;display:flex;gap:.75rem;padding:.75rem;transition:all var(--transition-fast)}.fanpage-support-highlight:hover{border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.fanpage-support-highlight-icon{flex-shrink:0;font-size:1.25rem}.fanpage-support-highlight span:last-child{color:var(--text-color);font-size:.9rem;font-weight:500}.fanpage-support-values{background-color:var(--background-light);padding:1rem 1.5rem 1.5rem}.fanpage-support-values h5{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}.fanpage-support-features{display:flex;flex-direction:column;gap:.75rem}.fanpage-support-feature{align-items:center;background:#fff;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000000d;color:var(--text-color);display:flex;font-weight:500;gap:.75rem;padding:.5rem}.fanpage-support-feature svg{color:var(--primary-color);flex-shrink:0;font-size:1.1rem}.fanpage-support-cta{background:linear-gradient(135deg,#1877f20d,#166fe50d);border-top:1px solid #1877f21a;padding:2rem 1.5rem;text-align:center}.fanpage-support-cta-content{margin-bottom:2rem}.fanpage-support-cta-invite{color:var(--text-color);font-size:1.05rem;font-weight:500;line-height:1.7;margin:0 0 1rem}.fanpage-support-button{align-items:center;background:linear-gradient(135deg,#1877f2,#166fe5);border:none;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px #1877f240;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all var(--transition-fast)}.fanpage-support-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.fanpage-support-button:hover:before{left:100%}.fanpage-support-button:hover{background:linear-gradient(135deg,#166fe5,#1565c0);box-shadow:0 6px 20px #1877f266;transform:translateY(-3px)}.fanpage-support-button svg{font-size:1.3rem;position:relative;z-index:1}.fanpage-support-button span{position:relative;z-index:1}.fanpage-support-benefits{background:#fff;padding:1.5rem}.fanpage-support-benefits h5{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 1.25rem;text-align:center}.fanpage-support-benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.fanpage-support-benefit-item{align-items:center;background:var(--background-light);border-radius:var(--border-radius-sm);display:flex;gap:.75rem;padding:.75rem;transition:all var(--transition-fast)}.fanpage-support-benefit-item:hover{background:#4a00e00d;transform:translateY(-1px)}.fanpage-support-benefit-icon{flex-shrink:0;font-size:1.25rem}.fanpage-support-benefit-item span{color:var(--text-color);font-size:.9rem;font-weight:500;line-height:1.4}@media (max-width:768px){.fanpage-support-modal{margin:1rem;max-width:none}.fanpage-support-header{padding:1rem 1rem .75rem}.fanpage-support-hero{padding:1.5rem 1rem 1rem}.fanpage-support-hero h4{font-size:1.25rem}.fanpage-support-mission{padding:1.5rem 1rem}.fanpage-support-mission-solution{font-size:.95rem;padding:1rem}.fanpage-support-cta{padding:1.5rem 1rem}.fanpage-support-cta-invite{font-size:1rem}.fanpage-support-button{font-size:1rem;justify-content:center;padding:.875rem 1.5rem;width:100%}}@media (max-width:480px){.fanpage-support-overlay{padding:.5rem}.fanpage-support-logo img{height:60px;width:60px}.fanpage-support-hero h4{font-size:1.1rem}.fanpage-support-hero{padding:1rem .75rem .75rem}.fanpage-support-mission{padding:1rem .75rem}.fanpage-support-mission-solution{font-size:.9rem;line-height:1.6;padding:.75rem}.fanpage-support-mission-solution:before{font-size:2rem;left:.25rem}.fanpage-support-cta{padding:1rem .75rem}.fanpage-support-cta-invite{font-size:.95rem;line-height:1.6}.fanpage-support-features{gap:.5rem}.fanpage-support-feature{font-size:.9rem;padding:.4rem}.fanpage-support-benefit-item{padding:.6rem}.fanpage-support-benefit-item span{font-size:.85rem}.fanpage-support-benefits h5{font-size:1rem}}.partnership-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.partnership-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.partnership-modal-header{align-items:center;background:linear-gradient(135deg,#4a00e00d,#8e2de20d);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.partnership-modal-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.partnership-modal-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-light);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all var(--transition-fast)}.partnership-modal-close:hover{background:#0000001a;color:var(--text-color)}.partnership-modal-content{padding:2rem}.partnership-modal-types{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2.5rem}.partnership-modal-type-card{background:#fff;border:1px solid #4a00e01a;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:center;transition:all var(--transition-fast)}.partnership-modal-type-card:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.partnership-modal-type-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.partnership-modal-type-card h3{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.partnership-modal-type-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;text-align:left}.partnership-modal-type-card ul{list-style:none;margin:0;padding:0;text-align:left}.partnership-modal-type-card li{color:var(--text-light);line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.partnership-modal-type-card li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.partnership-modal-process{margin-bottom:2rem}.partnership-modal-process h3{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.partnership-modal-steps{display:flex;flex-direction:column;gap:1.5rem}.partnership-modal-step{align-items:flex-start;background:linear-gradient(135deg,#4a00e008,#8e2de208);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-md);display:flex;gap:1.5rem;padding:1.5rem}.partnership-modal-step-number{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.partnership-modal-step-content h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.partnership-modal-step-content p{color:var(--text-light);line-height:1.6;margin:0}.partnership-modal-contact{background:#fff;border:1px solid #4a00e01a;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000000d;padding:1.5rem}.partnership-modal-contact-item{align-items:flex-start;display:flex;gap:1rem}.partnership-modal-contact-item svg{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.partnership-modal-contact-item h4{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.partnership-modal-contact-item a{color:var(--primary-color);font-size:1rem;font-weight:500;text-decoration:none}.partnership-modal-contact-item a:hover{text-decoration:underline}.partnership-modal-contact-item p{color:var(--text-light);font-size:.9rem;margin:.5rem 0 0}@media (max-width:768px){.partnership-modal{margin:.5rem;max-height:95vh}.partnership-modal-header{padding:1rem 1.5rem}.partnership-modal-header h2{font-size:1.3rem}.partnership-modal-content{padding:1.5rem}.partnership-modal-types{gap:1rem;grid-template-columns:1fr}.partnership-modal-type-card{padding:1rem}.partnership-modal-step{flex-direction:column;gap:1rem;padding:1rem}.partnership-modal-step-number{align-self:flex-start}.partnership-modal-contact-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.partnership-modal-overlay{padding:.5rem}.partnership-modal-header{padding:.75rem 1rem}.partnership-modal-content{padding:1rem}.partnership-modal-type-icon{font-size:1.3rem;height:50px;width:50px}.partnership-modal-step{padding:.75rem}}.proposal-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.proposal-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.proposal-modal-header{align-items:center;background:linear-gradient(135deg,#4a00e00d,#8e2de20d);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.proposal-modal-header h2{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0}.proposal-modal-close{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-light);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all var(--transition-fast)}.proposal-modal-close:hover{background:#0000001a;color:var(--text-color)}.proposal-modal-content{padding:2rem}.proposal-modal-welcome{margin-bottom:2.5rem;text-align:center}.proposal-modal-welcome .proposal-modal-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.proposal-modal-welcome h3{color:var(--text-color);font-size:1.4rem;font-weight:600;margin:0 0 1rem}.proposal-modal-welcome p{color:var(--text-light);font-size:1rem;line-height:1.7;margin:0}.proposal-modal-scope{margin-bottom:2rem}.proposal-modal-scope h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.proposal-modal-items{display:flex;flex-direction:column;gap:1rem}.proposal-modal-item{align-items:flex-start;background:#fff;border:1px solid #4a00e01a;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all var(--transition-fast)}.proposal-modal-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.proposal-modal-item svg{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.proposal-modal-item h5{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.proposal-modal-item p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}.proposal-modal-philosophy{background:linear-gradient(135deg,#4a00e008,#8e2de208);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-md);margin-bottom:2rem;padding:1.5rem}.proposal-modal-philosophy h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.proposal-modal-philosophy p{color:var(--text-color);line-height:1.7;margin:0}.proposal-modal-contact h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.proposal-modal-contact-item{align-items:flex-start;background:#fff;border:1px solid #4a00e01a;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem}.proposal-modal-contact-item svg{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.proposal-modal-contact-item h5{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.proposal-modal-contact-item a{color:var(--primary-color);font-size:1rem;font-weight:500;text-decoration:none}.proposal-modal-contact-item a:hover{text-decoration:underline}.proposal-modal-contact-item p{color:var(--text-light);font-size:.9rem;margin:.5rem 0 0}.proposal-modal-note{background:linear-gradient(135deg,#4a00e00d,#8e2de20d);border-left:3px solid var(--primary-color);border-radius:var(--border-radius-sm);padding:1rem}.proposal-modal-note p{color:var(--text-color);font-size:.95rem;line-height:1.6;margin:0}.proposal-modal-note strong{color:var(--primary-color)}@media (max-width:768px){.proposal-modal{margin:.5rem;max-height:95vh}.proposal-modal-header{padding:1rem 1.5rem}.proposal-modal-header h2{font-size:1.3rem}.proposal-modal-content{padding:1.5rem}.proposal-modal-welcome .proposal-modal-icon{font-size:1.8rem;height:70px;width:70px}.proposal-modal-item{padding:1rem}.proposal-modal-contact-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.proposal-modal-overlay{padding:.5rem}.proposal-modal-header{padding:.75rem 1rem}.proposal-modal-content{padding:1rem}.proposal-modal-welcome .proposal-modal-icon{font-size:1.5rem;height:60px;width:60px}.proposal-modal-item{padding:.75rem}}.optimized-image-container{display:inline-block;position:relative}.image-loading-placeholder{align-items:center;background-color:#f5f5f5;border-radius:8px;color:#666;display:flex;flex-direction:column;font-size:14px;justify-content:center;min-height:200px}.loading-spinner{border:2px solid #e0e0e0;border-top-color:#4a6bff;height:24px;margin-bottom:8px;width:24px}.hero{background:linear-gradient(135deg,#4a6bff,#6b8cff);color:#fff;overflow:hidden;padding:8rem 0 6rem;position:relative}.hero-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-lg);position:relative;width:100%;z-index:2}.hero-text h1{font-size:3rem;line-height:1.2;margin-bottom:var(--spacing-lg)}.hero-text p{font-size:1.2rem;margin-bottom:var(--spacing-xl);opacity:.9}.hero-buttons{display:flex;gap:1rem}.hero-buttons .primary-button{background-color:#fff;color:var(--primary-color)}.hero-buttons .primary-button:hover{background-color:#ffffffe6}.hero-buttons .secondary-button{border-color:#fff;color:#fff}.hero-buttons .secondary-button:hover{background-color:#fff;color:var(--primary-color)}.hero-image{align-items:center;display:flex;justify-content:center}.hero-image img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:100%}.hero-demo-gif{border:1px solid #fff3;max-width:500px;width:100%}.hero-wave{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.hero-wave svg{display:block;height:80px;position:relative;width:calc(100% + 1.3px)}@media (max-width:992px){.hero{padding:7rem 0 5rem}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.1rem}}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{order:1}.hero-image{margin-bottom:2rem;order:0}.hero-buttons{justify-content:center}.hero-text h1{font-size:2.2rem}}@media (max-width:576px){.hero{padding:6rem 0 4rem}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.hero-buttons{flex-direction:column}.hero-wave svg{height:60px}}.feature-card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:2rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-card.task-management .feature-icon{color:#4caf50}.feature-card.reward-system .feature-icon{color:#ffc107}.feature-card.adventure-map .feature-icon{color:#2196f3}.feature-card.achievement-system .feature-icon{color:#ff9800}.feature-card.vocabulary-challenge .feature-icon{color:#9c27b0}.feature-card.bedtime-checklist .feature-icon{color:#3f51b5}.feature-card.parent-child .feature-icon{color:#ff5722}.feature-card.task-review .feature-icon{color:#4caf50}.feature-card.responsive-design .feature-icon{color:#9c27b0}.feature-card h3{color:var(--text-color);font-size:1.3rem;margin-bottom:var(--spacing-md)}.feature-card p{color:var(--text-light);flex-grow:1;font-size:.95rem;margin-bottom:0}.review-section{background-color:var(--background-alt);padding:5rem 0}:root{--primary-color-rgb:56,189,248}.average-rating{align-items:center;display:flex;justify-content:center;margin-top:1rem}.rating-value{color:var(--primary-color);font-size:2rem;font-weight:700;margin-right:.5rem}.rating-count{color:var(--text-light);margin-left:.5rem}.reviews-carousel-container{margin-bottom:4rem;overflow:hidden;padding:1rem 0;position:relative;width:100%}.reviews-carousel{animation:marquee 50s linear infinite;animation-delay:-5s;animation-play-state:running!important;backface-visibility:hidden;display:flex;gap:2rem;padding:1.5rem 0;perspective:1000px;transform:translateZ(0);width:max-content;will-change:transform}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.reviews-carousel-container:hover{cursor:pointer}.review-card{background-color:#0f172ad9;border:1px solid #38bdf84d;border:1px solid rgba(var(--primary-color-rgb),.3);border-radius:8px;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;flex-shrink:0;height:220px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease;width:300px}.review-card:before{background:linear-gradient(90deg,#38bdf8cc,#38bdf833 70%,#0000);background:linear-gradient(to right,rgba(var(--primary-color-rgb),.8),rgba(var(--primary-color-rgb),.2) 70%,#0000);content:"";height:2px;left:0;position:absolute;top:0;width:100%}.review-card:after{border-right:2px solid #38bdf8cc;border-right:2px solid rgba(var(--primary-color-rgb),.8);border-top:2px solid #38bdf8cc;border-top:2px solid rgba(var(--primary-color-rgb),.8);content:"";height:20px;position:absolute;right:0;top:0;width:20px}.review-card:hover{border-color:#38bdf880;border-color:rgba(var(--primary-color-rgb),.5);box-shadow:0 12px 40px #0000004d;transform:translateY(-3px)}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;position:relative;z-index:1}.review-header h3{color:#ffffffe6;font-size:1rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.review-rating,.stars-container{align-items:center;display:flex}.star{color:#e0e0e0;font-size:1.2rem;margin-right:.2rem}.star.filled{color:#ffc107}.star:hover{cursor:pointer}.review-content{flex-grow:1;overflow:hidden;padding:.5rem 0;position:relative;z-index:1}.review-content p{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden;position:relative;text-overflow:ellipsis}.review-card .tech-dots{background-image:radial-gradient(circle,#38bdf866 1px,#0000 0);background-image:radial-gradient(circle,rgba(var(--primary-color-rgb),.4) 1px,#0000 1px);background-size:8px 8px;bottom:10px;height:60px;opacity:.7;position:absolute;right:10px;width:60px;z-index:0}.review-card .tech-line{background:linear-gradient(90deg,#38bdf880,#38bdf81a 50%,#0000);background:linear-gradient(to right,rgba(var(--primary-color-rgb),.5),rgba(var(--primary-color-rgb),.1) 50%,#0000);bottom:0;height:1px;left:0;position:absolute;width:100%}.review-form-container{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:700px;padding:2rem}.review-form-container h3{color:var(--text-color);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.review-form{gap:1.5rem}.form-group,.review-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group input,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-family:var(--font-family)}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-group textarea{min-height:120px;resize:vertical}.rating-input{align-items:center;display:flex}.rating-input .star{cursor:pointer;font-size:1.5rem;transition:transform .2s ease}.rating-input .star:hover{transform:scale(1.2)}.primary-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.success-message{background-color:#4caf501a;color:#4caf50}.error-message,.success-message{border-radius:var(--border-radius-md);margin-top:1rem;padding:.75rem}.error-message{background-color:#f443361a;color:#f44336;text-align:center}@media (max-width:992px){.review-card{height:220px;width:280px}.reviews-carousel{animation-duration:80s}.review-card:after{height:15px;width:15px}.review-card .tech-dots{height:50px;width:50px}.review-card .tech-line{width:80%}}@media (max-width:768px){.review-card{height:240px;width:260px}.review-card,.review-form-container{padding:1.5rem}.reviews-carousel{animation-duration:60s}.review-header h3{font-size:1.1rem}.review-content p{font-size:.9rem}}@media (max-width:576px){.review-card{height:260px;padding:1.25rem;width:240px}.review-content p{-webkit-line-clamp:3}.reviews-carousel{animation-duration:40s;gap:1.5rem}.review-card:after{height:12px;width:12px}.review-card .tech-dots{background-size:6px 6px;height:30px;width:30px}.review-card .tech-line{width:70%}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.review-form-container{padding:1rem}}.home-page{overflow-x:hidden}.features-section{background-color:var(--background-color);padding:5rem 0}.section-header{margin-bottom:3rem}.section-header h2{font-size:2.2rem;margin-bottom:var(--spacing-md)}.section-header p{color:var(--text-light);font-size:1.1rem}.features-grid{margin-bottom:3rem}.features-cta{text-align:center}.app-showcase{background-color:var(--background-alt);padding:5rem 0 6rem}.showcase-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1100px}.showcase-text{text-align:center}.showcase-text h2{color:var(--text-color);font-size:2.2rem;margin-bottom:var(--spacing-md)}.showcase-text p{color:var(--text-light);font-size:1.1rem;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:800px}.feature-grid-container{margin:1.5rem 0;text-align:center}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 auto;max-width:900px;padding:0;text-align:center}.showcase-image-container{display:flex;justify-content:center;margin:2rem auto;max-width:800px;overflow:visible}.feature-grid li{align-items:center;color:var(--text-color);display:flex;font-size:1.05rem;justify-content:center;margin-bottom:var(--spacing-sm);padding:.5rem}.feature-grid li svg{color:#4caf50;flex-shrink:0;margin-right:var(--spacing-sm)}.showcase-image img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);height:auto;max-width:100%}.app-demo-gif{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:120%;width:120%}.showcase-cta{margin-top:1rem;text-align:center}.stats-section{background-color:var(--primary-color);color:#fff;padding:5rem 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);text-align:center}.stat-item h3{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}.stat-item p{font-size:1.1rem;opacity:.9}.related-links-section{background-color:var(--background-color);padding:5rem 0}.related-links-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.related-link-card{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.related-link-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.related-link-card h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.related-link-card p{color:var(--text-light);font-size:1rem;margin-bottom:1.5rem;min-height:3rem}.link-button{background-color:initial;border:2px solid var(--primary-color);border-radius:var(--border-radius-sm);color:var(--primary-color);display:inline-block;font-weight:500;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.link-button:hover{background-color:var(--primary-color);color:#fff}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)}.showcase-text{text-align:center}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase-image-container{margin-top:1rem}.app-demo-gif{max-width:120%;width:120%}.stats-grid{gap:3rem 2rem}.related-links-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.section-header h2{font-size:2rem}.showcase-text h2{font-size:1.8rem}}@media (max-width:576px){.feature-grid,.features-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:2rem}.related-links-grid{grid-template-columns:1fr}}.platform-support{margin-bottom:2rem;margin-top:1.5rem}.platform-support-title{font-size:1.2rem;font-weight:500;margin-bottom:1rem;opacity:.9;text-align:center}.platform-support-section{background-color:var(--background-alt);overflow:hidden;padding:6rem 0;position:relative;text-align:center}.platform-support-section:before{background:linear-gradient(135deg,#4a6bff0d,#6b8cff1a);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.platform-support-section .container{position:relative;z-index:1}.platform-section-title{color:var(--text-color);font-size:2.2rem;margin-bottom:1rem}.platform-section-description{color:var(--text-light);font-size:1.1rem;margin:0 auto 2.5rem;max-width:700px}.platform-grid{display:flex!important;flex-wrap:nowrap!important;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;overflow-x:auto}.platform-item{align-items:center;background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex-direction:column;min-width:220px;padding:3rem 2.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.platform-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.recommended-badge{align-items:center;background-color:#ff9800;border-radius:20px;box-shadow:0 2px 5px #0003;color:#fff;display:flex;font-size:.85rem;font-weight:600;gap:5px;padding:5px 10px;position:absolute;right:15px;top:15px;z-index:1}.recommended-badge svg{font-size:.9rem}.platform-icon{font-size:5rem;margin-bottom:1.5rem}.platform-item:first-child .platform-icon{color:#3f51b5}.platform-item:nth-child(2) .platform-icon{color:#e91e63}.platform-item:nth-child(3) .platform-icon{color:#009688}.platform-name{color:var(--text-color);font-size:1.5rem;font-weight:600;margin-bottom:.8rem}.platform-description{color:var(--text-light);font-size:1rem;line-height:1.5;text-align:center}@media (max-width:992px){.platform-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr);max-width:800px}.platform-item{min-width:200px;padding:2.5rem 1.5rem}.platform-icon{font-size:4rem;margin-bottom:1.2rem}.platform-name{font-size:1.3rem}.platform-description{font-size:.95rem}.recommended-badge{font-size:.8rem;padding:4px 8px;right:10px;top:10px}.recommended-badge svg{font-size:.8rem}}@media (max-width:768px){.platform-grid{gap:1.2rem;grid-template-columns:repeat(3,1fr);max-width:650px}.platform-item{min-width:180px;padding:2rem 1.2rem}.platform-icon{font-size:3.5rem;margin-bottom:1rem}.platform-name{font-size:1.2rem;margin-bottom:.5rem}.platform-description{font-size:.9rem}.recommended-badge{font-size:.75rem;padding:3px 6px;right:8px;top:8px}.recommended-badge svg{font-size:.75rem}}@media (max-width:576px){.platform-grid{gap:1.5rem;grid-template-columns:1fr;max-width:320px}.platform-item{min-width:280px;padding:2.5rem 2rem}.platform-icon{font-size:4.5rem}.platform-name{font-size:1.4rem}.platform-description{font-size:1rem;max-width:280px}.recommended-badge{font-size:.8rem;padding:4px 8px;right:12px;top:12px}}@media screen and (orientation:portrait){.platform-grid{grid-gap:1.5rem!important;display:grid!important;flex-wrap:nowrap!important;gap:1.5rem!important;grid-template-columns:1fr!important;overflow-x:visible!important;overflow-x:initial!important}.platform-item{max-width:100%!important;min-width:auto!important}}.features-page{overflow-x:hidden}.features-philosophy{background:linear-gradient(135deg,#4a00e014,#8e2de214);border:2px solid #4a00e033;border-radius:15px;margin-top:2rem;padding:2rem;position:relative}.features-philosophy p{color:var(--text-color);font-size:1.1rem;line-height:1.7;margin:0;text-align:left}.feature-section{background-color:var(--background-color);padding:5rem 0}.feature-section.alt-bg{background-color:var(--background-alt)}.feature-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.feature-content.reverse{direction:rtl}.feature-content.reverse>*{direction:ltr}.feature-text .feature-icon{color:var(--primary-color);font-size:3rem;margin-bottom:var(--spacing-md)}.feature-text h2{color:var(--text-color);font-size:2rem;margin-bottom:var(--spacing-md)}.feature-text p{color:var(--text-light);font-size:1.05rem;margin-bottom:var(--spacing-lg)}.feature-list{list-style:none}.feature-list li{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem;padding-left:1.5rem;position:relative}.feature-list li:before{color:var(--primary-color);content:"•";font-size:1.2rem;left:0;position:absolute}.feature-image img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%}.feature-image-container{margin-top:2rem}.feature-image-container,.feature-image-placeholder{align-items:center;display:flex;justify-content:center}.feature-image-placeholder{background:linear-gradient(135deg,#4a00e01a,#8e2de21a);border:2px dashed #4a00e04d;border-radius:var(--border-radius-lg);max-width:500px;min-height:200px;padding:3rem 2rem;text-align:center;width:100%}.feature-image-placeholder p{color:var(--text-light);font-size:1.1rem;font-style:italic;margin:0}.feature-video-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}.feature-video{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);height:auto;max-width:500px;width:70%}.feature-header{margin-bottom:3rem;text-align:center}.reward-content-wrapper{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1000px}.reward-list-container{flex:3 1;max-width:650px}.reward-stats-container{display:flex;flex:2 1;justify-content:flex-start;padding-left:1rem;position:relative}.reward-stats-container:before{background-color:#4a6bff0d;border-radius:var(--border-radius-lg);bottom:-10px;content:"";left:0;position:absolute;right:0;top:-10px;z-index:-1}.reward-gif-container{margin-left:auto;margin-right:auto;margin-top:4rem;max-width:1000px;text-align:center;width:100%}.reward-gif-container img{display:block;margin:0 auto;max-width:1000px}.reward-gif-container img,.reward-stats{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%}.reward-stats{align-items:center;background-color:#e0e9ff;border:2px solid #c0d0ff;display:flex;flex-direction:column;height:fit-content;max-width:350px;padding:2.5rem 2rem;text-align:left}.reward-stats h3{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:var(--primary-color);font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;margin-top:.5rem;padding:.8rem 1rem;position:relative;text-align:center;width:100%}.reward-stats h3:after{background-color:var(--primary-color);bottom:0;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);width:50px}.reward-stat-item{align-items:center;background-color:#fff;border:1px solid #d8e0ff;border-radius:8px;box-shadow:0 3px 6px #00000014;display:flex;margin-bottom:.8rem;padding:.8rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.reward-stat-item:hover{box-shadow:0 5px 10px #0000001a;transform:translateY(-3px)}.reward-stat-icon{color:var(--primary-color);display:flex;font-size:1.5rem;justify-content:center;margin-right:1rem;min-width:30px}.reward-stat-text{flex:1 1}.reward-stat-text h4{font-size:1rem;font-weight:600;line-height:1.4;margin:0}.reward-stat-text p{color:var(--text-light);font-size:.9rem;line-height:1.4;margin:.15rem 0 0}@media (max-width:992px){.reward-content-wrapper{align-items:center;flex-direction:column;gap:3rem}.reward-list-container{max-width:100%}.reward-stats-container{max-width:500px;padding-left:0;width:100%}.reward-stats-container:before{background-color:#4a6bff14;bottom:-15px;left:-15px;right:-15px;top:-15px}.reward-stats{max-width:100%}}@media (max-width:576px){.reward-content-wrapper{gap:2rem}.reward-stats-container{max-width:100%}.reward-gif-container{margin-top:3rem}.feature-header{margin-bottom:2rem}}.other-features{background-color:var(--background-alt);padding:5rem 0}.other-features h2{color:var(--text-color);font-size:2.2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.feature-item{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.feature-item .feature-icon{color:var(--primary-color);font-size:2.5rem;margin-bottom:var(--spacing-md)}.feature-item:first-child .feature-icon{color:#4caf50}.feature-item:nth-child(2) .feature-icon{color:#ff5722}.feature-item:nth-child(3) .feature-icon{color:#2196f3}.feature-item:nth-child(4) .feature-icon{color:#9c27b0}.feature-item:nth-child(5) .feature-icon{color:#ffc107}.feature-item:nth-child(6) .feature-icon{color:#e91e63}.feature-item h3{color:var(--text-color);font-size:1.3rem;margin-bottom:var(--spacing-md)}.feature-item p{color:var(--text-light);font-size:.95rem;margin-bottom:0}@media (max-width:992px){.feature-content{gap:2rem;grid-template-columns:1fr}.feature-text{order:1}.feature-image{order:0}.feature-content.reverse{direction:ltr}.feature-content.reverse .feature-text{order:1}.feature-content.reverse .feature-image{order:0}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.feature-text h2{font-size:1.8rem}.other-features h2{font-size:2rem}}@media (max-width:576px){.features-grid{grid-template-columns:1fr}}.feature-list li{font-size:1.05rem!important;line-height:1.6!important;margin-bottom:1.5rem!important}.reward-stats{padding:1.2rem 2rem!important}.reward-stat-item{margin-bottom:.8rem!important;padding:.8rem!important}.feature-header h2{color:#4a6bff!important;display:inline-block!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:1.2rem!important;position:relative!important;text-shadow:0 1px 2px #0000001a!important}.feature-header h2:after{background-color:#4a6bff;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.feature-header .feature-icon{font-size:3.5rem!important;margin-bottom:1rem!important}.feature-header p{color:#555!important;font-size:1.3rem!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.6!important;margin:1.5rem auto 2rem!important;max-width:800px!important;padding:0 1rem!important;text-align:center!important}.pricing-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:2.5rem 2rem;position:relative;text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.pricing-card.popular{border:2px solid var(--primary-color);transform:scale(1.05);z-index:1}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background-color:var(--primary-color);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:2rem;top:0}.pricing-card h3{color:var(--text-color);font-size:1.5rem;margin-bottom:var(--spacing-lg)}.price{margin-bottom:var(--spacing-xl)}.price .amount{color:var(--text-color);font-size:2.5rem;font-weight:700}.price .period{color:var(--text-light);font-size:1rem}.original-price{margin-bottom:.5rem}.strikethrough{color:var(--text-light)!important;opacity:.6;text-decoration:line-through}.beta-free-notice{align-items:center;animation:pulse-glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff6b351a,#f7931e1a);border:2px solid #ff6b354d;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #ff6b3533;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem}@keyframes pulse-glow{0%{box-shadow:0 4px 12px #ff6b3533;transform:scale(1)}to{box-shadow:0 6px 20px #ff6b3566;transform:scale(1.02)}}.beta-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;background-clip:text;color:#ff6b35;font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px #ff6b354d;text-transform:uppercase}.beta-period{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.3rem;font-weight:800;letter-spacing:.3px;text-shadow:0 2px 4px #2563eb4d}.features{flex-grow:1;list-style:none;margin-bottom:var(--spacing-xl)}.features li{align-items:center;color:var(--text-light);display:flex;font-size:.95rem;margin-bottom:var(--spacing-md)}.pricing-card .feature-icon{background-color:var(--success-color);border-radius:50%;display:inline-block;flex-shrink:0;height:20px;margin-right:var(--spacing-sm);position:relative;width:20px}.pricing-card .feature-icon:before{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pricing-button{background-color:var(--primary-color);border-radius:var(--border-radius-md);color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:background-color var(--transition-fast),transform var(--transition-fast);width:100%}.pricing-button:hover{background-color:var(--primary-dark);color:#fff;transform:translateY(-2px)}.popular-button{background-color:var(--secondary-color)}.popular-button:hover{background-color:var(--secondary-dark)}@media (max-width:992px){.pricing-card.popular{transform:scale(1.03)}.pricing-card.popular:hover{transform:scale(1.03) translateY(-10px)}}@media (max-width:768px){.pricing-card{margin-bottom:2rem}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}}.pricing-page{overflow-x:hidden}.upgrade-mechanism{background:linear-gradient(135deg,#f8f9ff,#e8f4f8);padding:4rem 0}.upgrade-explanation{margin:0 auto;max-width:1000px;text-align:center}.upgrade-explanation h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}.upgrade-philosophy{background:linear-gradient(135deg,#4a00e014,#8e2de214);border:2px solid #4a00e033;border-radius:15px;margin-bottom:3rem;padding:2rem;position:relative}.upgrade-philosophy p{color:var(--text-color);font-size:1.1rem;line-height:1.7;margin:0;text-align:left}.upgrade-steps{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:3rem}.step{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;flex:1 1;min-width:280px;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.step:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-5px)}.step-number{background:linear-gradient(135deg,#4a00e0,#8e2de2);font-size:1.2rem;height:40px;left:50%;position:absolute;top:-15px;transform:translateX(-50%);width:40px}.step-content h3{color:var(--primary-color);font-size:1.4rem;margin:1rem 0}.step-content p{color:var(--text-color)}.downgrade-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;margin-top:2rem;padding:1.5rem}.downgrade-notice p{color:#856404;font-size:1.1rem;margin:0}.upgrade-condition-row{background:linear-gradient(135deg,#e8f4f8,#f0f8ff);font-weight:700}.upgrade-condition-row td{border-bottom:2px solid var(--primary-color)!important;padding:1rem!important}.support-section{background:linear-gradient(135deg,#f8f9ff,#fff8f0);border-top:1px solid #0000001a;padding:4rem 0}.support-content{margin:0 auto;max-width:800px;text-align:center}.support-content h2{color:var(--primary-color);font-size:2.2rem;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}.support-description{background:#fff;border:2px solid #ffa50033;border-radius:15px;box-shadow:0 8px 25px #0000001a;margin-bottom:2.5rem;padding:2rem}.support-description p{color:var(--text-color);font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.support-description p:last-child{margin-bottom:0}.email-notice{background:linear-gradient(135deg,#e8f4fd,#f0f8ff);border:2px solid #4a90e2;border-radius:12px;margin:1.5rem 0;padding:1.5rem;position:relative}.email-notice h4{color:#2c5aa0;font-size:1.2rem;font-weight:600;margin-bottom:.8rem}.email-notice p{color:#444;font-size:1rem;line-height:1.6;margin-bottom:.8rem}.email-format-example{margin-top:1rem}.email-format-example p{font-weight:500;margin-bottom:.5rem}.example-image-container{margin:.8rem 0;text-align:center}.donate-example-image{border-radius:8px;box-shadow:0 4px 12px #00000026;height:auto;max-width:100%}.example-box{background:#fff;border:1px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:.95rem;line-height:1.4;margin:.8rem 0;padding:1rem}.example-box p{color:#333;margin:.3rem 0}.email-line{background:#fff5f5;border:1px dashed #e74c3c;border-radius:4px;color:#e74c3c!important;font-weight:700;padding:.2rem .5rem}.format-note{color:#666;font-size:.9rem;font-style:italic;margin-top:.8rem}.support-qr-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.support-qr-code{border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);cursor:pointer;height:200px;transition:transform var(--transition-fast);width:200px}.support-qr-code:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.qr-description{color:var(--text-light);font-size:.9rem;margin:0;text-align:center}.fb-link{color:#1877f2;font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.fb-link:hover{color:#166fe5;text-decoration:underline}.support-button{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:50px;box-shadow:0 4px 15px #ff6b354d;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:600;padding:1.2rem 2.5rem;text-decoration:none;transition:all .3s ease}.support-button:hover{background:linear-gradient(135deg,#ff5722,#ff9800);box-shadow:0 6px 20px #ff6b3566;transform:translateY(-2px)}.premium-support-section{background:linear-gradient(135deg,#f8f9ff,#fff8f0);border:2px solid #ff980033;border-radius:20px;margin-top:2rem;padding:1.5rem}.premium-support-summary{margin-bottom:1rem;text-align:center}.premium-support-summary p{color:var(--text-color);font-size:1.1rem;font-weight:500;line-height:1.6;margin:0}.premium-support-toggle{align-items:center;background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #ff9800;border-radius:15px;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.premium-support-toggle:hover{background:linear-gradient(135deg,#fff8f0,#f0f8ff);box-shadow:0 8px 20px #ff980033;transform:translateY(-2px)}.premium-support-toggle span{color:#e65100;font-size:1.1rem;font-weight:600;margin-right:.5rem}.premium-toggle-icon{color:#ff9800;font-size:1.2rem;transition:transform .3s ease}.premium-support-details{overflow:hidden}.premium-support-content{padding:1rem 0}.premium-highlight-box{background:linear-gradient(135deg,#fff8e1,#f3e5f5);border:2px solid #ff9800;border-radius:15px;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.premium-highlight-box:before{background:linear-gradient(90deg,#ff9800,#e91e63,#9c27b0);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.premium-highlight-box h4{color:#e65100;font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.premium-highlight-box p{color:#444;font-size:1.05rem;line-height:1.7;margin:0}.premium-steps{margin:2rem 0}.premium-step{align-items:flex-start;background:#fff;border-left:4px solid #ff9800;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;margin-bottom:1.5rem;padding:1rem}.step-number{align-items:center;background:linear-gradient(135deg,#ff9800,#e91e63);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:2.5rem;justify-content:center;margin-right:1rem;width:2.5rem}.step-content{flex:1 1;text-align:left}.step-content h5{color:#e65100;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-align:left}.step-content p{color:#444;font-size:1rem;line-height:1.6;margin:0;text-align:left}.premium-guarantee{align-items:flex-start;background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border:2px solid #4caf50;border-radius:15px;display:flex;margin-top:2rem;padding:1.5rem}.guarantee-icon{flex-shrink:0;font-size:2rem;margin-right:1rem}.guarantee-text h5{color:#2e7d32;font-size:1.2rem;font-weight:600;margin-bottom:.8rem}.guarantee-text p{color:#444;font-size:1rem;line-height:1.7;margin-bottom:.8rem}.guarantee-text p:last-child{margin-bottom:0}.guarantee-text strong{color:#2e7d32;font-weight:600}.feature-scope-notice{background:#ffc1071a;border:1px solid #ffc107;border-radius:10px;margin-top:1rem;padding:1rem}.feature-scope-notice p{color:#856404;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.feature-scope-notice p:last-child{margin-bottom:0}.feature-scope-notice strong{color:#856404;font-weight:600}@media (max-width:768px){.premium-step{flex-direction:column;text-align:center}.step-number{margin-bottom:1rem;margin-right:0}.step-content,.step-content h5,.step-content p{text-align:center}.premium-guarantee{flex-direction:column;text-align:center}.guarantee-icon{margin-bottom:1rem;margin-right:0}}.support-button:active{transform:translateY(0)}@media (max-width:768px){.upgrade-steps{align-items:center;flex-direction:column}.step{max-width:400px}.upgrade-explanation h2{font-size:2rem}.support-content h2{font-size:1.8rem}.support-description{padding:1.5rem}.email-notice{margin:1.2rem 0;padding:1.2rem}.email-notice h4{font-size:1.1rem}.example-image-container{margin:.6rem 0}.donate-example-image{height:auto;max-width:100%}.example-box{font-size:.9rem;padding:.8rem}.format-note{font-size:.85rem}.support-button{font-size:1.1rem;padding:1rem 2rem}.support-qr-code{height:160px;width:160px}.qr-description{font-size:.85rem}}.free-trial-expanded{background-color:#fffc;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:2rem auto;max-width:800px;padding:4rem 0;text-align:center}.free-trial-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.free-trial-content h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.free-trial-content p{color:var(--text-color);font-size:1.2rem;margin-bottom:1rem;max-width:600px}.free-trial-content .buttons-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.free-trial-content .primary-button{background:linear-gradient(135deg,#4a00e0,#8e2de2);box-shadow:0 4px 15px #0003;font-size:1.2rem;padding:1rem 2.5rem;transition:transform .3s,box-shadow .3s}.free-trial-content .primary-button:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-5px)}.free-trial-content .feedback-button{background-color:initial;border:2px solid #4a00e0;box-shadow:0 4px 15px #0000001a;color:#4a00e0;font-size:1.2rem;padding:1rem 2.5rem;transition:transform .3s,box-shadow .3s,background-color .3s,color .3s}.free-trial-content .feedback-button:hover{background-color:#4a00e0;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-5px)}.free-trial-banner{background:linear-gradient(135deg,#4a00e0,#8e2de2);box-shadow:0 4px 12px #00000026;color:#fff;padding:1.5rem 0;position:relative;z-index:10}.banner-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.banner-icon{animation:pulse 2s infinite;font-size:2.5rem;margin-bottom:.5rem}.free-trial-banner h2{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.free-trial-banner p{font-size:1.1rem;margin:0 auto;max-width:600px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.testing-info{margin-left:auto;margin-right:auto;margin-top:1rem;max-width:800px;text-align:left}.testing-info h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;text-align:center}.join-steps{margin-bottom:1.5rem}.join-steps h4{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-align:center}.join-steps ol{list-style-type:decimal;margin:0;padding-left:1.5rem}.join-steps ol li{line-height:1.6;margin-bottom:.5rem;padding-left:.5rem}.join-steps ol li a{color:gold;font-weight:500;text-decoration:underline}.join-steps ol li a:hover{color:#fff8dc}.test-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.test-button{background-color:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.test-button:hover{background-color:#ffffff4d;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.google-play-button{align-items:center;display:flex;gap:.5rem;justify-content:center}.google-play-icon{flex-shrink:0;height:20px;object-fit:contain;width:20px}.benefits{background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:center}.benefits p{margin-bottom:.5rem}.benefits p:last-child{margin-bottom:0}.highlight-benefit{animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ffd7001a,#fff8dc1a);border:2px solid #ffd7004d;border-radius:12px;color:gold!important;font-size:1.2rem!important;margin:1rem 0!important;padding:1rem .5rem!important;text-shadow:0 0 10px #ffd70080}@keyframes glow{0%{box-shadow:0 0 5px #ffd7004d}to{box-shadow:0 0 20px #ffd70099}}.free-trial-content .highlight-benefit{animation:glowPurple 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#4a00e01a,#8e2de21a);border:2px solid #4a00e04d;color:#4a00e0!important;text-shadow:0 0 10px #4a00e04d}@keyframes glowPurple{0%{box-shadow:0 0 5px #4a00e04d}to{box-shadow:0 0 20px #4a00e099}}.limited-offer{animation:urgentPulse 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff45001a,#ff8c001a);border:2px solid #ff45004d;border-radius:8px;margin-top:1rem;padding:1rem}.limited-offer p{color:#ff6b35;font-weight:600;margin-bottom:.5rem}.limited-offer p:last-child{margin-bottom:0}.urgent-notice{animation:urgentGlow 3s ease-in-out infinite alternate;background:#fffffff2;border:2px solid #fffc;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-bottom:1rem;padding:1.2rem}.urgent-notice p{color:#1f2937!important;font-weight:700;margin-bottom:.8rem;text-shadow:none}.urgent-notice p:last-child{margin-bottom:0}.quota-status{background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;color:#374151!important;display:inline-block;font-size:1.1rem!important;margin:.5rem 0;padding:.5rem 1rem}.call-to-action{animation:textPulse 2.5s ease-in-out infinite alternate;color:#111827!important;font-size:1.05rem!important}@keyframes urgentPulse{0%{box-shadow:0 2px 10px #ff45004d}to{box-shadow:0 4px 20px #ff450080}}@keyframes urgentGlow{0%{border-color:#fffc;box-shadow:0 4px 20px #00000026}to{border-color:#fff;box-shadow:0 6px 25px #0003}}@keyframes textPulse{0%{opacity:.9}to{opacity:1}}.pricing-toggle{padding:2rem 0;text-align:center}.toggle-container{align-items:center;background-color:var(--background-alt);border-radius:2rem;box-shadow:0 1px 3px #0000001a;display:inline-flex;justify-content:center;padding:.75rem 1rem}.toggle-container span{align-items:center;color:var(--text-light);display:flex;font-weight:500;padding:0 .75rem;transition:color var(--transition-fast)}.toggle-container span.active{color:var(--text-color)}.toggle-switch{align-items:center;background-color:#e0e0e0;border:1px solid #d0d0d0;border-radius:13px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:26px;margin:0 .5rem;position:relative;transition:all var(--transition-normal);width:50px}.toggle-switch.monthly-bg{background-color:#e8f5e9;border-color:#a5d6a7}.toggle-switch.annual-bg{background-color:#e3f2fd;border-color:#90caf9}.toggle-switch:hover{box-shadow:var(--shadow-md)}.toggle-button{background-color:var(--primary-color);border:1px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:22px;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-normal);width:22px}.toggle-button.monthly{background-color:#4caf50;left:4px}.toggle-button.annual{background-color:#2196f3;left:auto;right:4px}.toggle-switch:active .toggle-button{transform:translateY(-50%) scale(.9)}.discount{background-color:var(--secondary-color);border-radius:var(--border-radius-sm);color:#fff;font-size:.8rem;margin-left:.5rem;padding:.2rem .5rem}.pricing-cards{padding:2rem 0 5rem}.cards-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.features-comparison{background-color:var(--background-alt);padding:5rem 0}.features-comparison h2{color:var(--text-color);font-size:2.2rem;margin-bottom:3rem;text-align:center}.comparison-table-container{overflow-x:auto}.comparison-table{background-color:#fff;border-collapse:collapse;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border-color);padding:1rem;text-align:center}.comparison-table th{background-color:var(--primary-color);color:#fff;font-weight:600}.comparison-table td:first-child,.comparison-table th:first-child{font-weight:500;text-align:left}.icon-yes{color:var(--success-color)}.icon-no,.icon-yes{font-size:18px;font-weight:700}.icon-no{color:var(--error-color)}.free-trial-note{align-items:center;background-color:#ffffff26;border:1px solid #fff3;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000001a;color:#ffeb3b;display:inline-flex;font-weight:500;gap:.8rem;margin:1rem 0 1.5rem;padding:.8rem 1.2rem}.note-icon{animation:shake 2s infinite;font-size:1.5rem}@keyframes shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.pricing-faq{padding:5rem 0}.pricing-faq h2{color:var(--text-color);font-size:2.2rem;margin-bottom:3rem;text-align:center}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.faq-grid .faq-item{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100%;margin-bottom:0;padding:1.5rem;transition:all .3s ease}.faq-grid .faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.faq-grid .highlight-faq{background:linear-gradient(135deg,#f5f7fa,#e8f4f8);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-md)}.faq-grid .faq-item h3{color:var(--text-color);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.faq-grid .faq-item p{color:var(--text-light);font-size:.95rem}@media (max-width:992px){.cards-container{gap:3rem 2rem;grid-template-columns:repeat(2,1fr)}.cards-container>div:last-child{grid-column:1/-1;margin:0 auto;max-width:none;width:100%}}@media (max-width:768px){.cards-container{grid-template-columns:1fr;margin:0 auto;max-width:400px;width:100%}.cards-container>div:last-child{grid-column:auto;max-width:none;width:100%}.faq-grid{grid-template-columns:1fr}.features-comparison h2,.pricing-faq h2{font-size:2rem}.free-trial-content .buttons-container{flex-direction:column;gap:1rem;margin-left:auto;margin-right:auto;max-width:300px;width:100%}.free-trial-content .feedback-button,.free-trial-content .primary-button{width:100%}.testing-info{padding:0 1rem}.join-steps ol{padding-left:1rem}.test-links{align-items:center;flex-direction:column}.test-button{max-width:280px;text-align:center;width:100%}.free-trial-banner h2{font-size:1.5rem}.free-trial-banner .testing-info h3{font-size:1.1rem}}.subscription-return-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem 0}.payment-result-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin-bottom:2rem;max-width:500px;padding:3rem;text-align:center;width:100%}.result-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.result-content.processing .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top:4px solid var(--primary-color);height:60px;width:60px}.result-content.success .success-icon{align-items:center;animation:successPulse .6s ease-out;background:linear-gradient(135deg,var(--success-color) 0,#45a049 100%);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.result-content.failed .failed-icon{align-items:center;animation:failedShake .6s ease-out;background:linear-gradient(135deg,var(--error-color) 0,#d32f2f 100%);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;width:80px}@keyframes failedShake{0%,20%,40%,60%,80%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}}.result-content h2{color:var(--text-color);font-size:2rem;font-weight:700;margin:0}.result-content p{color:var(--text-light);font-size:1.1rem;line-height:1.6;margin:0}.order-details{background:var(--background-alt);border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:left;width:100%}.order-details p{color:var(--text-color);font-size:1rem;margin:.5rem 0}.order-details strong{color:var(--text-color);font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;width:100%}.subscription-return-page .primary-button,.subscription-return-page .secondary-button{border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.subscription-return-page .primary-button{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff}.subscription-return-page .primary-button:hover{box-shadow:0 8px 25px #4a6bff4d;transform:translateY(-2px)}.subscription-return-page .secondary-button{background:#0000;border:2px solid var(--border-color);color:var(--text-color)}.subscription-return-page .secondary-button:hover{background:var(--background-alt);border-color:var(--text-light)}.support-info{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:2rem;text-align:center;width:100%}.support-info h3{color:var(--text-color);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.support-info p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-link{align-items:center;background:var(--background-alt);border-radius:12px;color:var(--text-color);display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;text-decoration:none;transition:all .3s ease}.contact-link:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.subscription-return-page{padding:1rem}.payment-result-card{margin-bottom:1rem;padding:2rem}.result-content h2{font-size:1.6rem}.failed-icon,.success-icon{font-size:2rem;height:60px;width:60px}.action-buttons{gap:.75rem}.subscription-return-page .primary-button,.subscription-return-page .secondary-button{font-size:1rem;padding:.875rem 1.5rem}.support-info{padding:1.5rem}.contact-methods{gap:.75rem}.contact-link{font-size:.9rem;padding:.875rem}}@media (max-width:480px){.payment-result-card{padding:1.5rem}.result-content h2{font-size:1.4rem}.support-info{padding:1rem}}.wishing-well-page{min-height:100vh;padding-top:0}.wishing-well-page,.wishing-well-page *{word-wrap:break-word;overflow-wrap:break-word}.wishing-well-page *{box-sizing:border-box;max-width:100%}.wishing-well-page .main-content{background:#f8f9fa;min-height:100vh;padding:0}.wishing-well-page .main-content .container{margin:0 auto;max-width:1200px;padding:0 1rem}.wishing-well-page .action-bar{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;margin:3rem 0 2rem;padding:1rem 1.5rem}.wishing-well-page .controls-group{align-items:center;display:flex;gap:2rem}.wishing-well-page .filter-controls,.wishing-well-page .sort-controls{align-items:center;color:#333;display:flex;gap:.5rem}.wishing-well-page .filter-controls label,.wishing-well-page .sort-controls label{font-weight:500}.wishing-well-page .filter-select,.wishing-well-page .sort-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;min-width:120px;padding:.5rem 1rem;transition:all .3s ease}.wishing-well-page .filter-select:focus,.wishing-well-page .sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.wishing-well-page .filter-select option,.wishing-well-page .sort-select option{background:#fff;color:#333}.wishing-well-page .add-wish-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.wishing-well-page .add-wish-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.wishing-well-page .login-hint{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.25rem}.wishing-well-page .login-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.wishing-well-page .login-link:hover{color:#5a67d8;text-decoration:underline}.wishing-well-page .loading-container{color:#666;padding:4rem 0;text-align:center}.wishing-well-page .loading-spinner{animation:wishing-well-spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 1rem;width:50px}@keyframes wishing-well-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wishing-well-page .wish-card.skeleton{cursor:default;pointer-events:none}.wishing-well-page .skeleton-image{border-radius:8px;height:200px;width:100%}.wishing-well-page .skeleton-image,.wishing-well-page .skeleton-title{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.wishing-well-page .skeleton-title{border-radius:4px;height:24px;margin-bottom:12px;width:80%}.wishing-well-page .skeleton-meta{display:flex;gap:12px;justify-content:space-between}.wishing-well-page .skeleton-author,.wishing-well-page .skeleton-date{border-radius:4px;flex:1 1;height:16px}.wishing-well-page .skeleton-author,.wishing-well-page .skeleton-button,.wishing-well-page .skeleton-date{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.wishing-well-page .skeleton-button{border-radius:6px;height:36px;width:60px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.wishing-well-page .empty-state{color:#666;padding:4rem 0;text-align:center}.wishing-well-page .empty-state h3{color:#333;font-size:1.5rem;margin-bottom:1rem}.wishing-well-page .empty-state p{font-size:1.1rem;margin-bottom:2rem;opacity:.8}.wishing-well-page .wishes-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem;max-width:100%;overflow:hidden;width:100%}.wishing-well-page .wish-card{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;max-width:100%;overflow:hidden;position:relative;transition:all .3s ease}.wishing-well-page .wish-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.wishing-well-page .wish-image{height:200px;overflow:hidden;position:relative;width:100%}.wishing-well-page .wish-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.wishing-well-page .wish-card:hover .wish-image img{transform:scale(1.05)}.wishing-well-page .wish-card.completed{background:#f0f8fff2;border:2px solid #28a745;opacity:.8}.wishing-well-page .wish-card.completed:hover{opacity:1}.wishing-well-page .completion-note{background:#28a7451a;border-left:4px solid #28a745;border-radius:8px;margin-top:1rem;padding:.75rem}.wishing-well-page .completion-note-label{color:#28a745;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.wishing-well-page .completion-note-text{word-wrap:break-word;color:#333;font-size:.9rem;line-height:1.4;overflow-wrap:break-word}.wishing-well-page .wish-content{padding:1.5rem}.wishing-well-page .wish-title{word-wrap:break-word;align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin-bottom:1.5rem;overflow-wrap:break-word;word-break:break-word}.wishing-well-page .completed-badge{align-items:center;color:#28a745;display:flex;font-size:1.1rem}.wishing-well-page .wish-meta{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.wishing-well-page .completed-date{color:#28a745;font-size:.8rem;font-weight:500}.wishing-well-page .wish-author{color:#667eea;font-weight:500}.wishing-well-page .wish-date{opacity:.8}.wishing-well-page .wish-actions{align-items:center;display:flex;justify-content:space-between;padding:0 1.5rem 1.5rem}.wishing-well-page .like-btn{align-items:center;background:none;border:2px solid #ddd;border-radius:25px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.wishing-well-page .like-btn:hover{border-color:#ff6b6b;color:#ff6b6b;transform:scale(1.05)}.wishing-well-page .like-btn.liked{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.wishing-well-page .like-btn:disabled{cursor:not-allowed;opacity:.5}.wishing-well-page .like-btn:disabled:hover{border-color:#ddd;color:#666;transform:none}.wishing-well-like-btn-detail:disabled.updating,.wishing-well-page .like-btn:disabled.updating{cursor:wait;opacity:.7}.wishing-well-page .delete-btn{align-items:center;background:none;border:2px solid #ddd;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.wishing-well-page .delete-btn:hover{border-color:#ff4757;color:#ff4757;transform:scale(1.1)}.complete-btn,.wishing-well-page .complete-btn{align-items:center;background:none;border:2px solid #28a745;border-radius:50%;color:#28a745;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.complete-btn:hover,.wishing-well-page .complete-btn:hover{background:#28a7451a;border-color:#28a745;color:#28a745;transform:scale(1.1)}.complete-btn.completed,.wishing-well-page .complete-btn.completed{background:#28a745;border-color:#28a745;color:#fff}.complete-btn.completed:hover,.wishing-well-page .complete-btn.completed:hover{background:#218838;border-color:#218838}.wishing-well-page .share-btn{align-items:center;background:none;border:2px solid #667eea;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.wishing-well-page .share-btn:hover{background:#667eea;color:#fff;transform:scale(1.1)}.wishing-well-page .share-btn.copied{background:#28a745;border-color:#28a745;color:#fff}.share-btn-detail{border-radius:25px!important;font-size:1rem;font-weight:600;gap:.5rem;height:auto!important;padding:.75rem 1.5rem!important;width:auto!important}.wishing-well-share-section{justify-content:center;margin:1rem 0}.wishing-well-page .login-prompt{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #667eea4d;color:#fff;padding:3rem 2rem;text-align:center}.wishing-well-page .login-prompt h3{font-size:1.5rem;margin-bottom:1rem}.wishing-well-page .login-prompt p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.wishing-well-page .login-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.wishing-well-page .login-buttons .primary-button,.wishing-well-page .login-buttons .secondary-button{border-radius:25px;display:inline-block;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.wishing-well-page .login-buttons .primary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.wishing-well-page .login-buttons .secondary-button{background:#0000;border:2px solid #ffffff80;color:#fff}.wishing-well-page .login-buttons .primary-button:hover,.wishing-well-page .login-buttons .secondary-button:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.wishing-well-page .wish-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#999;display:flex;height:200px;justify-content:center;width:100%}.wishing-well-page .placeholder-icon{font-size:3rem;opacity:.5}.wishing-well-page .image-placeholder{align-items:center;background:#f8f9fa;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.wishing-well-page .image-icon{margin-bottom:.5rem;opacity:.5}.wishing-well-page .image-placeholder p{font-size:.9rem;margin:0}.wishing-well-page .author-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:10px;top:10px}@media (max-width:768px){.wishing-well-page{margin-top:-16px;padding:1rem 0}.page-header h1{font-size:2.5rem}.page-header p{font-size:1rem}.wishing-well-page .action-bar{flex-direction:column}.wishing-well-page .controls-group{flex-direction:column;gap:1rem;width:100%}.wishing-well-page .filter-controls,.wishing-well-page .sort-controls{align-items:stretch;gap:1rem;justify-content:center}.sort-controls{justify-content:center}.wishes-grid{gap:1.5rem;grid-template-columns:1fr;overflow-x:hidden}.wish-card{margin:0 .5rem;max-width:calc(100vw - 1rem);overflow-wrap:break-word;word-break:break-word}.login-buttons{align-items:center;flex-direction:column}.login-buttons .primary-button,.login-buttons .secondary-button{width:200px}}@media (max-width:480px){.page-header h1{font-size:2rem}.wish-content{padding:1rem}.wish-actions{padding:0 1rem 1rem}.login-prompt{padding:2rem 1rem}}.wishing-well-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.wishing-well-add-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.wishing-well-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.wishing-well-modal-header h2{color:#333;font-size:1.5rem;font-weight:700;margin:0}.wishing-well-close-btn{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.wishing-well-close-btn:hover{background:#f5f5f5;color:#666}.wishing-well-close-btn:disabled{cursor:not-allowed;opacity:.5}.wishing-well-form{padding:1rem 2rem 2rem}.wishing-well-form-group{margin-bottom:1.5rem;position:relative}.wishing-well-form-group label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.wishing-well-form-group input,.wishing-well-form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;resize:vertical;transition:border-color .3s ease;width:100%}.wishing-well-form-group textarea[rows="2"]{min-height:60px;resize:vertical}.wishing-well-form-group input:focus,.wishing-well-form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.wishing-well-form-group input:disabled,.wishing-well-form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.wishing-well-char-count{background:#ffffffe6;border-radius:4px;bottom:.75rem;color:#999;font-size:.8rem;padding:.25rem .5rem;position:absolute;right:.75rem}.wishing-well-image-upload-area{border:2px dashed #ddd;border-radius:10px;padding:2rem;text-align:center;transition:border-color .3s ease}.wishing-well-image-upload-area:hover{border-color:#667eea}.wishing-well-upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.wishing-well-upload-btn:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.wishing-well-upload-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.wishing-well-upload-hint{color:#999;font-size:.85rem;margin:0}.wishing-well-image-preview{border-radius:10px;margin:0 auto;max-width:300px;overflow:hidden;position:relative}.wishing-well-image-preview img{display:block;height:auto;width:100%}.wishing-well-remove-image-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .3s ease;width:32px}.wishing-well-remove-image-btn:hover{background:#ff4757;color:#fff}.wishing-well-form-actions{border-top:1px solid #eee;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.wishing-well-cancel-btn,.wishing-well-submit-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 2rem;transition:all .3s ease}.wishing-well-cancel-btn{background:#f5f5f5;color:#666}.wishing-well-cancel-btn:hover{background:#e0e0e0}.wishing-well-submit-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.wishing-well-submit-btn:hover{box-shadow:0 6px 20px #ff6b6b4d;transform:translateY(-2px)}.wishing-well-cancel-btn:disabled,.wishing-well-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.wishing-well-detail-modal{word-wrap:break-word;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-x:hidden;overflow-y:auto;width:100%}.wishing-well-detail-content{word-wrap:break-word;max-width:100%;overflow-wrap:break-word;padding:1rem 2rem 2rem}.wishing-well-detail-image{border-radius:15px;margin-bottom:1.5rem;max-height:400px;overflow:hidden;width:100%}.wishing-well-detail-image img{height:100%;object-fit:cover;width:100%}.wishing-well-detail-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.wishing-well-detail-title{word-wrap:break-word;align-items:center;color:#333;display:flex;flex:1 1;font-size:1.8rem;font-weight:700;gap:.75rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;overflow-wrap:break-word;word-break:break-word}.wishing-well-completed-badge-detail{align-items:center;color:#28a745;display:flex;font-size:1.5rem}.wishing-well-author-badge-detail{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.wishing-well-detail-text{margin-bottom:2rem}.wishing-well-detail-text p{word-wrap:break-word;color:#444;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.8;margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.wishing-well-detail-meta{background:#f8f9fa;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.wishing-well-meta-item{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.wishing-well-meta-item:last-child{margin-bottom:0}.wishing-well-meta-item svg{color:#667eea;flex-shrink:0}.wishing-well-meta-item.completed{color:#28a745;font-weight:500}.wishing-well-meta-item.completed svg{color:#28a745}.wishing-well-completion-note{background:#28a7451a;border:1px solid #28a74533;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.wishing-well-completion-note h4{align-items:center;color:#28a745;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem}.wishing-well-completion-note h4:before{background:#28a745;border-radius:50%;color:#fff;content:"✓";display:inline-block;font-size:.8rem;font-weight:700;height:20px;line-height:20px;text-align:center;width:20px}.wishing-well-completion-note p{word-wrap:break-word;color:#333;font-size:1rem;line-height:1.6;margin:0;overflow-wrap:break-word;white-space:pre-wrap}.wishing-well-detail-actions{border-top:1px solid #eee;padding-top:2rem}.wishing-well-like-section{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.wishing-well-like-btn-detail{align-items:center;background:none;border:2px solid #ddd;border-radius:25px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.wishing-well-like-btn-detail:hover{border-color:#ff6b6b;color:#ff6b6b;transform:scale(1.05)}.wishing-well-like-btn-detail.liked{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.wishing-well-like-btn-detail:disabled{cursor:not-allowed;opacity:.5}.wishing-well-like-btn-detail:disabled:hover{border-color:#ddd;color:#666;transform:none}.wishing-well-like-count-detail{color:#999;font-size:.9rem}.wishing-well-secondary-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}.wishing-well-share-section{display:flex;justify-content:flex-start;margin:0}.wishing-well-author-actions{display:flex;justify-content:flex-end;margin:0}.wishing-well-delete-btn-detail{align-items:center;background:none;border:2px solid #ff4757;border-radius:25px;color:#ff4757;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.wishing-well-delete-btn-detail:hover{background:#ff4757;color:#fff;transform:scale(1.05)}.wishing-well-admin-actions{display:flex;gap:1rem}.wishing-well-complete-btn-detail{align-items:center;background:none;border:2px solid #28a745;border-radius:25px;color:#28a745;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.wishing-well-complete-btn-detail:hover{background:#28a745;color:#fff;transform:scale(1.05)}.wishing-well-complete-btn-detail.completed{background:#28a745;color:#fff}.wishing-well-complete-btn-detail.completed:hover{background:#218838;border-color:#218838}.wishing-well-login-prompt-detail{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-top:1.5rem;padding:1.5rem;text-align:center}.wishing-well-login-prompt-detail p{font-size:1rem;margin:0 0 1rem}.wishing-well-login-buttons-detail{display:flex;gap:1rem;justify-content:center}.wishing-well-login-btn-detail,.wishing-well-signup-btn-detail{border-radius:20px;display:inline-block;font-weight:600;padding:.5rem 1.5rem;text-decoration:none;transition:all .3s ease}.wishing-well-login-btn-detail{background:#fff3;border:2px solid #ffffff80;color:#fff}.wishing-well-signup-btn-detail{background:#fff;border:2px solid #fff;color:#667eea}.wishing-well-login-btn-detail:hover,.wishing-well-signup-btn-detail:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.wishing-well-author-intro{background:#f8f9fa;border:1px solid #eee;border-radius:15px;margin:1.5rem 0;padding:1.5rem}.wishing-well-author-intro h4{word-wrap:break-word;align-items:center;color:#333;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;overflow-wrap:break-word;word-break:break-word}.wishing-well-author-intro h4:before{content:"👤";font-size:1rem}.wishing-well-author-intro p{word-wrap:break-word;color:#666;font-size:.95rem;font-style:italic;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;overflow-wrap:break-word;word-break:break-word}@media (max-width:768px){.wishing-well-author-intro{margin-top:1.5rem;padding:1rem}.wishing-well-author-intro h4{font-size:1rem}.wishing-well-author-intro p{font-size:.9rem}.wishing-well-add-modal,.wishing-well-detail-modal{word-wrap:break-word;margin:.5rem;max-height:95vh;max-width:calc(100vw - 1rem);overflow-x:hidden}.wishing-well-modal-header{padding:1.5rem 1.5rem 1rem}.wishing-well-detail-content,.wishing-well-form{padding:1rem 1.5rem 1.5rem}.wishing-well-form-actions{flex-direction:column}.wishing-well-cancel-btn,.wishing-well-submit-btn{justify-content:center;width:100%}.wishing-well-detail-header{align-items:flex-start;flex-direction:column}.wishing-well-detail-title{font-size:1.5rem}.wishing-well-like-section{align-items:flex-start;flex-direction:column;gap:.5rem}.wishing-well-login-buttons-detail{align-items:center;flex-direction:column}.wishing-well-login-btn-detail,.wishing-well-signup-btn-detail{text-align:center;width:150px}.wishing-well-secondary-actions{align-items:stretch;flex-direction:column;gap:.75rem}.wishing-well-author-actions,.wishing-well-share-section{justify-content:center;margin:0}.share-btn-detail{font-size:.9rem!important;padding:.6rem 1.2rem!important}}.wishing-well-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:3rem 0 2rem;padding:1rem}.wishing-well-page-btn{background:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:80px;padding:.75rem 1.5rem;transition:all .3s ease}.wishing-well-page-btn:hover:not(.disabled){background:#5a67d8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.wishing-well-page-btn.disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.wishing-well-page-numbers{display:flex;gap:.5rem}.wishing-well-page-number{align-items:center;background:#fff;border:2px solid #667eea;border-radius:50%;color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.wishing-well-page-number:hover{background:#667eea;color:#fff;transform:scale(1.1)}.wishing-well-page-number.active{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}@media (max-width:768px){.wishing-well-pagination{gap:.5rem;margin:2rem 0 1rem;padding:.5rem}.wishing-well-page-btn{font-size:.9rem;min-width:60px;padding:.5rem 1rem}.wishing-well-page-number{font-size:.9rem;height:2rem;width:2rem}.wishing-well-page-numbers{gap:.25rem}}.wishing-well-image-viewer-overlay{align-items:center;background:#000000e6;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.wishing-well-image-viewer{align-items:center;display:flex;height:100%;justify-content:center;max-height:90vh;max-width:90vw;position:relative;width:100%}.wishing-well-image-viewer-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:2.5rem;z-index:10001}.wishing-well-image-viewer-close:hover{background:#fff;transform:scale(1.1)}.wishing-well-image-viewer-img{border-radius:8px;box-shadow:0 8px 32px #0000004d;height:auto;max-height:calc(100% - 4rem);max-width:calc(100% - 4rem);object-fit:contain;width:auto}@media (max-width:768px){.wishing-well-image-viewer-overlay{padding:1rem}.wishing-well-image-viewer-close{font-size:1rem;height:2rem;right:.5rem;top:.5rem;width:2rem}.wishing-well-image-viewer-img{max-height:calc(100% - 2rem);max-width:calc(100% - 2rem)}}.current-plan-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:6rem 0 2rem}.current-plan-page .container{margin:0 auto;max-width:800px;padding:0 1rem}.current-plan-page h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.plan-status{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:1.5rem;padding:2rem}.plan-status h2{border-radius:8px;color:#fff;font-size:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;text-align:center;text-shadow:0 1px 2px #0003}.plan-status.free h2{background:linear-gradient(135deg,#6c757d,#495057)}.plan-status.standard h2{background:linear-gradient(135deg,#28a745,#20c997)}.plan-status.family h2{background:linear-gradient(135deg,#007bff,#6610f2)}.plan-status.unknown h2{background:linear-gradient(135deg,#dc3545,#fd7e14)}.downgrade-warning,.trial-status,.upgrade-conditions{margin-top:1.5rem}.downgrade-warning h3,.trial-status h3,.upgrade-conditions h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.condition{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.condition-label{color:#495057;font-weight:600}.condition-value{color:#007bff;font-size:1.2rem;font-weight:700}.progress-bar{background-color:#e9ecef;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:6px;height:100%;transition:width .3s ease}.progress-fill.trial{background:linear-gradient(90deg,#007bff,#6610f2)}.tip{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;color:#06c;font-weight:500;margin-top:1rem;padding:1rem}.trial-info{background:#f8f9ff;border:1px solid #d1d9ff;border-radius:8px;padding:1rem}.trial-days{color:#007bff;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.trial-tip{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem;margin-top:1rem;padding:.8rem}.trial-expired-notice{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.risk-high{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;padding:1rem}.risk-high span{display:block;font-weight:700;margin-bottom:.5rem}.risk-low{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;color:#2f855a;padding:1rem}.risk-low span{display:block;font-weight:700;margin-bottom:.5rem}.admin-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:500;padding:1rem;text-align:center}.error,.loading,.not-logged-in{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:3rem 2rem;text-align:center}.loading{color:#6c757d;font-size:1.2rem}.error h1,.not-logged-in h1{color:#333;margin-bottom:1rem}.error p,.not-logged-in p{color:#6c757d;font-size:1.1rem}@media (max-width:768px){.current-plan-page{padding:6rem 0 1rem}.current-plan-page h1{font-size:2rem;margin-bottom:1.5rem}.plan-status{margin-bottom:1rem;padding:1.5rem}.plan-status h2{font-size:1.5rem}.condition{gap:.3rem}.condition-value,.downgrade-warning h3,.upgrade-conditions h3{font-size:1.1rem}}@media (max-width:480px){.current-plan-page .container{padding:0 .5rem}.plan-status{padding:1rem}.current-plan-page h1{font-size:1.8rem}.plan-status h2{font-size:1.3rem;padding:.4rem .8rem}}.faq-item{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);overflow:hidden}.faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:background-color var(--transition-fast)}.faq-question:hover{background-color:#00000005}.faq-question h3{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0}.faq-question svg{color:var(--primary-color);font-size:1rem;transition:transform var(--transition-fast)}.faq-answer{overflow:hidden;padding:0 1.25rem 1.25rem}.faq-answer p{color:var(--text-light);font-size:.95rem;line-height:1.6;margin:0}.faq-page{overflow-x:hidden}.faq-content{padding:3rem 0 5rem}.faq-section{margin-bottom:4rem}.faq-section:last-child{margin-bottom:0}.faq-section h2{color:var(--text-color);font-size:1.8rem;margin-bottom:2rem}.faq-list{grid-gap:1rem;display:grid;gap:1rem}.contact-section{background-color:var(--background-alt);padding:4rem 0;text-align:center}.contact-content{margin:0 auto;max-width:700px}.contact-content h2{color:var(--text-color);font-size:2rem;margin-bottom:var(--spacing-md)}.contact-content p{color:var(--text-light);font-size:1.1rem;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.faq-section h2{font-size:1.6rem}.contact-content h2{font-size:1.8rem}.contact-content p{font-size:1rem}}.about-page{color:var(--text-color);min-height:100vh}.page-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;overflow:hidden;padding:120px 0 100px;position:relative;text-align:center}.page-header:before{background:#0003;z-index:1}.page-header:after,.page-header:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.page-header:after{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTUpIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);opacity:.2;z-index:2}.page-header .container{position:relative;z-index:10}.page-header h1{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 8px #00000080}.header-content{margin:0 auto;max-width:900px;text-align:left}.header-content p{color:#fff;font-size:1.2rem;font-weight:400;line-height:1.8;margin-bottom:1.5rem;text-shadow:0 1px 4px #0006}.header-intro{color:#fffffff2!important;font-size:1.3rem!important;font-weight:500!important}.header-description{color:#ffffffe6!important}.header-challenge{background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#ffffffe0!important;padding:18px}.header-mission{background:#ffffff1a;border-left:4px solid #ffffff4d;border-radius:12px;color:#fffffff2!important;font-weight:500!important;padding:20px}.about-page section{padding:80px 0}.alt-bg{background-color:var(--background-alt)}.section-header{margin-bottom:60px;text-align:center}.section-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 10px 30px #4a6bff4d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.section-header h2{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.mission-section{padding:80px 0}.mission-content{grid-gap:50px;align-items:flex-start;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:50px;max-width:1200px;padding:0 20px}.mission-problems,.mission-solutions{display:flex;flex-direction:column;justify-content:flex-start}.mission-problems h3,.mission-solutions h3{color:var(--text-color);font-size:1.6rem;font-weight:600;margin-bottom:25px;text-align:center}.problem-list,.solution-list{display:flex;flex-direction:column;gap:25px}.problem-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.problem-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.problem-item svg{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:5px}.problem-item h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:8px}.problem-item p{color:var(--text-muted);line-height:1.5}.solution-item{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;height:fit-content;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.solution-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.solution-item h4{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:15px}.solution-item ul{list-style:none;padding:0}.solution-item li{color:var(--text-muted);line-height:1.5;margin-bottom:10px;padding-left:20px;position:relative}.solution-item li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.solution-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:50px}.solution-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.solution-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.solution-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.card-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 25px;width:70px}.solution-card h3{color:var(--text-color);font-size:1.4rem;font-weight:600;margin-bottom:15px}.solution-card p{color:var(--text-muted);line-height:1.6}.usage-content{margin:0 auto;max-width:1000px}.usage-intro{margin-bottom:50px;text-align:center}.family-info{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:40px}.family-info h3{color:var(--primary-color);font-size:1.6rem;font-weight:600;margin-bottom:20px}.family-info p{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:10px}.usage-flow{margin-bottom:50px}.usage-flow h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:40px;text-align:center}.about-page .flow-steps{display:flex;flex-direction:column;gap:30px}.about-page .flow-step{background:#fff;border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:0 5px 20px #0000001a;padding:30px;transition:transform .3s ease}.about-page .flow-step:hover{transform:translateY(-5px)}.about-page .step-content h4{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:10px}.about-page .step-content p{color:var(--text-muted);line-height:1.6}.platform-recommendations h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.platform-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.platform-item{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;padding:30px}.platform-item svg{color:var(--primary-color);flex-shrink:0;font-size:2rem;margin-top:5px}.platform-item h4{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:10px}.platform-item p{color:var(--text-muted);line-height:1.6}.results-content{margin:0 auto;max-width:1000px}.before-after{margin-bottom:50px}.comparison-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.after-section,.before-section{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:40px 30px}.before-section h3{color:#e74c3c}.after-section h3,.before-section h3{font-size:1.5rem;font-weight:600;margin-bottom:25px;text-align:center}.after-section h3{color:#27ae60}.comparison-list{list-style:none;padding:0}.comparison-list li{color:var(--text-muted);line-height:1.6;margin-bottom:15px;padding-left:25px;position:relative}.comparison-list li:before{color:#e74c3c;content:"×";font-size:1.2rem;font-weight:700;left:0;position:absolute}.comparison-list.success li:before{color:#27ae60;content:"✓"}.parent-tasks h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.parent-task-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.parent-task-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.parent-task-item:hover{transform:translateY(-3px)}.parent-task-item svg{color:#27ae60;flex-shrink:0;font-size:1.2rem}.parent-task-item span{color:var(--text-muted);line-height:1.5}.invitation-content{margin:0 auto;max-width:800px;text-align:center}.platform-support{margin-bottom:50px}.platform-support h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px}.platform-icons{display:flex;gap:60px;justify-content:center;margin-bottom:40px}.platform-icon{align-items:center;display:flex;flex-direction:column;gap:15px}.platform-icon svg{color:var(--primary-color);font-size:4.5rem}.platform-icon span{color:var(--text-muted);font-size:1.5rem;font-weight:600}.invitation-cta p{color:var(--text-muted);font-size:1.2rem;line-height:1.6;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-buttons .primary-button,.cta-buttons .secondary-button{align-items:center;border-radius:50px;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-buttons .primary-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 5px 20px #4a6bff4d;color:#fff}.cta-buttons .primary-button:hover{box-shadow:0 10px 30px #4a6bff66;transform:translateY(-3px)}.cta-buttons .secondary-button{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.cta-buttons .secondary-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}@media (max-width:1200px){.parent-task-list,.solution-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{padding:100px 0 60px}.page-header h1{font-size:2.5rem}.header-content{max-width:700px;text-align:center}.header-content p{font-size:1.1rem}.header-challenge{margin-bottom:1.2rem;padding:15px}.header-mission{padding:18px}.about-page section{padding:60px 0}.section-header h2{font-size:2rem}.mission-content{gap:40px;margin-left:auto;margin-right:auto;max-width:800px;padding:0 20px}.comparison-grid,.mission-content,.solution-grid{grid-template-columns:1fr}.comparison-grid{gap:30px}.platform-grid{grid-template-columns:1fr}.platform-icons{gap:30px}.parent-task-list{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.page-header h1{font-size:2rem}.section-header h2{font-size:1.8rem}.after-section,.before-section,.family-info,.flow-step,.platform-item,.problem-item,.solution-card,.solution-item{padding:20px 15px}.header-challenge{font-size:1.1rem;padding:12px}.header-mission{padding:15px}.platform-icons{align-items:center;flex-direction:column;gap:20px}}@media screen and (orientation:portrait){.platform-icons{align-items:center!important;flex-direction:column!important;gap:30px!important}.platform-grid{gap:20px!important;grid-template-columns:1fr!important}}.tutorial-page{min-height:100vh}.tutorial-page .page-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0 60px;text-align:center}.tutorial-page .page-header h1{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.tutorial-page .header-content{margin:0 auto;max-width:800px}.tutorial-page .header-intro{font-size:1.2rem;line-height:1.6;opacity:.9}.tutorial-page section{padding:80px 0}.tutorial-page .alt-bg{background-color:#f8f9fa}.tutorial-page .section-header{margin-bottom:4rem;text-align:center}.tutorial-page .section-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;font-size:2rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.tutorial-page .section-header h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.tutorial-page .section-header p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px}.tutorial-page .device-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.tutorial-page .device-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .3s ease}.tutorial-page .device-card:hover{transform:translateY(-5px)}.tutorial-page .device-card.recommended{border-color:#28a745;position:relative}.tutorial-page .device-card.recommended:before{background:#28a745;border-radius:12px;color:#fff;content:"推薦";font-size:.8rem;font-weight:600;padding:4px 12px;position:absolute;right:20px;top:-10px}.tutorial-page .device-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.tutorial-page .device-card h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.tutorial-page .device-pros h5{color:#495057;font-size:1rem;font-weight:600;margin-bottom:.5rem}.tutorial-page .device-pros ul{list-style:none;margin-bottom:1rem;padding:0}.tutorial-page .device-pros li{color:#6c757d;padding:.3rem 0 .3rem 1.5rem;position:relative}.tutorial-page .device-pros li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.tutorial-page .device-tips{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1rem}.tutorial-page .device-tips strong{color:#495057}.tutorial-page .device-tips p{color:#6c757d;font-size:.9rem;margin:.5rem 0 0}.tutorial-page .placement-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.tutorial-page .placement-item{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.tutorial-page .placement-item:hover{transform:translateY(-2px)}.tutorial-page .placement-item.recommended-placement{border-color:#28a745;position:relative}.tutorial-page .placement-item.recommended-placement:before{background:#28a745;border-radius:10px;color:#fff;content:"最推薦";font-size:.75rem;font-weight:600;padding:4px 10px;position:absolute;right:15px;top:-10px}.tutorial-page .placement-item .icon-wrapper{color:#667eea;font-size:1.5rem;margin-top:.2rem}.tutorial-page .placement-item h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tutorial-page .placement-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.tutorial-page .placement-note{align-items:flex-start;background:#e8f4fd;border-left:4px solid #007bff;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.tutorial-page .placement-note .icon-wrapper{color:#007bff;font-size:1.2rem;margin-top:.2rem}.tutorial-page .placement-note p{color:#495057;line-height:1.6;margin:0}.tutorial-page .steps-container{margin:0 auto;max-width:800px}.tutorial-page .step-item{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem;transition:transform .3s ease}.tutorial-page .step-item:hover{transform:translateY(-2px)}.tutorial-page .step-content h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.tutorial-page .step-content p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.tutorial-page .step-tips{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;padding:.8rem}.tutorial-page .step-tips .icon-wrapper{color:#ffc107}.tutorial-page .step-tips span{color:#495057}.tutorial-page .getting-started-note{align-items:flex-start;background:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;display:flex;gap:1rem;margin-top:2rem;padding:1.5rem}.tutorial-page .getting-started-note .icon-wrapper{color:#28a745;font-size:1.3rem;margin-top:.2rem}.tutorial-page .getting-started-note h4{color:#155724;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tutorial-page .getting-started-note p{color:#155724;font-size:.9rem;line-height:1.6;margin:0}.tutorial-page .task-type-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.task-type-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.task-type-card:hover{transform:translateY(-5px)}.task-type-icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;color:#fff;display:inline-flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.task-type-card h4{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.task-type-card p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.task-example{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;padding:1rem;text-align:left}.task-example strong{color:#495057}.task-example p{color:#6c757d;font-size:.9rem;margin:.5rem 0 0}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.tip-item{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;padding:1.5rem}.tip-item .icon-wrapper{color:#ffc107;font-size:1.3rem;margin-top:.2rem}.tip-item h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tip-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.examples-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.age-group{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.age-group h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.example-list{list-style:none;margin:0;padding:0}.example-list li{border-bottom:1px solid #f8f9fa;color:#495057;padding:.5rem 0 .5rem 1.5rem;position:relative}.example-list li:last-child{border-bottom:none}.example-list li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.principles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.principle-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:1rem;padding:2rem;transition:transform .3s ease}.principle-item:hover{transform:translateY(-3px)}.principle-item .icon-wrapper{color:#007bff;font-size:1.5rem;margin-top:.2rem}.principle-item h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.principle-item p{color:#6c757d;line-height:1.6;margin:0}.interaction-timeline{margin:0 auto;max-width:800px}.interaction-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:2rem;margin-bottom:2.5rem;padding:2rem}.time-badge{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;min-width:80px}.interaction-content h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.interaction-content p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.interaction-tips{background:#e8f4fd;border-left:4px solid #007bff;border-radius:8px;padding:1rem}.interaction-tips strong{color:#495057;font-weight:600}.criteria-container{margin:0 auto 3rem;max-width:800px}.score-range{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.score-badge{align-items:center;border-radius:25px;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:50px;justify-content:center;min-width:100px}.score-badge.excellent{background:linear-gradient(135deg,#28a745,#20c997)}.score-badge.good{background:linear-gradient(135deg,#007bff,#6610f2)}.score-badge.average{background:linear-gradient(135deg,#ffc107,#fd7e14)}.score-badge.needs-improvement{background:linear-gradient(135deg,#dc3545,#e83e8c)}.score-description h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.score-description p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.score-examples{background:#f8f9fa;border-left:4px solid #6c757d;border-radius:8px;padding:1rem}.score-examples strong{color:#495057}.scoring-tips-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.tip-card:hover{transform:translateY(-3px)}.tip-card .icon-wrapper{color:#28a745;font-size:2rem;margin-bottom:1rem}.tip-card h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tip-card p{color:#6c757d;font-size:.9rem;line-height:1.6;margin:0}.review-guidelines{margin-top:3rem}.review-content{margin-bottom:2rem}.tutorial-page .review-principle{word-wrap:break-word;align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;overflow-wrap:break-word;padding:1.5rem}.tutorial-page .review-principle .icon-wrapper{color:#007bff;font-size:1.3rem;margin-top:.2rem}.tutorial-page .review-principle h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tutorial-page .review-principle p{word-wrap:break-word;color:#6c757d;font-size:.9rem;line-height:1.6;margin:0;overflow-wrap:break-word}.review-note{align-items:flex-start;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.review-note .icon-wrapper{color:#856404;font-size:1.2rem;margin-top:.2rem}.review-note p{color:#856404;line-height:1.6;margin:0}.review-note strong{color:#6c5700}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem;padding:2rem;transition:transform .3s ease}.faq-item:hover{transform:translateY(-2px)}.faq-item h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.faq-item p{color:#6c757d;line-height:1.7;margin:0}.tutorial-page .cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.tutorial-page .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.tutorial-page .cta-content>p{font-size:1.2rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.tutorial-page .cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.tutorial-page .cta-buttons .primary-button,.tutorial-page .cta-buttons .secondary-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:.5rem;padding:12px 24px;text-decoration:none;transition:all .3s ease}.tutorial-page .cta-buttons .primary-button{background:#28a745;color:#fff}.tutorial-page .cta-buttons .primary-button:hover{background:#218838;transform:translateY(-2px)}.tutorial-page .cta-buttons .secondary-button{background:#fff3;border:2px solid #ffffff4d;color:#fff}.tutorial-page .cta-buttons .secondary-button:hover{background:#ffffff4d;transform:translateY(-2px)}.additional-resources h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;opacity:.9}.resource-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.resource-links a{align-items:center;color:#fff;display:flex;gap:.5rem;opacity:.8;text-decoration:none;transition:opacity .3s ease}.resource-links a:hover{opacity:1}@media (max-width:768px){.tutorial-page .page-header h1,.tutorial-page .section-header h2{font-size:2rem}.device-grid,.principles-grid,.scoring-tips-grid,.task-type-grid,.tips-grid{grid-template-columns:1fr}.interaction-item,.score-range{flex-direction:column;gap:1rem}.score-badge,.time-badge{align-self:flex-start}.cta-buttons,.resource-links{align-items:center;flex-direction:column}.tutorial-page .review-principle{flex-direction:column;gap:.8rem;padding:1rem}.tutorial-page .review-principle .icon-wrapper{align-self:flex-start;margin-bottom:.5rem}.tutorial-page .review-principle h4{word-wrap:break-word;font-size:1rem;line-height:1.4;overflow-wrap:break-word}.tutorial-page .review-principle p{word-wrap:break-word;font-size:.85rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;overflow-wrap:break-word;word-break:break-word}.tutorial-page .placement-item,.tutorial-page .principle-item,.tutorial-page .review-principle,.tutorial-page .step-content,.tutorial-page .tip-item{flex:1 1;min-width:0}.tutorial-page .placement-item p,.tutorial-page .principle-item p,.tutorial-page .review-principle p,.tutorial-page .step-content p,.tutorial-page .tip-item p{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-break:break-word}}@media (max-width:480px){.tutorial-page .placement-item,.tutorial-page .principle-item,.tutorial-page .review-principle,.tutorial-page .step-item,.tutorial-page .tip-item{padding:.8rem}.tutorial-page .placement-item h4,.tutorial-page .principle-item h4,.tutorial-page .review-principle h4,.tutorial-page .tip-item h4{font-size:.95rem;line-height:1.3}.tutorial-page .placement-item p,.tutorial-page .principle-item p,.tutorial-page .review-principle p,.tutorial-page .tip-item p{font-size:.8rem;line-height:1.4}.tutorial-page .placement-item,.tutorial-page .principle-item,.tutorial-page .review-principle,.tutorial-page .tip-item{gap:.6rem}}.blog-page{overflow-x:hidden}.blog-content{padding:3rem 0 5rem}.loading-container{padding:4rem 0;text-align:center}.loading-container p{color:var(--text-light);font-size:1.1rem}.error-container{padding:4rem 0;text-align:center}.retry-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color var(--transition-fast)}.retry-button:hover{background-color:var(--primary-dark)}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.post-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.post-image{background-color:var(--background-alt);height:200px;overflow:hidden;width:100%}.post-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:1.5rem}.post-title{-webkit-line-clamp:2;font-size:1.3rem;line-height:1.4;margin-bottom:.75rem}.post-excerpt,.post-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-excerpt{-webkit-line-clamp:3;color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.post-meta{border-top:1px solid var(--border-color);justify-content:flex-end;padding-top:1rem}.post-date{color:var(--text-lighter);font-size:.9rem}.read-more{color:var(--primary-color);font-size:.9rem;font-weight:600;transition:color var(--transition-fast)}.post-card:hover .read-more{color:var(--primary-dark)}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-button{background-color:#fff;border:2px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--primary-color);cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all var(--transition-fast)}.pagination-button:hover:not(.disabled){background-color:var(--primary-color);color:#fff}.pagination-button.disabled{border-color:var(--border-color);color:var(--text-lighter);cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.25rem;margin:0 1rem}.pagination-number{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;font-weight:500;min-width:40px;padding:.5rem .75rem;text-align:center;transition:all var(--transition-fast)}.pagination-number:hover{background-color:var(--background-alt);border-color:var(--primary-color)}.pagination-number.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}@media (max-width:768px){.posts-grid{gap:1.5rem;grid-template-columns:1fr}.post-card{margin:0 auto;max-width:500px}.post-content{padding:1.25rem}.post-title{font-size:1.2rem}.pagination{flex-wrap:wrap;gap:.25rem}.pagination-button{font-size:.9rem;padding:.4rem .8rem}.pagination-numbers{margin:0 .5rem}.pagination-number{font-size:.9rem;min-width:35px;padding:.4rem .6rem}}@media (max-width:480px){.blog-content{padding:2rem 0 3rem}.posts-grid{gap:1rem}.post-content{padding:1rem}.post-title{font-size:1.1rem}.post-excerpt{font-size:.9rem}.post-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.pagination{gap:.2rem}.pagination-button{font-size:.85rem;padding:.35rem .7rem}.pagination-numbers{margin:0 .25rem}.pagination-number{font-size:.85rem;min-width:32px;padding:.35rem .5rem}}.blog-post-page{min-height:100vh;overflow-x:hidden}.error-container,.loading-container{padding:4rem 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{color:var(--error-color);font-size:1.1rem;margin-bottom:1.5rem}.error-back-link{background-color:var(--primary-color);border-radius:var(--border-radius-md);color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-fast)}.error-back-link:hover{background-color:var(--primary-dark);color:#fff;transform:translateY(-2px)}.blog-post-content{padding:4rem 0}.post-header{border-bottom:2px solid var(--border-color);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.post-title{color:var(--text-color);font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.post-meta{flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1rem}.meta-item,.post-meta{align-items:center;display:flex}.meta-item{color:var(--text-light);font-size:.9rem;gap:.5rem}.meta-item svg{color:var(--primary-color)}.post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.post-tags svg{color:var(--primary-color)}.tag{background-color:var(--primary-color);border-radius:var(--border-radius-sm);color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.post-image-container{margin:2rem 0 3rem;text-align:center}.post-image{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);height:auto;max-width:100%}.post-body{color:var(--text-color);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.post-body h1{border-bottom:2px solid var(--primary-color);color:var(--text-color);font-size:2rem;margin:2rem 0 1rem;padding-bottom:.5rem}.post-body h2{color:var(--text-color);font-size:1.6rem;margin:1.8rem 0 1rem;position:relative}.post-body h2:before{background-color:var(--primary-color);border-radius:2px;content:"";height:1.2rem;left:-1rem;position:absolute;top:50%;transform:translateY(-50%);width:4px}.post-body h3{color:var(--text-color);font-size:1.3rem;margin:1.5rem 0 .8rem}.post-body p{margin-bottom:1.2rem;text-align:justify}.post-body ul{list-style:none;margin:1rem 0;padding-left:0}.post-body li{line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.post-body li:before{color:var(--primary-color);content:"•";font-size:1.2rem;left:0;position:absolute;top:0}.post-body strong{color:var(--text-color);font-weight:700}.post-footer{border-top:2px solid var(--border-color);margin-top:3rem;padding-top:2rem}.cta-section{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:var(--border-radius-lg);color:#fff;margin-bottom:2rem;padding:2.5rem;text-align:center}.cta-section h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.cta-section p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.95}.cta-button{background-color:#fff;border-radius:var(--border-radius-md);box-shadow:0 4px 8px #0000001a;color:var(--primary-color);display:inline-block;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:all var(--transition-fast)}.cta-button:hover{background-color:#fffffff2;box-shadow:0 6px 12px #00000026;color:var(--primary-color);transform:translateY(-2px)}.post-navigation{text-align:center}.post-navigation .nav-link{align-items:center;border:2px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--primary-color);display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all var(--transition-fast)}.post-navigation .nav-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.post-header{margin-top:2rem}.post-title{font-size:2rem}.post-meta{gap:1rem;justify-content:center}.meta-item{font-size:.85rem}.post-body{font-size:1rem}.post-body h1{font-size:1.6rem}.post-body h2{font-size:1.4rem}.post-body h3{font-size:1.2rem}.cta-section{padding:2rem 1.5rem}.cta-section h3{font-size:1.3rem}.cta-section p{font-size:1rem}}@media (max-width:480px){.blog-post-content{padding:2rem 0 3rem}.post-title{font-size:1.8rem}.post-meta{flex-direction:column;gap:.5rem}.post-body{font-size:.95rem}.post-body h2:before{left:-.5rem}.cta-section{padding:1.5rem 1rem}.post-navigation .nav-link{font-size:.9rem;padding:.6rem 1.2rem}}.legal-page{overflow-x:hidden;padding-top:80px}.legal-header{background-color:var(--primary-color);color:#fff;padding:4rem 0;text-align:center}.legal-header-content h1{font-size:2.5rem;margin-bottom:1rem}.legal-header-content p{font-size:1.1rem;opacity:.9}.legal-content{background-color:var(--background-color);min-height:70vh;padding:4rem 0}.legal-container{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:block;margin:0 auto;max-width:800px;padding:3rem;visibility:visible}.legal-container h2{border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:1.8rem;margin:2rem 0 1rem;padding-bottom:.5rem}.legal-container h2:first-child{margin-top:0}.legal-container h3{color:var(--text-color);font-size:1.4rem;margin:1.5rem 0 1rem}.legal-container p{color:var(--text-light);font-size:1.05rem;line-height:1.6;margin-bottom:1rem}.legal-container ul{margin:1rem 0 1.5rem 1.5rem}.legal-container li{color:var(--text-light);font-size:1.05rem;line-height:1.6;margin-bottom:.5rem}.legal-container a{color:var(--primary-color);text-decoration:none}.legal-container a:hover{text-decoration:underline}.deletion-form{background:#f8f9fa;border-radius:8px;margin:2rem 0;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6bff1a;outline:none}.deletion-submit-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .3s ease}.deletion-submit-btn:hover{background-color:#c82333}.deletion-submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:1rem 0;padding:1rem}.error-message p{color:#721c24;font-weight:600;margin:0}.warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:2rem 0;padding:1.5rem}.warning-box h3{color:#856404;margin-bottom:.5rem}.warning-box p{color:#856404;margin:0}.contact-info{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;margin:2rem 0;padding:1.5rem}.contact-info h3{color:#0056b3;margin-bottom:.5rem}.contact-info p{color:#0056b3;margin:.5rem 0}.contact-info a{color:var(--primary-color);text-decoration:none}.contact-info a:hover{text-decoration:underline}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin:2rem 0;padding:3rem 2rem;text-align:center}.success-message h2{color:#155724;margin-bottom:1rem}.success-message p{color:#155724;margin:1rem 0}.info-box{background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.info-box h3{color:#0c5460;margin-bottom:1rem}.info-box ul{color:#0c5460;margin:0;padding-left:1.5rem}.info-box li{margin:.5rem 0}@media (max-width:992px){.legal-header{padding:3rem 0}.legal-header-content h1{font-size:2.2rem}.legal-content{padding:3rem 0}.legal-container{padding:2rem}}@media (max-width:768px){.legal-header-content h1{font-size:2rem}.legal-container{padding:1.5rem}.legal-container h2{font-size:1.6rem}.legal-container h3{font-size:1.3rem}.legal-container li,.legal-container p{font-size:1rem}}@media (max-width:576px){.legal-header{padding:2.5rem 0}.legal-header-content h1{font-size:1.8rem}.legal-content{padding:2rem 0}.legal-container{padding:1.25rem}.legal-container h2{font-size:1.4rem}.legal-container h3{font-size:1.2rem}.deletion-form{padding:1.5rem}.deletion-submit-btn{width:100%}}.landing-not-found-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.not-found-page:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.landing-not-found-container{max-width:800px;position:relative;width:100%;z-index:1}.landing-not-found-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:60px 40px;text-align:center}.landing-not-found-illustration{margin-bottom:40px;position:relative}.landing-error-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:120px;font-weight:900;line-height:1;margin-bottom:20px;text-shadow:0 4px 8px #0000001a}.landing-lost-character{animation:landing-bounce 2s ease-in-out infinite;height:auto;max-width:200px}.landing-not-found-text h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.landing-not-found-text p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:500px}.landing-not-found-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:50px}.landing-primary-button,.landing-secondary-button{align-items:center;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:140px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.landing-primary-button{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.landing-primary-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.landing-secondary-button{background:#0000;border:2px solid #667eea;color:#667eea}.landing-secondary-button:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.landing-helpful-links{border-top:1px solid #eee;padding-top:40px}.landing-helpful-links h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:25px}.landing-link-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:500px}.landing-helpful-link{align-items:center;background:#f8f9fa;border:1px solid #0000;border-radius:12px;color:#333;display:flex;gap:10px;padding:15px 20px;text-decoration:none;transition:all .3s ease}.landing-helpful-link:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.landing-link-icon{font-size:1.2rem}@keyframes landing-float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes landing-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.landing-not-found-content{padding:40px 20px}.landing-error-code{font-size:80px}.landing-not-found-text h1{font-size:2rem}.landing-not-found-text p{font-size:1rem}.landing-not-found-actions{align-items:center;flex-direction:column}.landing-primary-button,.landing-secondary-button{max-width:250px;width:100%}.landing-link-grid{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.landing-not-found-page{padding:10px}.landing-error-code{font-size:60px}.landing-not-found-text h1{font-size:1.5rem}.landing-lost-character{max-width:150px}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}
/*# sourceMappingURL=main.0974348e.css.map*/