:root{--primary: #4A6FFF;--primary-light: #7B9AFF;--primary-dark: #2A4FCC;--secondary: #FF6B6B;--accent: #FFD166;--success: #06D6A0;--background: #F8F9FF;--surface: #FFFFFF;--text-primary: #2D3748;--text-secondary: #718096;--border: #E2E8F0;--font-family: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);line-height:1.6}#root{width:100%;min-height:100vh;margin:0 auto;background-color:var(--background)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl);color:var(--primary)}h2{font-size:var(--font-size-2xl);color:var(--primary-dark)}h3{font-size:var(--font-size-xl);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#e53e3e;transform:translateY(-1px)}.btn-accent{background-color:var(--accent);color:var(--text-primary)}.btn-accent:hover{background-color:#ffc107;transform:translateY(-1px)}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--spacing-md)}.gap-8{gap:var(--spacing-xl)}@media (max-width: 768px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem;--font-size-xl: 1.125rem}.container{padding:0 var(--spacing-sm)}#root{padding:var(--spacing-sm)}}@media (max-width: 480px){#root{padding:var(--spacing-xs)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.hdr{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);background:var(--surface);box-shadow:var(--shadow-sm);border-bottom:3px solid var(--primary);top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;min-height:80px}.hdr a.logoAnc{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease}.hdr a.logoAnc:hover{transform:scale(1.05)}.hdr a.logoAnc picture{display:flex;align-items:center;justify-content:center}.hdr a.logoAnc .logo{width:100px;height:100px;object-fit:contain;transition:all .3s ease}.hdr a.logoAnc:hover .logo{filter:drop-shadow(0 4px 8px rgba(74,111,255,.3))}.hdr .logoTitle{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary);text-align:center;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 auto;letter-spacing:-.5px}.hdr .shareWrap{display:flex;align-items:center}@media (max-width: 768px){.hdr{padding:var(--spacing-sm);flex-direction:row}.hdr a.logoAnc .logo{width:60px;height:60px}.hdr .logoTitle{font-size:var(--font-size-xl);order:-1}.hdr .shareWrap{margin-top:var(--spacing-sm)}}@media (max-width: 480px){.hdr{padding:var(--spacing-xs) var(--spacing-sm)}.hdr a.logoAnc .logo{width:50px;height:50px}.hdr .logoTitle{font-size:var(--font-size-lg)}}@keyframes headerSlideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.hdr{animation:headerSlideIn .6s ease-out}.hdr.scrolled{box-shadow:var(--shadow-md);background:#fffffffa}.hdr a:focus{outline:2px solid var(--primary-light);outline-offset:2px;border-radius:var(--radius-sm)}.shareWrap{display:flex;align-items:center;gap:8px;justify-content:flex-end}.shareWrap a{width:24px;height:24px;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline-block;cursor:pointer;transition:all .3s ease;border-radius:4px;position:relative;overflow:hidden}.shareWrap a:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.share-facebook{background-image:url(/fb.png)}.share-whatsapp{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAF96VFh0UmF3IHByb2ZpbGUgdHlwZSBBUFAxAAAImeNKT81LLcpMVigoyk/LzEnlUgADYxMuE0sTS6NEAwMDCwMIMDQwMDYEkkZAtjlUKNEABZiYm6UBoblZspkpiM8FAE+6FWgbLdiMAAALNUlEQVRoge1Ze3QU1Rn/3ZnZR8JmE5YkQLIhqWB4aMiqKDEStyBCOW4bc4iKSOGctkIp6DmKxWcbOLU+qA+MoocjlhzPaVppKlSgFiLICiogkmhlzbp5E9iwSXaTYR/Znd2Z/rGZyexmdpNgrf/47Zmzc7975/t+v/v4vntngB/k+xXyHdikqqqqmOzsbLVGo1EXFRWldnR0+Ht6ekIulyu0devWMAD+O/B75VJVVaXt6OgoZVl2azAYfJ/jOHskEvEJMolEIj6O4xzBYPB9lmW3dnZ2LqiqqtJ+n7ip+vr6HJZlt3Ic1yJcgXAc18Ky7B/q6+tzAFD/N+R79uwxsCz7bCQS8SQDGOEjgp/zCxE+kpRIJBIZYFn2+dra2szxYhnXGjCbzUxNTc1io9H4BsMwBfI6L+fFaednaOz9El3eC7jku4TB8KBUr6W1mJyaDWNaLuZmzUXJlJugU+ti7IfD4c6LFy9uWL169b+tVmv4f0rAbDZr9+7d+3hGRsYThBBG1Dt93djX/E9YLxwHx3NRpZDclgABDMXAnHsrymf8FEZd7nCdIPD9/f3PVFRU/NFqtQ4mMQMAoMcCfu3atak1NTXV6enpDxFCKADwc37sOvdnvP7lTrQMtIIX+FHBC7JKXuDRxrbhUHs9egI9mG2YBQ2tASGEpKSk3FpZWWns6+ur//zzz7lk2EYdAbPZrD1w4MBOnU63WtTZ+r7Gyw3VcA+65eiSijBKA4PWgIeufxDXTJoj6bxeb63FYvllspEYjQDT29tbNWnSpKdExScXP8UrDa8hLMim6Bh7fTShCY0Hr9uIstxbJJ3b7d5WVlb2O5vNFlJ6JhkBqqmpyVJYWLhXnDbHL5xAdcMO8Bh9uowXvNiWgOAB0wYszDNH9YLAOxyO5TNnznwPCgkw4RqoqqrKKi8v30vTdAYAnOuzYduZF8cE/kqAyx/57NIZzJk0G5NTs0EIIXq9fkFaWlptfX29N/75RCPAuFyu57Oysh4GgMshLx7+6LfROa+AjQIFQfb7NuBF0av1eGXhS8jQpAMA+vr6qjMzMzcBiAmviiOwa9euq0pLS98ihKgAYNdXb8Hm/nqEIwKCO6f/DOtN63B7/m1gQyzOe7u+FXBRgpEg2NAA5k+9CQCg1WqLpk+fvmffvn198nZK6ZuxWCzrKIpKBYC2gXZ8eN6q6Gxp/u34+Zz7kKvLQb5+GlbOWgFqlLgwFvCifHjeCoenOQqUolKXLl26HgAjbzOCQHFxsc5gMKwUy/9w7IUgjPSWpkrDqtkrY3Q5uhwUZRYlBC5AiAIfA3ixfZ3jXUlnMBhWlJSU6JMRoHbu3FmqUqlyAMAz2I9T3aeVrOP6bBNSVCkjqn5SsGQEwPH0evw6+uzSGfQForNGpVJN2b59+wI57hEE8vLybhcLnzpPDmdYmQMePHJl6V8u8ybfgKyUzFgw4+j1eOEFHicufiyVh/AlJKDW6XTzxMLZSw0JHUT4iCIIilCYnDJ5eNpdQa/Hy1lXo3Sv1+vnAZDOESMIaLXaQrHQznYoOxCANk+7orPTXWfwhevL4Z4fA/jRpH1g2JdGoykEoFYkYDabdSqVKhsAOJ6DJ+hRdkCAs90NCIQCMequgQt44eSLYwI/5pwhAANBFsFIEADAMIyhvLxcWsgxBJYsWZJJSDQMekPepA4CfADvNx+K0YWFMDgqDIqiINpJBH4swKP9EP2xwcsAAEIIFi9eLB185ASoiRMnSnMrxCfexRIQUDSFPU116PMN55WCjHzcNWc5CKUMfjy9Ht82LMOj0WjUIvaYEXC73VKaZkiSowIBCEXg433YfupV8PxwpFox826YsooVwY8FuAg+XmhqOH95vV4Jp5wAf/z48X6xoFPFHveUwFAMhbM9Ddj39XsyRzQemfcwZhtmSW3jAdGEBh3fQQq9Lhc5nlOnTvVjaGcaMwKHDh3ychzXDwAaRoM0VdoI4PIFSggBraJR89XbaLgwHOomqFLx+5InsdBoBonbWjCEwZabf4edi19HxYw7MYGZkLDXJXtMKlKHkmY4HPa+8847rFgXH0ZDgUCgVSxM0+fFgB+6kYSQ6FoQaAHPfPI8HD0OqU7LaPHAdRuwed4mTJ0wJdoeBGvmrEJR5rXITJmENXNW4Y3Fr2HlrBXQq2N2CDEyTT9Nuvf7/a0ApMNNPIHB3t5eqSuLs+aOmk0JCGiGRkAI4KljW9DksscQvDmnBK8u3I5HbngIvyr6BSxX3RHzvF6dhrtnVqJ64csJCRRnzZXuPR5PYzICYZvNZhULt+SURm+SrT8SvWgVDa/gxWNHn4S19XjMBpChGCzIvQV3/GhZwvBKgUDglR2V5S6Q7u12uzUpgY0bN34UCoX6AWDqhCkwZY6MKEokCBVdDxzF4blPt+Glj18BG7g8+rND8h/XOUUC1066Bsa06L6L4zh248aNxyA71MQT4Ds6Ovo7OzsPiIq7CpcndBoTNYZIMGoGtJrGB51HcP/+X+NvX+yBx+dR3JKL4vL2oOaLt2POh6Lt5VdXSLqurq5/ORwON2RnY6VgH05NTe1btGjRKkIIlZWaBbv7G3T7L40AHy+EEBAQEDp6DUYG0dDdiP32g3D0NoMSKBi0E6FmoluZQW4QR1uO4bkT29Ab6gXN0CCESLaLs+bivtn3AgB4ng9XV1dvslqtzQCknWSifJ/Z1tb2RkFBQSUAfHj+GKobdiQEriSCIEDgBfARXnYJ0FBq5KUZQUDB6XPCF/GBZmjQajqawYcQaWkNXv7xi8jV5QAAOjs79+Xn598PoFfuJ9EbYbapqaleLBi0hrGDl0UrQhFQDAVGzUClUUGlZRChI2j1taPF24IAGQSjYUBrYsEDwAbTegk8x3Hsli1b/gSAjXfHxCtEufHGGxeK93a3fVx7GLkQEgVGSHRagYEUlsW6aMPhZ+4pvAtm461Rk4KAI0eOPLt7924bZNEnKQGLxaJPT09fIpZPKh0r44BH/5KQJNGcIf0naH/vzHtw76x7pHJra+u7y5YtexsKvZ+IAPX0008vYhjGAABOrxOtA21JwY/nXVAi4GpKjfXFa3HbtEWSzuVynS4rK3sS0Xmv+FlKiQCTl5cnxc4TFz8Z0UCv1qNAn48OthP9wf4R9eMFP8cwG78pXhezZXA6nSctFss6p9PZCYWpk5BARUVFhl6vl6bPx0MEjLpclEydj5Kp8zE9/Sopo550nkLdN+/C0d88buAzJxai8urluGnKvJgM3dzc/F5ZWdnj3d3d7QD8yezGh1GqoaFhhclk+gsADAQHcLjjA9w8dT6MacakAFv6W3H8wgk0uBrRdflCzNtrEbyKUsGYZoQpay7KchdgRsb0GBscx/kPHz78gsVi2Q2gG8CoHzjiRe12u/8+ho9zAafTeY7nlT9+hSNh4ZLPJbR4WgSHp1loH+gQevw9Cb+V8TwfaWtrq1+zZs0SANlIEh2TSkVFRXY4HB5QchIMBi87HI762trax2bMmFEC4NpHH330brvdfpDjuMBopBN1hN1uP7hp06ZKAAUAdPgWXyupxsbGVXIHfr+/z2az7X/zzTcfzMzMvB7ANAAGRN/LqIccTjOZTKV1dXVPNDU1HfR4PG2RSIRTHJlwOOjxeNpsNtv+urq6J0wmU+mQTd2V9rp8Dag9Hs9fVSpVaUtLy4mjR4/Wb968+STHcW4AXkQXk9JXdmqITOrQpdPr9brKysqcgoKCDJqmKZ/PF+rq6mLr6uou+v1+/5A9L6JzPKRg84pEvWPHjgUAZgEwAtAPARvPkFKI9qRISCe7Uof0zDhtJhX5CIjOedn1g3zX8l+d2QQfPqIRmwAAAABJRU5ErkJggg==)}.share-twitter{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%20400'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:%231da1f2;}.cls-2{fill:%23fff;}.cls-3{fill:none;}%3c/style%3e%3c/defs%3e%3ctitle%3eTwitter_Logo_White-on-Blue%3c/title%3e%3cg%20id='Dark_Blue'%20data-name='Dark%20Blue'%3e%3crect%20class='cls-1'%20width='400'%20height='400'/%3e%3c/g%3e%3cg%20id='Logo_FIXED'%20data-name='Logo%20—%20FIXED'%3e%3cpath%20class='cls-2'%20d='M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23'/%3e%3crect%20class='cls-3'%20width='400'%20height='400'/%3e%3c/g%3e%3c/svg%3e")}.share-linkedin{background-color:#0077b5;position:relative}.share-linkedin:before{content:"in";color:#fff;font-weight:700;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-pinterest{background-color:#e60023;position:relative}.share-pinterest:before{content:"P";color:#fff;font-weight:700;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-telegram{background-color:#08c;position:relative}.share-telegram:before{content:"✈";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-reddit{background-color:#ff4500;position:relative}.share-reddit:before{content:"R";color:#fff;font-weight:700;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-email{background-color:#34495e;position:relative}.share-email:before{content:"✉";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-copy{background-color:#6c757d;position:relative}.share-copy:before{content:"📋";font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.share-facebook:hover{background-color:#1877f2!important}.share-whatsapp:hover{background-color:#25d366!important}.share-twitter:hover{background-color:#1da1f2!important}.share-linkedin:hover{background-color:#005885!important}.share-pinterest:hover{background-color:#c8001a!important}.share-telegram:hover{background-color:#006ba6!important}.share-reddit:hover{background-color:#d93900!important}.share-email:hover{background-color:#2c3e50!important}.share-copy:hover{background-color:#495057!important}.shareWrap a span{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.shareWrap a:hover span{opacity:1}.shareWrap{flex-wrap:wrap;justify-content:flex-start}@media (max-width: 1024px){.shareWrap{gap:6px}.shareWrap a{width:26px;height:26px}}@media (max-width: 768px){.shareWrap{gap:8px;justify-content:center}.shareWrap a{width:30px;height:30px}.shareWrap a:before{font-size:14px}}@media (max-width: 640px){.shareWrap{gap:6px;max-width:300px;margin:0 auto}.shareWrap a{width:28px;height:28px}}@media (max-width: 480px){.shareWrap{gap:8px;max-width:280px}.shareWrap a{width:32px;height:32px;flex:0 0 32px}.shareWrap a:before{font-size:16px}.share-linkedin:before{font-size:14px}}@media (max-width: 360px){.shareWrap{gap:6px;max-width:250px}.shareWrap a{width:28px;height:28px;flex:0 0 28px}.shareWrap a:before{font-size:14px}.share-linkedin:before{font-size:12px}}.share-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;min-width:280px;z-index:9999;overflow:hidden}@media (max-width: 768px){.share-dropdown{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%) translateY(-50%)!important;right:auto!important;bottom:auto!important;min-width:300px;max-width:90vw;max-height:80vh;z-index:9999;overflow-y:auto;box-shadow:0 10px 25px #0000004d}}@media (max-width: 480px){.share-dropdown{min-width:280px;max-width:95vw}}.ftr{display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl) var(--spacing-md);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;margin-top:var(--spacing-2xl);border-top:3px solid var(--accent);animation:footerFadeIn .8s ease-out;position:relative}.ftrPolicy{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.footer-links-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem}.footer-section{display:flex;flex-direction:column;gap:.75rem;align-items:center;min-width:150px}.footer-section a{color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;padding:.5rem 1rem;border:2px solid transparent;border-radius:8px;transition:all .3s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.footer-section a:hover{background:#fff3;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.footer-section a:focus{outline:2px solid var(--accent);outline-offset:2px}.footer-badge{display:flex;justify-content:center;margin-top:1rem}.footer-badge img{height:30px;width:auto;filter:brightness(0) invert(1);transition:transform .3s ease;opacity:.8}.footer-badge a:hover img{transform:scale(1.1);opacity:1}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ftr:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:60px;height:10px;background:var(--accent);border-radius:8px 8px 0 0;box-shadow:0 -4px 8px #ffd1664d}@media (max-width: 768px){.ftr{padding:2rem 1rem;margin-top:3rem}.footer-links-wrapper{gap:2rem}.footer-section{min-width:120px;gap:.5rem}.footer-section a{font-size:.85rem;padding:.4rem .8rem}}@media (max-width: 480px){.ftr{padding:1.5rem .5rem}.footer-links-wrapper{flex-direction:column;gap:1.5rem}.footer-section{gap:.75rem;min-width:auto}.footer-section a{font-size:.8rem;padding:.3rem .6rem}}.footer-section a:focus-visible{background:#ffffff4d;outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.footer-section a,.footer-badge img,.ftr{transition:none;animation:none}}.navWrap{top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:70px}.navWrap.scrolled{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 8px 30px #00000026;min-height:65px}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;min-height:70px;position:relative;flex-wrap:wrap;gap:1rem}.navWrap.scrolled .nav-container{min-height:65px;padding:.75rem 2rem}.nav-brand{flex-shrink:0;z-index:1001}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:800;font-size:1.5rem;transition:all .3s ease;padding:.5rem;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;background:#ffffff26;color:gold}.brand-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.brand-text{background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:.5rem;flex-grow:1;justify-content:center;flex-wrap:wrap;max-width:calc(100vw - 300px)}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);white-space:nowrap;flex-shrink:0;min-width:fit-content}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{background:#ffffff26;transform:translateY(-3px);box-shadow:0 10px 30px #0003;border-color:#ffd7004d;color:gold}.nav-link.active{background:linear-gradient(135deg,#ffd70033,#ffffff26);border-color:#ffd70080;color:gold;box-shadow:0 4px 15px #ffd70033}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);border-radius:1px}.nav-icon{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.nav-auth{flex-shrink:0;display:flex;align-items:center;z-index:1001}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:45px;height:45px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;z-index:1002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu-toggle:hover{background:#fff3;transform:scale(1.05)}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.mobile-menu-toggle span:not(:last-child){margin-bottom:4px}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);background:gold}.mobile-menu-toggle.open span:nth-child(2){opacity:0;transform:translate(-20px)}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px);background:gold}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1024px){.nav-container{padding:1rem 1.5rem;gap:.75rem}.nav-links{gap:.4rem;max-width:calc(100vw - 250px)}.nav-link{padding:.65rem 1rem;font-size:.9rem}.brand-link{font-size:1.4rem}}@media (max-width: 900px){.nav-container{padding:1rem;gap:.5rem}.nav-links{gap:.3rem;max-width:calc(100vw - 200px)}.nav-link{padding:.6rem .9rem;font-size:.85rem}.brand-link{font-size:1.3rem;gap:.5rem}.brand-text{font-size:.9em}}@media (max-width: 768px){.nav-container{padding:1rem;min-height:65px;align-items:flex-start;flex-direction:column;gap:.75rem}.navWrap.scrolled .nav-container{min-height:60px;padding:.75rem 1rem}.nav-container>div:first-child{align-self:stretch;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-links{width:100%;justify-content:center;max-width:none;gap:.5rem;margin-top:.5rem}.nav-link{padding:.7rem 1rem;font-size:.9rem;min-width:auto;flex:1;justify-content:center;max-width:120px}.nav-icon{font-size:1rem}.brand-link{font-size:1.3rem;gap:.5rem}.brand-icon{font-size:1.5rem}.mobile-menu-toggle{display:none}.nav-auth{position:static;transform:none}}@media (max-width: 640px){.nav-container{padding:.75rem;gap:.5rem}.nav-links{gap:.3rem;margin-top:.25rem}.nav-link{padding:.6rem .8rem;font-size:.8rem;max-width:110px}.brand-link{font-size:1.2rem;padding:.4rem}.brand-text{font-size:.85em}}@media (max-width: 480px){.nav-container{padding:.75rem .5rem;min-height:60px;gap:.4rem}.navWrap.scrolled .nav-container{min-height:55px;padding:.5rem}.brand-link{font-size:1rem;padding:.4rem}.brand-text{display:block;font-size:.8em}.brand-icon{font-size:1.5rem}.nav-links{gap:.3rem;margin-top:.2rem}.nav-link{padding:.6rem .5rem;font-size:0;width:40px;height:40px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;flex-shrink:0;max-width:none}.nav-link span:not(.nav-icon){display:none}.nav-icon{font-size:1.2rem}.nav-auth{transform:scale(.85)}}@media (max-width: 480px) and (hover: none) and (pointer: coarse){.nav-link{min-height:48px;width:48px;height:48px;padding:.8rem;font-size:0}.nav-link span:not(.nav-icon){display:none}.nav-icon{font-size:1.3rem}.nav-link:active{background:#ffffff40;transform:scale(.95)}.brand-link:active{transform:scale(.95)}.nav-link:hover{transform:none;background:#ffffff14;box-shadow:none}.brand-link:hover{transform:none;box-shadow:0 4px 15px #0000001a}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navWrap{animation:slideDown .6s cubic-bezier(.4,0,.2,1)}.nav-link:focus-visible,.brand-link:focus-visible{outline:2px solid #ffd700;outline-offset:2px;background:#fff3}.mobile-menu-toggle:focus-visible{outline:2px solid #ffd700;outline-offset:2px}@media (prefers-reduced-motion: reduce){.navWrap,.nav-link,.brand-link,.mobile-menu-toggle,.mobile-menu-toggle span,.brand-icon{animation:none;transition:none}.nav-link:before{display:none}}@media (prefers-contrast: high){.navWrap{background:#000;border-bottom:2px solid #fff}.nav-link{border:1px solid #fff}.nav-link.active{background:#fff;color:#000}}@media print{.navWrap{display:none}}.navWrap .gWrap{position:relative}.navWrap .gWrap .g-signin2{padding-left:10px}.navWrap .gWrap .g-sign-out{top:0;left:45px;background:#fff;color:#4a6fff;height:100%;border:none}.navWrap .gWrap .userLogo{width:30px;height:30px;background-repeat:no-repeat;background-size:contain;position:absolute;top:3px;right:-30px}.mainContent{padding:10px 0}.mainContent h2{color:#4a6ffff2;font-size:1.5rem;text-align:center}#saveAskForm{width:70%;margin:0 auto}.formWrapper{border:1px solid #ccc;padding:20px;background:#fff}.formWrapper.container{border-radius:1%;width:100%}.resultTxt{text-align:center;font-size:24px}.subWrapper{justify-content:center}.subWrapper button{background-color:#4a6ffff2;font-size:22px}.subWrapper button:hover{background-color:#4a6ffff2}.formWrapper .input-group-text{color:#fff;background:#4a6ffff2}.flag-dropdown{margin:1px;padding:10px 16px 6px 6px;border:1px solid #ced4da}.country-list{list-style:none;padding:0;margin:0;z-index:1;overflow-y:scroll;box-shadow:1px 1px 4px #0003;background-color:#fff;border:1px solid #cccccc;position:absolute;top:29px;width:330px;max-height:200px}.country-list .country{line-height:16px;margin:5px}.country-list li:hover{background-color:#f8f9fa}.down-arrow{top:6px;position:relative;left:20px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid black}.flag{width:16px;height:16px;background-image:url(/flags.png);background-repeat:no-repeat;display:inline-block}.country-name,.dial-code{font-size:14px}.hide{display:none}.f16 .ad{background-position:0 -352px}.f16 .ae{background-position:0 -368px}.f16 .af{background-position:0 -384px}.f16 .ag{background-position:0 -400px}.f16 .ai{background-position:0 -416px}.f16 .al{background-position:0 -432px}.f16 .am{background-position:0 -448px}.f16 .an{background-position:0 -464px}.f16 .ao{background-position:0 -480px}.f16 .aq{background-position:0 -496px}.f16 .ar{background-position:0 -512px}.f16 .as{background-position:0 -528px}.f16 .at{background-position:0 -544px}.f16 .au{background-position:0 -560px}.f16 .aw{background-position:0 -576px}.f16 .az{background-position:0 -592px}.f16 .ba{background-position:0 -608px}.f16 .bb{background-position:0 -624px}.f16 .bd{background-position:0 -640px}.f16 .be{background-position:0 -656px}.f16 .bf{background-position:0 -672px}.f16 .bg{background-position:0 -688px}.f16 .bh{background-position:0 -704px}.f16 .bi{background-position:0 -720px}.f16 .bj{background-position:0 -736px}.f16 .bm{background-position:0 -752px}.f16 .bn{background-position:0 -768px}.f16 .bo{background-position:0 -784px}.f16 .br{background-position:0 -800px}.f16 .bs{background-position:0 -816px}.f16 .bt{background-position:0 -832px}.f16 .bw{background-position:0 -848px}.f16 .by{background-position:0 -864px}.f16 .bz{background-position:0 -880px}.f16 .ca{background-position:0 -896px}.f16 .cg{background-position:0 -912px}.f16 .cf{background-position:0 -928px}.f16 .cd{background-position:0 -944px}.f16 .ch{background-position:0 -960px}.f16 .ci{background-position:0 -976px}.f16 .ck{background-position:0 -992px}.f16 .cl{background-position:0 -1008px}.f16 .cm{background-position:0 -1024px}.f16 .cn{background-position:0 -1040px}.f16 .co{background-position:0 -1056px}.f16 .cr{background-position:0 -1072px}.f16 .cu{background-position:0 -1088px}.f16 .cv{background-position:0 -1104px}.f16 .cy{background-position:0 -1120px}.f16 .cz{background-position:0 -1136px}.f16 .de{background-position:0 -1152px}.f16 .dj{background-position:0 -1168px}.f16 .dk{background-position:0 -1184px}.f16 .dm{background-position:0 -1200px}.f16 .do{background-position:0 -1216px}.f16 .dz{background-position:0 -1232px}.f16 .ec{background-position:0 -1248px}.f16 .ee{background-position:0 -1264px}.f16 .eg{background-position:0 -1280px}.f16 .eh{background-position:0 -1296px}.f16 .er{background-position:0 -1312px}.f16 .es{background-position:0 -1328px}.f16 .et{background-position:0 -1344px}.f16 .fi{background-position:0 -1360px}.f16 .fj{background-position:0 -1376px}.f16 .fm{background-position:0 -1392px}.f16 .fo{background-position:0 -1408px}.f16 .fr{background-position:0 -1424px}.f16 .ga{background-position:0 -1440px}.f16 .gb{background-position:0 -1456px}.f16 .gd{background-position:0 -1472px}.f16 .ge{background-position:0 -1488px}.f16 .gg{background-position:0 -1504px}.f16 .gh{background-position:0 -1520px}.f16 .gi{background-position:0 -1536px}.f16 .gl{background-position:0 -1552px}.f16 .gm{background-position:0 -1568px}.f16 .gn{background-position:0 -1584px}.f16 .gp{background-position:0 -1600px}.f16 .gq{background-position:0 -1616px}.f16 .gr{background-position:0 -1632px}.f16 .gt{background-position:0 -1648px}.f16 .gu{background-position:0 -1664px}.f16 .gw{background-position:0 -1680px}.f16 .gy{background-position:0 -1696px}.f16 .hk{background-position:0 -1712px}.f16 .hn{background-position:0 -1728px}.f16 .hr{background-position:0 -1744px}.f16 .ht{background-position:0 -1760px}.f16 .hu{background-position:0 -1776px}.f16 .id,.f16 .mc{background-position:0 -1792px}.f16 .ie{background-position:0 -1808px}.f16 .il{background-position:0 -1824px}.f16 .im{background-position:0 -1840px}.f16 .in{background-position:0 -1856px}.f16 .iq{background-position:0 -1872px}.f16 .ir{background-position:0 -1888px}.f16 .is{background-position:0 -1904px}.f16 .it{background-position:0 -1920px}.f16 .je{background-position:0 -1936px}.f16 .jm{background-position:0 -1952px}.f16 .jo{background-position:0 -1968px}.f16 .jp{background-position:0 -1984px}.f16 .ke{background-position:0 -2000px}.f16 .kg{background-position:0 -2016px}.f16 .kh{background-position:0 -2032px}.f16 .ki{background-position:0 -2048px}.f16 .km{background-position:0 -2064px}.f16 .kn{background-position:0 -2080px}.f16 .kp{background-position:0 -2096px}.f16 .kr{background-position:0 -2112px}.f16 .kw{background-position:0 -2128px}.f16 .ky{background-position:0 -2144px}.f16 .kz{background-position:0 -2160px}.f16 .la{background-position:0 -2176px}.f16 .lb{background-position:0 -2192px}.f16 .lc{background-position:0 -2208px}.f16 .li{background-position:0 -2224px}.f16 .lk{background-position:0 -2240px}.f16 .lr{background-position:0 -2256px}.f16 .ls{background-position:0 -2272px}.f16 .lt{background-position:0 -2288px}.f16 .lu{background-position:0 -2304px}.f16 .lv{background-position:0 -2320px}.f16 .ly{background-position:0 -2336px}.f16 .ma{background-position:0 -2352px}.f16 .md{background-position:0 -2368px}.f16 .me{background-position:0 -2384px}.f16 .mg{background-position:0 -2400px}.f16 .mh{background-position:0 -2416px}.f16 .mk{background-position:0 -2432px}.f16 .ml{background-position:0 -2448px}.f16 .mm{background-position:0 -2464px}.f16 .mn{background-position:0 -2480px}.f16 .mo{background-position:0 -2496px}.f16 .mq{background-position:0 -2512px}.f16 .mr{background-position:0 -2528px}.f16 .ms{background-position:0 -2544px}.f16 .mt{background-position:0 -2560px}.f16 .mu{background-position:0 -2576px}.f16 .mv{background-position:0 -2592px}.f16 .mw{background-position:0 -2608px}.f16 .mx{background-position:0 -2624px}.f16 .my{background-position:0 -2640px}.f16 .mz{background-position:0 -2656px}.f16 .na{background-position:0 -2672px}.f16 .nc{background-position:0 -2688px}.f16 .ne{background-position:0 -2704px}.f16 .ng{background-position:0 -2720px}.f16 .ni{background-position:0 -2736px}.f16 .nl{background-position:0 -2752px}.f16 .no{background-position:0 -2768px}.f16 .np{background-position:0 -2784px}.f16 .nr{background-position:0 -2800px}.f16 .nz{background-position:0 -2816px}.f16 .om{background-position:0 -2832px}.f16 .pa{background-position:0 -2848px}.f16 .pe{background-position:0 -2864px}.f16 .pf{background-position:0 -2880px}.f16 .pg{background-position:0 -2896px}.f16 .ph{background-position:0 -2912px}.f16 .pk{background-position:0 -2928px}.f16 .pl{background-position:0 -2944px}.f16 .pr{background-position:0 -2960px}.f16 .ps{background-position:0 -2976px}.f16 .pt{background-position:0 -2992px}.f16 .pw{background-position:0 -3008px}.f16 .py{background-position:0 -3024px}.f16 .qa{background-position:0 -3040px}.f16 .re{background-position:0 -3056px}.f16 .ro{background-position:0 -3072px}.f16 .rs{background-position:0 -3088px}.f16 .ru{background-position:0 -3104px}.f16 .rw{background-position:0 -3120px}.f16 .sa{background-position:0 -3136px}.f16 .sb{background-position:0 -3152px}.f16 .sc{background-position:0 -3168px}.f16 .sd{background-position:0 -3184px}.f16 .se{background-position:0 -3200px}.f16 .sg{background-position:0 -3216px}.f16 .si{background-position:0 -3232px}.f16 .sk{background-position:0 -3248px}.f16 .sl{background-position:0 -3264px}.f16 .sm{background-position:0 -3280px}.f16 .sn{background-position:0 -3296px}.f16 .so{background-position:0 -3312px}.f16 .sr{background-position:0 -3328px}.f16 .st{background-position:0 -3344px}.f16 .sv{background-position:0 -3360px}.f16 .sy{background-position:0 -3376px}.f16 .sz{background-position:0 -3392px}.f16 .tc{background-position:0 -3408px}.f16 .td{background-position:0 -3424px}.f16 .tg{background-position:0 -3440px}.f16 .th{background-position:0 -3456px}.f16 .tj{background-position:0 -3472px}.f16 .tl{background-position:0 -3488px}.f16 .tm{background-position:0 -3504px}.f16 .tn{background-position:0 -3520px}.f16 .to{background-position:0 -3536px}.f16 .tr{background-position:0 -3552px}.f16 .tt{background-position:0 -3568px}.f16 .tv{background-position:0 -3584px}.f16 .tw{background-position:0 -3600px}.f16 .tz{background-position:0 -3616px}.f16 .ua{background-position:0 -3632px}.f16 .ug{background-position:0 -3648px}.f16 .us{background-position:0 -3664px}.f16 .uy{background-position:0 -3680px}.f16 .uz{background-position:0 -3696px}.f16 .va{background-position:0 -3712px}.f16 .vc{background-position:0 -3728px}.f16 .ve{background-position:0 -3744px}.f16 .vg{background-position:0 -3760px}.f16 .vi{background-position:0 -3776px}.f16 .vn{background-position:0 -3792px}.f16 .vu{background-position:0 -3808px}.f16 .ws{background-position:0 -3824px}.f16 .ye{background-position:0 -3840px}.f16 .za{background-position:0 -3856px}.f16 .zm{background-position:0 -3872px}.f16 .zw{background-position:0 -3888px}.policy-container{max-width:1000px;margin:0 auto;padding:2rem;min-height:80vh;line-height:1.6;color:#333}.policy-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px solid #667eea}.policy-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.policy-subtitle{font-size:1.2rem;color:#666;margin-bottom:1.5rem}.last-updated{display:inline-block;padding:.5rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;color:#495057}.policy-content{font-size:1rem;line-height:1.7}.policy-intro{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:2rem;border-radius:15px;margin-bottom:3rem;border-left:4px solid #667eea}.policy-intro p{font-size:1.1rem;font-weight:500;margin:0;color:#495057}.policy-section{margin-bottom:3rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 2px 15px #00000014;border:1px solid #e9ecef}.policy-section h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #667eea;font-weight:700}.policy-section h3{font-size:1.3rem;color:#495057;margin-bottom:1rem;font-weight:600}.policy-section p{margin-bottom:1rem;color:#666}.policy-section ul{margin-bottom:1.5rem;padding-left:1.5rem}.policy-section li{margin-bottom:.75rem;color:#555}.policy-section li strong{color:#333;font-weight:600}.subsection{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border-left:4px solid #28a745}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.use-case{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;transition:all .3s ease}.use-case:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#667eea}.use-icon{font-size:2rem;flex-shrink:0}.use-content h3{margin:0 0 .5rem;font-size:1.1rem;color:#333}.use-content p{margin:0;font-size:.9rem;color:#666}.sharing-policy{display:flex;flex-direction:column;gap:2rem}.no-sharing{padding:1.5rem;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;border-left:4px solid #e53e3e}.no-sharing h3{color:#c53030;margin-bottom:1rem}.public-content{padding:1.5rem;background:#f0fff4;border:1px solid #c6f6d5;border-radius:10px;border-left:4px solid #38a169}.public-content h3{color:#2f855a;margin-bottom:1rem}.coppa-section{background:#fff5f0;padding:2rem;border-radius:15px;border:2px solid #fed7aa}.coppa-highlight{background:#fef5e7;padding:1.5rem;border-radius:10px;margin-bottom:1.5rem;border-left:4px solid #f56500}.coppa-highlight h3{color:#c05621;margin-bottom:.5rem}.safety-measures{display:flex;flex-direction:column;gap:1.5rem}.safety-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f0f4ff;border-radius:10px;border:1px solid #cbd5e0}.safety-icon{font-size:2rem;flex-shrink:0}.safety-content h3{margin:0 0 .5rem;color:#2d3748}.safety-content p{margin:0;color:#4a5568}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.security-item{padding:1.5rem;background:#f7fafc;border-radius:10px;border:1px solid #e2e8f0;text-align:center;transition:all .3s ease}.security-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#667eea}.security-item h3{margin-bottom:.75rem;font-size:1.1rem;color:#2d3748}.security-item p{margin:0;font-size:.9rem;color:#4a5568}.rights-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem}.right-item{padding:1.5rem;background:#f0fff4;border-radius:10px;border:1px solid #c6f6d5;text-align:center;transition:all .3s ease}.right-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a;border-color:#38a169}.right-item h3{margin-bottom:.75rem;font-size:1.1rem;color:#2f855a}.right-item p{margin:0;font-size:.9rem;color:#4a5568}.cookie-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.cookie-type{padding:1.5rem;background:#fef5e7;border-radius:10px;border:1px solid #fed7aa;text-align:center}.cookie-type h3{margin-bottom:.75rem;color:#c05621}.cookie-type p{margin:0;font-size:.9rem;color:#744210}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.contact-section h2{color:#fff;border-bottom-color:#ffffff4d}.contact-section p{color:#ffffffe6}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff1a;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.contact-icon{font-size:1.5rem}.contact-details h3{margin:0 0 .25rem;color:#fff;font-size:1rem}.contact-details p{margin:0;font-size:.9rem;color:#fffc}.contact-details a{color:#ffd166;text-decoration:none;font-weight:600}.contact-details a:hover{text-decoration:underline}.policy-footer{background:#f8f9fa;padding:2rem;border-radius:15px;border:1px solid #e9ecef;text-align:center;margin-top:2rem}.footer-content p{font-size:1.1rem;color:#495057;margin:0;line-height:1.6}@media (max-width: 768px){.policy-container{padding:1rem}.policy-title{font-size:2rem}.policy-section{padding:1.5rem}.use-cases,.security-grid,.rights-list,.cookie-types,.contact-methods{grid-template-columns:1fr}.sharing-policy{gap:1.5rem}.use-case,.safety-item,.contact-method{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.policy-container{padding:.5rem}.policy-header{margin-bottom:2rem;padding-bottom:1.5rem}.policy-title{font-size:1.8rem}.policy-intro{padding:1.5rem}.policy-section{padding:1rem;margin-bottom:2rem}.coppa-section,.contact-section{padding:1.5rem}}body{padding:20px}*{font-size:24px}.heading{text-align:center;font-weight:700;border:1px solid #ffe6e6;cursor:pointer}pre{border:1px solid grey;overflow:scroll}.collapse{display:none}.collapse.in{display:block}.order{font-weight:700;color:red}.easy{color:green}.medium{color:orange}.hard{color:red}.editor-container{width:100%;margin:var(--spacing-md) 0;font-family:var(--font-family)}.editor-wrapper{border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:all .2s ease;overflow:hidden}.editor-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4a6fff1a}.editor-toolbar{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--background);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar-group{display:flex;gap:var(--spacing-xs);align-items:center}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);transition:all .2s ease}.toolbar-btn:hover{background:var(--primary-light);color:#fff;border-color:var(--primary);transform:translateY(-1px)}.toolbar-btn:active{transform:translateY(0)}.editor-content{padding:var(--spacing-md);min-height:200px;max-height:400px;overflow-y:auto;background:#fff;font-size:var(--font-size-base);line-height:1.6}.DraftEditor-root{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary)}.DraftEditor-editorContainer,.public-DraftEditor-content{min-height:150px}.public-DraftEditorPlaceholder-root{color:var(--text-secondary);font-style:italic;position:absolute}.public-DraftStyleDefault-block{margin-bottom:var(--spacing-sm)}.header-two{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-dark);margin:var(--spacing-md) 0}.blockquote{border-left:4px solid var(--primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;font-style:italic;color:var(--text-secondary)}.unordered-list-item,.ordered-list-item{margin:var(--spacing-xs) 0}.public-DraftStyleDefault-span[style*="font-weight:700"]{font-weight:700!important;color:var(--primary-dark)}.public-DraftStyleDefault-span[style*="font-style:italic"]{font-style:italic!important}.public-DraftStyleDefault-span[style*="text-decoration:underline"]{text-decoration:underline!important;text-decoration-color:var(--primary)}@media (max-width: 768px){.editor-toolbar{gap:var(--spacing-sm);padding:var(--spacing-xs)}.toolbar-btn{width:28px;height:28px;font-size:var(--font-size-xs)}.editor-content{padding:var(--spacing-sm);min-height:150px}}@media (max-width: 480px){.editor-toolbar{flex-direction:column;gap:var(--spacing-xs)}.toolbar-group{justify-content:center}.editor-content{min-height:120px;max-height:300px}}.editor-content:focus{outline:none}.DraftEditor-editorContainer:focus{outline:none}.editor-content::-webkit-scrollbar{width:8px}.editor-content::-webkit-scrollbar-track{background:var(--background);border-radius:var(--radius-sm)}.editor-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}.editor-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.Collapsible .Collapsible__trigger{display:inline-block;font-size:2rem;color:#fff;margin-left:20px;background-color:#4a6ffff2;padding:0 20px;border-radius:20px}.Collapsible .Collapsible__contentInner{border:1px solid #ccc;padding:10px}.addbtn{position:absolute;width:30px;height:30px;background:url(http://www.littlekidstories.com/add.png);background-size:contain;top:10px;left:-10px}.Collapsible{position:relative;margin-top:10px}.btn.btn-primary.editBtn,.btn.btn-primary.addBtn,.btn.btn-primary.deleteBtn{width:30px;height:30px;background-size:contain}.btn.btn-primary.editBtn{background-image:url(http://www.littlekidstories.com/edit.png);background-color:#fff;border:none}.btn.btn-primary.addBtn{background-image:url(http://www.littlekidstories.com/add.png);background-color:#fff;border:none}.btn.btn-primary.deleteBtn{background-image:url(http://www.littlekidstories.com/delete.png);background-color:#fff;border:none;width:28px}@media (max-width: 700px){.Collapsible .Collapsible__trigger{font-size:1.5rem}.addbtn{width:20px;height:20px;top:10px;left:0}}.allProductWrapper,.createProductWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:var(--spacing-xl);animation:fadeIn .6s ease-out}.createProductWrapper{width:100%;background:var(--surface);border:2px solid var(--primary-light);color:var(--text-primary)}.createProductWrapper h2{color:var(--primary-dark)!important;margin-bottom:var(--spacing-lg)}.allProductWrapper{border:none;background:transparent;box-shadow:none}.allProductWrapper h2{color:var(--primary-dark);font-size:var(--font-size-2xl);text-align:center;margin-bottom:var(--spacing-xl)}.createProductWrapper .input-group-text{color:var(--primary-dark);background:var(--background);border:1px solid var(--border);font-weight:600}.uploadImgContainer{height:200px;width:200px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border)}.uploadImgContainer>picture,.uploadImgContainer img{height:100%;width:100%;object-fit:cover}.allProductWrapper>div{width:100%;max-width:1200px}.createProductWrapper .btnAction{background-color:var(--primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-md);transition:all .2s ease;margin-top:var(--spacing-lg)}.createProductWrapper .btnAction:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.createProductWrapper .tip{width:20px;height:20px;background-size:contain;display:inline-block;margin-left:var(--spacing-sm);background-image:url(http://www.littlekidstories.com/help.png)}.createProductWrapper .Collapsible__contentOuter{height:100%!important}.sDropDown{min-width:250px}.storyWrap{display:flex;flex-wrap:wrap;width:100%}.storyCard{background:var(--surface);border:2px solid var(--primary-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.storyCard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.storyCard .storyCtas{display:flex;gap:var(--spacing-xs)}.storyCard .editBtn,.storyCard .deleteBtn{width:24px;height:24px;padding:0;border-radius:50%;font-size:var(--font-size-xs)}.storyCard .coverImage{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:var(--spacing-md);border:3px solid var(--primary-light)}.storyCard .storyTitle{font-size:var(--font-size-lg);color:var(--primary-dark);font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);line-height:1.3}.storyCard .storyStatus{font-size:var(--font-size-sm);font-weight:700;color:var(--text-secondary);text-align:center}.input-group{margin-bottom:var(--spacing-lg);width:100%}.input-group-prepend{margin-right:0}.form-control{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);transition:all .2s ease}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a6fff1a;outline:none}.alert-danger{background-color:#ff6b6b1a;border:1px solid var(--secondary);color:var(--secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}@media (max-width: 768px){.allProductWrapper,.createProductWrapper{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.storyWrap{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.allProductWrapper h2,.createProductWrapper h2{font-size:var(--font-size-xl)}.createProductWrapper .btnAction{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 480px){.allProductWrapper,.createProductWrapper{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.storyWrap{grid-template-columns:1fr;gap:var(--spacing-sm)}.storyCard{padding:var(--spacing-md)}.sDropDown{min-width:200px}}.storyCard{animation:slideIn .4s ease-out}.storyCard:nth-child(odd){animation-delay:.1s}.storyCard:nth-child(2n){animation-delay:.2s}.storyCard.loading{opacity:.6;pointer-events:none}.allProductWrapper p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md);text-align:center}.allProductWrapper p:last-child{margin-bottom:0}.no-stories{text-align:center;color:var(--text-secondary);font-style:italic;padding:var(--spacing-2xl);background:var(--surface);border-radius:var(--radius-lg);border:2px dashed var(--border);margin:var(--spacing-xl) 0}.retry-container{margin-top:var(--spacing-sm)}.retry-btn{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s ease}.retry-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.signin-cta{background:var(--background);border:2px solid var(--primary-light);color:var(--text-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);text-align:center}.signin-cta p{color:var(--text-primary)!important;font-weight:600;margin-bottom:0;font-size:var(--font-size-lg)}.home-container{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0;background:var(--background)}.home-container>*{margin-bottom:var(--spacing-2xl)}.home-container>*:last-child{margin-bottom:0}.home-container{animation:fadeIn .8s ease-out}@media (max-width: 768px){.home-container{padding:var(--spacing-lg) 0}.home-container>*{margin-bottom:var(--spacing-xl)}}@media (max-width: 480px){.home-container{padding:var(--spacing-md) 0}.home-container>*{margin-bottom:var(--spacing-lg)}}.home-container.loading{display:flex;align-items:center;justify-content:center;min-height:400px}.hero-section{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;border-radius:var(--radius-xl);margin:var(--spacing-xl) auto;max-width:1200px}.hero-section h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:#fff}.hero-section p{font-size:var(--font-size-lg);opacity:.9;max-width:600px;margin:0 auto}@media (prefers-reduced-motion: reduce){.home-container{animation:none}}.container{max-width:1200px;margin:0 auto}.container h2{font-size:var(--font-size-3xl);font-weight:800;text-align:center;color:var(--primary);margin-bottom:var(--spacing-2xl);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.container h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent);border-radius:2px}.tab{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.tab button{background:var(--background);border:2px solid var(--border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer;transition:all .3s ease;min-width:120px}.tab button:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tab button.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.tabcontent{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl)}.story-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease;border:1px solid var(--border)}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.heading{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:all .3s ease}.heading:hover{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.coverImage{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-md);border:3px solid var(--accent);box-shadow:var(--shadow-md);transition:transform .3s ease}.heading:hover .coverImage{transform:scale(1.05)}.title{font-size:var(--font-size-xl);font-weight:700;text-align:center;margin:0;line-height:1.3}.ctas{display:flex;align-items:center;gap:var(--spacing-sm);background:#fff3;padding:var(--spacing-sm);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ctas button{background:none;border:none;padding:var(--spacing-xs);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ctas button:hover{background:#ffffff4d;transform:scale(1.1)}.ctas img{width:24px;height:24px}.likeButton{display:flex;align-items:center;gap:var(--spacing-xs)}.likeCount{color:#fff;font-weight:600;font-size:var(--font-size-sm)}progress{width:100%;height:8px;border-radius:var(--radius-sm);border:none;background:#ffffff4d;margin-top:var(--spacing-sm)}progress::-webkit-progress-bar{background:#ffffff4d;border-radius:var(--radius-sm)}progress::-webkit-progress-value{background:var(--accent);border-radius:var(--radius-sm)}progress::-moz-progress-bar{background:var(--accent);border-radius:var(--radius-sm)}.expand{padding:var(--spacing-lg);background:var(--surface);border-top:3px solid var(--accent)}.highlighter{background:var(--background);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-primary);max-height:100px;overflow-y:auto}.videoStory{display:flex;width:100%}.videoWrapper{position:relative;border-radius:var(--radius-md);overflow:visible;box-shadow:none}.videoWrapper img{width:100%;height:auto;object-fit:contain;transition:transform .3s ease}.videoWrapper:hover img{transform:scale(1.02)}@media (max-width: 768px){.container{padding:var(--spacing-md) var(--spacing-sm)}.tabcontent{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-md)}.tab{flex-direction:row;align-items:center}.tab button{width:100%;max-width:250px}.heading{padding:var(--spacing-md)}.coverImage{width:80px;height:80px}.title{font-size:var(--font-size-lg)}.ctas{display:flex;align-items:center;gap:8px;flex-wrap:wrap}}@media (max-width: 480px){.container{padding:var(--spacing-sm) var(--spacing-xs)}.container h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl)}.tabcontent{padding:var(--spacing-sm)}.story-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.story-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.clickable-story-card{position:relative}.clickable-story-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0003}.clickable-story-card:after{content:"Click to view full story";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:10}.clickable-story-card:hover:after{opacity:1;visibility:visible}.clickable-story-card .ctas{position:relative;z-index:11}.title{font-size:var(--font-size-base)}.ctas img{width:20px;height:20px}}.stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-lg)}.main-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.main-tab-button{display:flex;align-items:center;justify-content:center;padding:10px 20px;border:2px solid;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;flex:0 0 auto;min-width:160px}.main-tab-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.main-tab-button:first-child{border-color:#007bff}.main-tab-button:first-child.active{background:#007bff;color:#fff}.main-tab-button:first-child:not(.active){background:#fff;color:#007bff}.main-tab-button:last-child{border-color:#28a745}.main-tab-button:last-child.active{background:#28a745;color:#fff}.main-tab-button:last-child:not(.active){background:#fff;color:#28a745}.stories-nav-section{flex:1}.stories-nav-section .main-tabs{margin-bottom:0}.stories-share-section{display:flex;align-items:center;padding:var(--spacing-sm);background:#fffc;border-radius:var(--radius-md);border:1px solid var(--border)}.stories-share-section .shareWrap{gap:8px}.stories-share-section .shareWrap a{width:36px!important;height:36px!important;border-radius:8px!important}.stories-share-section .shareWrap a:before{font-size:16px!important}@media (max-width: 768px){.stories-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.stories-nav-section{order:1}.stories-share-section{order:2;justify-content:center;padding:var(--spacing-xs)}.stories-share-section .shareWrap a{width:32px!important;height:32px!important}.stories-share-section .shareWrap a:before{font-size:14px!important}.main-tabs{justify-content:center;gap:16px}.main-tab-button{flex:1;min-width:140px;max-width:200px;padding:12px 16px;font-size:15px}}@media (max-width: 480px){.stories-header{padding:var(--spacing-sm)}.stories-share-section .shareWrap{gap:6px}.stories-share-section .shareWrap a{width:30px!important;height:30px!important}.stories-share-section .shareWrap a:before{font-size:12px!important}}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.story-card{animation:cardAppear .6s ease-out}.story-card:nth-child(2n){animation-delay:.1s}.story-card:nth-child(odd){animation-delay:.2s}.tab button:focus,.ctas button:focus{outline:2px solid var(--primary-light);outline-offset:2px}.competition-badge{background:linear-gradient(135deg,gold,orange);border:2px solid #FF8C00;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative;box-shadow:0 4px 12px #ff8c004d}.competition-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff8c0066;border-color:tomato}.competition-badge-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.3)}.competition-icon{font-size:1.5rem;margin-right:var(--spacing-xs)}.competition-title{font-weight:700;font-size:var(--font-size-lg);color:#8b4513;flex:1;margin-left:var(--spacing-xs);text-shadow:1px 1px 2px rgba(255,255,255,.7)}.competition-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003}.competition-status.active{background:#28a745;color:#fff}.competition-status.upcoming{background:#17a2b8;color:#fff}.competition-status.expired{background:#6c757d;color:#fff}.competition-status.completed{background:#6f42c1;color:#fff}.competition-badge-details{padding:var(--spacing-md);background:#ffffff1a}.competition-dates{display:flex;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:#8b4513;font-weight:600}.competition-description{color:#654321;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:var(--spacing-sm);font-weight:500}.competition-badge-footer{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff26;border-top:1px solid rgba(255,255,255,.3);text-align:right}.view-competition{color:#8b4513;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:color .3s ease;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.competition-badge:hover .view-competition{color:#654321}@keyframes badgeGlow{0%,to{box-shadow:0 4px 12px #ff8c004d}50%{box-shadow:0 4px 16px #ff8c0080}}.competition-badge{animation:badgeGlow 3s ease-in-out infinite}@media (max-width: 768px){.competition-badge-header{padding:var(--spacing-sm);flex-direction:row;align-items:center}.competition-title{font-size:var(--font-size-base);margin-left:var(--spacing-xs)}.competition-status{font-size:var(--font-size-xs);padding:4px 8px}.competition-badge-details{padding:var(--spacing-sm)}.competition-description,.competition-dates,.view-competition{font-size:var(--font-size-xs)}}@media (max-width: 480px){.competition-badge-header{padding:8px}.competition-icon{font-size:1.2rem}.competition-title{font-size:var(--font-size-sm)}.competition-badge-details{padding:8px}}@media (prefers-reduced-motion: reduce){.story-card,.tab button,.ctas button,.coverImage,.videoWrapper img,.competition-badge{transition:none;animation:none}}.slideshow{margin:0 auto;overflow:hidden;max-width:100%;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);border:1px solid var(--border)}.slideshowSlider{display:flex;transition:transform .5s ease-in-out;will-change:transform;width:100%}.videoWrapper{flex:0 0 100%;min-width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);box-sizing:border-box}.imgCont{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-md);aspect-ratio:1 / 1;max-height:300px}.imgCont img{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:var(--radius-md);object-fit:contain;box-shadow:var(--shadow-sm);transition:transform .3s ease}.imgCont img:hover{transform:scale(1.05)}.story.videoStory{display:flex;width:100%}.slide-caption{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border);max-width:300px;line-height:1.4}@media (max-width: 768px){.slideshow{max-width:100%;margin:0}.videoWrapper{padding:var(--spacing-sm)}.imgCont{max-height:250px}.slide-caption{font-size:var(--font-size-xs);max-width:250px}}@media (max-width: 480px){.imgCont{max-height:200px}.videoWrapper{padding:var(--spacing-xs)}.slide-caption{max-width:200px;padding:var(--spacing-xs)}}.imgCont img[src*="loading.png"]{opacity:.6;filter:grayscale(50%)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.videoWrapper{animation:slideIn .5s ease-out}.imgCont img:focus{outline:2px solid var(--primary-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){.slideshowSlider,.imgCont img{transition:none}.videoWrapper{animation:none}}.imgCont img.active{box-shadow:0 0 0 3px var(--primary),0 0 15px #4a6fff33}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin:30px 0;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px #0000001a;border:1px solid #dee2e6}.pagination-info{font-size:14px;color:#6c757d;font-weight:500;text-align:center}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-numbers{display:flex;align-items:center;gap:4px}.pagination-btn{border:2px solid #007bff;background:#fff;color:#007bff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background:#007bff;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #007bff4d}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.6}.pagination-btn.active{background:#007bff;color:#fff;font-weight:600;box-shadow:0 2px 4px #007bff4d}.pagination-number{min-width:36px;height:36px}.pagination-prev,.pagination-next{padding:8px 16px;font-weight:600}.pagination-ellipsis{color:#6c757d;font-weight:700;padding:8px 4px;-webkit-user-select:none;user-select:none}.pagination-page-size{display:flex;align-items:center;gap:8px;font-size:14px;color:#495057}.pagination-page-size label{font-weight:500}.pagination-select{border:2px solid #ced4da;border-radius:6px;padding:6px 10px;font-size:14px;background:#fff;color:#495057;cursor:pointer;transition:all .2s ease}.pagination-select:hover{border-color:#007bff}.pagination-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}@media (max-width: 768px){.pagination-container{padding:15px;margin:20px 0}.pagination-controls{flex-direction:column;gap:12px}.pagination-numbers{flex-wrap:wrap}.pagination-btn{padding:6px 10px;font-size:13px}.pagination-prev,.pagination-next{padding:8px 12px}.pagination-page-size{flex-direction:column;gap:6px;text-align:center}.pagination-info{font-size:13px}}@media (max-width: 480px){.pagination-btn{padding:5px 8px;font-size:12px;min-width:32px}.pagination-number{height:32px;min-width:32px}.pagination-prev,.pagination-next{padding:6px 10px}}.pagination-container.loading{opacity:.7;pointer-events:none}.pagination-container.loading .pagination-btn{cursor:wait}.pagination-container.competition{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.pagination-container.competition .pagination-btn{border-color:#28a745;color:#28a745}.pagination-container.competition .pagination-btn:hover:not(:disabled){background:#28a745;color:#fff;box-shadow:0 2px 4px #28a7454d}.pagination-container.competition .pagination-btn.active{background:#28a745;color:#fff;box-shadow:0 2px 4px #28a7454d}.pagination-container.competition .pagination-select:hover,.pagination-container.competition .pagination-select:focus{border-color:#28a745}.pagination-container.competition .pagination-select:focus{box-shadow:0 0 0 2px #28a74540}.story-share{position:relative;display:inline-block}.share-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #667eea4d}.share-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.share-toggle-btn:active{transform:translateY(0)}.share-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;min-width:280px;z-index:9999;overflow:hidden;animation:shareDropdownOpen .2s ease-out}@keyframes shareDropdownOpen{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.share-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.share-header span{font-weight:600;color:#2d3748;font-size:14px}.close-btn{background:none;border:none;font-size:20px;color:#718096;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#e2e8f0;color:#2d3748}.share-options{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;border-radius:8px;background:#f7fafc;color:#4a5568;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;text-align:left;width:100%}.share-option:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.share-option.facebook{background:#f0f4ff;color:#1877f2}.share-option.facebook:hover{background:#1877f2;color:#fff}.share-option.twitter{background:#f0f9ff;color:#1da1f2}.share-option.twitter:hover{background:#1da1f2;color:#fff}.share-option.whatsapp{background:#f0fdf4;color:#25d366}.share-option.whatsapp:hover{background:#25d366;color:#fff}.share-option.linkedin{background:#f0f7ff;color:#0077b5}.share-option.linkedin:hover{background:#0077b5;color:#fff}.share-option.telegram{background:#f0f9ff;color:#08c}.share-option.telegram:hover{background:#08c;color:#fff}.share-option.pinterest{background:#fef2f2;color:#e60023}.share-option.pinterest:hover{background:#e60023;color:#fff}.share-option.copy-link{background:#f7fafc;color:#4a5568;grid-column:1 / -1;justify-content:center;border:2px dashed #cbd5e0}.share-option.copy-link:hover{background:#edf2f7;border-color:#a0aec0;color:#2d3748}.share-divider{grid-column:1 / -1;height:1px;background:#e2e8f0;margin:8px 0}@media (max-width: 768px){.share-dropdown{min-width:260px;right:-10px}.share-options{grid-template-columns:1fr;gap:6px}.share-option{padding:12px 14px}}.share-dropdown:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:-1;opacity:0;transition:opacity .2s ease;pointer-events:none}@media (max-width: 768px){.share-dropdown:before{opacity:1;pointer-events:all}}@media (max-width: 768px){.share-dropdown{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%) translateY(-50%)!important;right:auto!important;bottom:auto!important;min-width:300px;max-width:90vw;max-height:80vh;z-index:9999;animation:shareDropdownCenter .3s ease-out;overflow-y:auto;box-shadow:0 10px 25px #0000004d}@keyframes shareDropdownCenter{0%{opacity:0;transform:translate(-50%) translateY(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}.share-options{padding:16px;grid-template-columns:1fr;gap:12px}.share-option{padding:14px 16px;font-size:14px;justify-content:flex-start}}@media (max-width: 480px){.share-dropdown{min-width:280px;max-width:95vw;padding:0}.share-header{padding:12px 16px 8px}.share-options{padding:12px 16px 16px;gap:10px}.share-option{padding:12px 14px;font-size:13px}}.story-card{position:relative}.story-card .story-share{position:relative;z-index:100}@media (prefers-color-scheme: dark){.share-dropdown{background:#2d3748;border-color:#4a5568}.share-header{background:#1a202c;border-bottom-color:#4a5568}.share-header span{color:#e2e8f0}.close-btn{color:#a0aec0}.close-btn:hover,.share-option{background:#4a5568;color:#e2e8f0}.share-option.copy-link{border-color:#718096}.share-divider{background:#4a5568}}.overview-container{width:100%;min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;position:relative;overflow:hidden}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{z-index:2;position:relative}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(45deg,#fff,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem;color:#ffffffe6}.hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;min-width:180px;justify-content:center}.cta-button.primary{background:linear-gradient(135deg,#ffd166,#f77062);color:#333;box-shadow:0 8px 25px #ffd16666}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.cta-button.primary:hover{box-shadow:0 12px 30px #ffd16699}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.1rem;min-width:220px}.hero-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.floating-books{position:relative;width:100%;height:100%}.book{position:absolute;font-size:4rem;opacity:.8;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}.book-1{top:20%;left:10%;animation-delay:0s}.book-2{top:60%;right:20%;animation-delay:1.5s}.book-3{top:10%;right:10%;animation-delay:3s}.book-4{top:70%;left:20%;animation-delay:4.5s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.stats-section{padding:4rem 0;background:#f8f9fa}.stats-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.section-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto}.stat-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:3rem;margin-bottom:1rem}.stat-number{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:.5rem}.stat-label{font-size:1.1rem;color:#666;font-weight:500}.content-tabs{padding:4rem 0;max-width:1200px;margin:0 auto;padding:4rem 2rem}.tabs-header{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.tab-button{padding:1rem 2rem;border:2px solid #e9ecef;background:#fff;color:#666;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 8px 25px #667eea4d}.tab-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.tab-content{min-height:400px}.content-title{font-size:2rem;font-weight:700;color:#333;text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.3rem;font-weight:600;color:#333;margin-bottom:1rem}.feature-description{color:#666;line-height:1.6}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}.category-card{background:#fff;padding:1.5rem;border-radius:15px;border-left:4px solid var(--category-color);box-shadow:0 5px 20px #00000014;cursor:pointer;transition:all .3s ease;position:relative;min-height:140px;display:flex;flex-direction:column}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.category-name{font-size:1.2rem;font-weight:600;color:#333;margin:0;line-height:1.3;flex:1}.category-logo{font-size:2rem;flex-shrink:0;opacity:.8;transition:all .3s ease}.category-card:hover .category-logo{opacity:1;transform:scale(1.1)}.category-description{color:#666;line-height:1.5;margin-bottom:1rem;font-size:.9rem;flex-grow:1}.category-arrow{position:absolute;bottom:1rem;right:1.5rem;font-size:1.2rem;color:var(--category-color);font-weight:700}.differentiators-section{background:#f8f9fa;padding:4rem 0}.differentiators-content{max-width:1200px;margin:0 auto;padding:0 2rem}.differentiators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.differentiator-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s ease}.differentiator-card:hover{transform:translateY(-5px)}.differentiator-icon{font-size:3rem;margin-bottom:1rem}.differentiator-card h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:1rem}.differentiator-card p{color:#666;line-height:1.6}.testimonials-section{padding:4rem 0}.testimonials-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 5px 20px #00000014;position:relative}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:#667eea;font-family:serif}.testimonial-quote{font-size:1.1rem;color:#333;line-height:1.6;margin-bottom:2rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:50%}.author-name{font-weight:600;color:#333;margin-bottom:.25rem}.author-role{font-size:.9rem;color:#666}.cta-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;text-align:center}.cta-content{max-width:800px;margin:0 auto;padding:0 2rem}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:3rem;color:#ffffffe6}.cta-actions{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.cta-features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffe6}.feature-icon{font-size:1.1rem}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{justify-content:center}.hero-visual{height:200px}.book{font-size:2.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}.tabs-header{flex-direction:column;align-items:center}.features-grid,.categories-grid{grid-template-columns:1fr}.differentiators-grid{grid-template-columns:repeat(2,1fr)}.testimonials-grid{grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-actions{flex-direction:column;align-items:center}.cta-features{flex-direction:column;gap:1rem}}@media (max-width: 480px){.overview-container{padding:0}.hero-section{padding:2rem 0}.hero-content{padding:0 1rem}.hero-title{font-size:2rem}.stats-section,.content-tabs,.differentiators-section,.testimonials-section,.cta-section{padding:2rem 0}.stats-container,.differentiators-content,.testimonials-content,.cta-content{padding:0 1rem}.content-tabs{padding:2rem 1rem}.stats-grid,.differentiators-grid{grid-template-columns:1fr}.stat-card,.feature-card,.category-card,.differentiator-card,.testimonial-card{padding:1.5rem}.tab-button{min-width:120px;padding:.75rem 1.5rem;font-size:.9rem}}.competition-banner{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;margin:20px 0;overflow:hidden;box-shadow:0 10px 30px #667eea4d;animation:bannerPulse 3s ease-in-out infinite alternate;cursor:pointer;transition:all .3s ease}.competition-banner:hover{transform:translateY(-5px);box-shadow:0 15px 40px #667eea66}@keyframes bannerPulse{0%{box-shadow:0 10px 30px #667eea4d}to{box-shadow:0 15px 40px #667eea80}}.banner-content{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;position:relative;z-index:2}.banner-left{display:flex;align-items:center;flex:1}.competition-icon{font-size:3rem;margin-right:20px;animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.competition-info{color:#fff}.competition-title{font-size:1.8rem;font-weight:700;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:titleGlow 2s ease-in-out infinite alternate}.competition-description{font-size:1rem;margin:0;opacity:.9;line-height:1.4}.banner-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;color:#fff}.time-remaining{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:10px}.time-label{font-size:.9rem;opacity:.8;margin-bottom:5px}.time-value{font-size:1.4rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:timeFlash 1.5s ease-in-out infinite}.end-date{font-size:.9rem;opacity:.8;margin-bottom:15px}.participate-btn{background:linear-gradient(45deg,#ff6b6b,#ff8e53);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;animation:buttonPulse 2s ease-in-out infinite}.participate-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #ff6b6b66}.close-banner{position:absolute;top:10px;right:15px;background:#fff3;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:3}.close-banner:hover{background:#ffffff4d;transform:scale(1.1)}.banner-indicators{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.indicator{width:10px;height:10px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover{background:#ffffffb3}.banner-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:glowRotate 8s linear infinite;pointer-events:none}@keyframes glowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.banner-content{flex-direction:column;text-align:center;padding:20px 15px}.banner-left{margin-bottom:20px;justify-content:center}.banner-right{align-items:center;text-align:center}.competition-title{font-size:1.5rem}.competition-icon{font-size:2.5rem;margin-right:15px}.time-remaining{align-items:center}}@media (max-width: 480px){.competition-banner{margin:10px 0;border-radius:8px}.banner-content{padding:12px 8px;gap:12px}.banner-left{margin-bottom:12px;flex-direction:column;gap:8px}.competition-icon{font-size:1.5rem;margin-right:0;margin-bottom:5px}.competition-info{text-align:center}.competition-title{font-size:1.1rem;margin-bottom:4px;line-height:1.2}.competition-description{font-size:.85rem;line-height:1.3;margin:0}.banner-right{margin-top:8px}.time-remaining{margin-bottom:8px}.time-label{font-size:.75rem;margin-bottom:3px}.time-value{font-size:1.1rem}.end-date{font-size:.75rem;margin-bottom:10px}.participate-btn{padding:8px 16px;font-size:.85rem;border-radius:20px}.close-banner{top:8px;right:8px;width:24px;height:24px;font-size:1rem}.banner-indicators{bottom:8px;gap:6px}.indicator{width:8px;height:8px}}@media (max-width: 360px){.competition-banner{margin:8px 0;border-radius:6px}.banner-content{padding:10px 6px;gap:10px}.competition-title{font-size:1rem}.competition-icon{font-size:1.3rem}.competition-description{font-size:.8rem}.time-value{font-size:1rem}.participate-btn{padding:6px 12px;font-size:.8rem}}@media (prefers-color-scheme: dark){.competition-banner{background:linear-gradient(135deg,#2d3748,#4a5568)}.participate-btn{background:linear-gradient(45deg,#e53e3e,#dd6b20)}}.competitions-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.competitions-header{text-align:center;margin-bottom:40px}.competitions-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.competitions-header p{color:#666;font-size:1.1rem}.header-actions{margin-top:20px}.create-story-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;text-decoration:none;display:inline-block}.create-story-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.create-story-btn:active{transform:translateY(0)}.active-competitions-section,.all-competitions-section{margin-bottom:40px}.active-competitions-section h2,.all-competitions-section h2{color:#333;font-size:1.8rem;margin-bottom:20px;border-bottom:2px solid #007bff;padding-bottom:10px}.competitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.competition-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0}.competition-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000026}.competition-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.competition-title{color:#333;font-size:1.3rem;margin:0 10px 0 0;flex:1}.competition-status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.competition-status.active{background-color:#28a745;color:#fff}.competition-status.upcoming{background-color:#007bff;color:#fff}.competition-status.expired{background-color:#ffc107;color:#333}.competition-status.completed{background-color:#6c757d;color:#fff}.competition-description{color:#666;margin-bottom:15px;line-height:1.5}.competition-timer{margin:15px 0;display:flex;justify-content:center}.timer-display{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;text-align:center;min-width:200px;justify-content:center}.timer-display.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;animation:pulse 2s infinite}.timer-display.upcoming{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff}.timer-display.expired{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#333}.timer-display.completed{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.timer-icon{font-size:1.1rem}.timer-text{font-family:Courier New,monospace;letter-spacing:.5px}@keyframes pulse{0%{box-shadow:0 0 #28a745b3}70%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 #28a74500}}.competition-dates{display:flex;justify-content:space-between;margin-bottom:15px}.date-info{font-size:.9rem;color:#555}.date-info strong{color:#333}.evaluate-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.evaluate-btn:hover{background-color:#c82333}.no-competitions{text-align:center;color:#666;font-style:italic;padding:40px;background-color:#f8f9fa;border-radius:8px}.competition-details{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a}.details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px}.back-btn{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.back-btn:hover{background-color:#5a6268}.details-header h2{color:#333;font-size:2rem;margin:0;flex:1}.competition-info{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px}.competition-info p{margin:10px 0;color:#555;line-height:1.6}.competition-info strong{color:#333}.competition-stories h3{color:#333;font-size:1.5rem;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.no-stories{text-align:center;color:#666;font-style:italic;padding:30px;background-color:#f8f9fa;border-radius:8px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.story-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .3s ease}.story-card:hover{box-shadow:0 4px 8px #0000001a}.story-card h4{color:#333;font-size:1.1rem;margin:0 0 10px}.story-excerpt{color:#666;line-height:1.5;margin-bottom:15px}.story-stats{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#555}.likes{color:#e74c3c;font-weight:700}.date{color:#666}@media (max-width: 768px){.competitions-container{padding:15px}.competitions-header h1{font-size:2rem}.competitions-grid{grid-template-columns:1fr;gap:15px}.competition-header{flex-direction:column;align-items:flex-start;gap:10px}.competition-dates{flex-direction:column;gap:5px}.details-header{flex-direction:column;align-items:flex-start}.details-header h2{font-size:1.5rem}.stories-grid{grid-template-columns:1fr}.story-stats{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width: 480px){.competitions-container{padding:10px}.competition-card{padding:15px}.competition-details{padding:20px}.competition-title{font-size:1.1rem}.competitions-header h1{font-size:1.8rem}}.adminWrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid #ccc;padding:20px;margin:20px}.adminWrapper a{margin:10px;background-color:#035765;font-size:20px;color:#fff}.allProductWrapper,.createProductWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccc;padding:20px}.createProductWrapper{width:100%}.allProductWrapper{border:none}.allProductWrapper h2,.createProductWrapper h2{color:#4a6ffff2}.createProductWrapper .input-group-text{color:#fff;background:#4a6ffff2}.fileInp{line-height:2rem}.uploadImgContainer{height:200px;width:200px}.uploadImgContainer>picture,.uploadImgContainer img{height:100%;width:100%}.allProductWrapper>div{width:80%}.allProductWrapper table{border:3px solid #ccc}.allProductWrapper .table thead th,.allProductWrapper .table tbody th,.allProductWrapper .table tbody td{border-bottom:3px solid #dee2e6}.createProductWrapper .btnAction{background-color:#4a6ffff2;color:#fff}.createProductWrapper .btnAction{font-size:20px;font-weight:700}.createProductWrapper .tip{width:20px;height:20px;background-size:contain;display:inline-block;margin-left:5px;background-image:url(http://www.littlekidstories.com/help.png)}@media (max-width: 700px){.allProductWrapper,.createProductWrapper{padding:0}.allProductWrapper>div{width:100%}.allProductWrapper h2,.createProductWrapper h2{font-size:1.5rem}}.competition-manager{max-width:1400px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.manager-header h1{color:#333;font-size:2.2rem;margin:0}.create-btn{background-color:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease}.create-btn:hover{background-color:#218838}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.form-container{background:#fff;border-radius:12px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:12px 12px 0 0}.form-header h2{color:#333;font-size:1.5rem;margin:0}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-btn:hover{background-color:#e0e0e0}.competition-form{padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.timezone-notice{background-color:#e3f2fd;border:1px solid #2196f3;border-radius:8px;padding:12px 16px;margin:16px 0;color:#1565c0;font-size:14px;display:flex;align-items:center;gap:8px}.timezone-notice strong{color:#0d47a1}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.cancel-btn:hover{background-color:#5a6268}.submit-btn{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s ease}.submit-btn:hover{background-color:#0056b3}.competitions-list{margin-top:40px}.competitions-list h2{color:#333;font-size:1.8rem;margin-bottom:20px}.no-competitions{text-align:center;padding:60px 20px;background-color:#f8f9fa;border-radius:8px;color:#666;font-style:italic}.competitions-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.competitions-table table{width:100%;border-collapse:collapse}.competitions-table th{background-color:#f8f9fa;color:#333;font-weight:700;padding:15px 12px;text-align:left;border-bottom:2px solid #e0e0e0}.competitions-table td{padding:15px 12px;border-bottom:1px solid #e0e0e0;vertical-align:top}.competitions-table tr:hover{background-color:#f8f9fa}.competition-title-cell strong{color:#333;font-size:1.1rem;display:block;margin-bottom:5px}.competition-desc{color:#666;font-size:.9rem;margin:0;line-height:1.4}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.active{background-color:#28a745;color:#fff}.status-badge.upcoming{background-color:#007bff;color:#fff}.status-badge.expired{background-color:#ffc107;color:#333}.status-badge.completed{background-color:#6c757d;color:#fff}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .3s ease}.edit-btn{background-color:#007bff;color:#fff}.edit-btn:hover{background-color:#0056b3}.evaluate-btn{background-color:#ffc107;color:#333}.evaluate-btn:hover{background-color:#e0a800}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}@media (max-width: 1200px){.competitions-table{overflow-x:auto}.competitions-table table{min-width:800px}}@media (max-width: 768px){.competition-manager{padding:15px}.manager-header{flex-direction:column;gap:15px;align-items:flex-start}.manager-header h1{font-size:1.8rem}.form-container{width:95%;margin:20px}.form-header{padding:15px 20px}.competition-form{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column}.form-actions button{width:100%}.competitions-table th,.competitions-table td{padding:10px 8px}.action-buttons{flex-direction:column}.action-buttons button{width:100%;margin-bottom:4px}}@media (max-width: 480px){.competition-manager,.form-overlay{padding:10px}.form-container{width:100%;margin:0;max-height:100vh}.form-header h2{font-size:1.2rem}.competitions-table table{min-width:600px}.competitions-table th,.competitions-table td{padding:8px 6px;font-size:.9rem}.competition-title-cell strong{font-size:1rem}.competition-desc{font-size:.8rem}}.competition-details-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.competition-header{margin-bottom:30px}.back-button{background:#667eea;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-bottom:20px;display:inline-flex;align-items:center;gap:8px}.back-button:hover{background:#5a6fd8;transform:translateY(-2px)}.competition-title-section{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 10px 30px #667eea4d}.competition-title{font-size:2.5rem;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.3);animation:titleGlow 2s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:2px 2px 4px rgba(0,0,0,.3)}to{text-shadow:2px 2px 4px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5)}}.competition-meta{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.status-badge{padding:8px 16px;border-radius:20px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.status-badge.active{background:#4caf50;color:#fff;animation:pulse 2s ease-in-out infinite}.status-badge.upcoming{background:#ff9800;color:#fff}.status-badge.expired{background:#f44336;color:#fff}.status-badge.completed{background:#9c27b0;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.time-remaining{color:gold;font-weight:700;font-size:1.1rem;animation:timeFlash 1.5s ease-in-out infinite}@keyframes timeFlash{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.competition-content{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}.competition-info-card,.rules-card,.signin-card,.inactive-card,.participate-card,.story-form-card{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px #0000001a;transition:transform .3s ease}.competition-info-card:hover,.rules-card:hover{transform:translateY(-5px)}.competition-info-card h2,.rules-card h2{color:#333;margin:0 0 20px;font-size:1.5rem}.competition-description{color:#666;line-height:1.6;font-size:1.1rem;margin-bottom:25px}.competition-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.date-item{padding:15px;background:#f8f9ff;border-radius:10px;border-left:4px solid #667eea}.date-item strong{color:#333}.rules-list{list-style:none;padding:0;margin:0}.rules-list li{border-bottom:1px solid #eee;position:relative;padding:12px 0 12px 30px;color:#555;line-height:1.5}.rules-list li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700;font-size:1.2rem}.rules-list li:last-child{border-bottom:none}.signin-required,.competition-inactive,.participate-section,.story-submission-section{margin-top:20px}.signin-card{text-align:center;background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3436}.signin-card h3{margin:0 0 15px;font-size:1.5rem}.signin-benefits{margin-top:25px;text-align:left}.signin-benefits h4{margin:0 0 15px;color:#2d3436}.signin-benefits ul{list-style:none;padding:0}.signin-benefits li{position:relative;padding:8px 0 8px 25px}.signin-benefits li:before{content:"🌟";position:absolute;left:0}.inactive-card{text-align:center;background:linear-gradient(135deg,#ddd6fe,#e0e7ff);color:#4c1d95}.inactive-card h3{margin:0 0 15px;font-size:1.5rem}.participate-card{text-align:center;background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#064e3b}.participate-card h3{margin:0 0 15px;font-size:1.5rem}.participate-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 4px 15px #667eea4d;animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.participate-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea66}.story-form-card h3{margin:0 0 25px;color:#333;font-size:1.5rem;text-align:center}.story-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-weight:700;color:#333;margin-bottom:8px;font-size:1rem}.form-group input,.form-group textarea{padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:300px;line-height:1.6}.char-count{position:absolute;bottom:10px;right:15px;font-size:.8rem;color:#999;background:#ffffffe6;padding:2px 6px;border-radius:4px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.cancel-btn,.submit-btn{padding:15px 30px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cancel-btn{background:#f1f3f4;color:#666}.cancel-btn:hover{background:#e8eaed;transform:translateY(-2px)}.submit-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.3);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-message{text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a}.error-message h2{color:#f44336;margin:0 0 15px}.error-message p{color:#666;margin-bottom:25px}.back-btn{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#5a6fd8;transform:translateY(-2px)}@media (max-width: 768px){.competition-details-container{padding:15px}.competition-title{font-size:2rem}.competition-title-section{padding:20px}.competition-meta{flex-direction:column;gap:10px}.competition-info-card,.rules-card,.signin-card,.inactive-card,.participate-card,.story-form-card{padding:20px}.competition-dates{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}@media (max-width: 480px){.competition-details-container{padding:10px}.competition-title{font-size:1.8rem}.competition-title-section,.competition-info-card,.rules-card,.signin-card,.inactive-card,.participate-card,.story-form-card{padding:15px}.form-group input,.form-group textarea{padding:12px}.form-group textarea{min-height:200px}}@media (prefers-color-scheme: dark){.competition-details-container{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.competition-info-card,.rules-card,.story-form-card{background:#2d2d2d;color:#fff}.competition-info-card h2,.rules-card h2,.story-form-card h3{color:#fff}.competition-description{color:#ccc}.date-item{background:#3d3d3d;color:#fff}.rules-list li{color:#ccc;border-bottom-color:#444}.form-group label{color:#fff}.form-group input,.form-group textarea{background:#3d3d3d;border-color:#555;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#667eea}.error-message{background:#2d2d2d;color:#fff}}.story-detail-container{max-width:1000px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh}.story-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d;background:linear-gradient(135deg,#495057,#343a40)}.story-actions{display:flex;align-items:center;gap:10px}.story-detail-content{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef}.story-hero{display:grid;grid-template-columns:200px 1fr;gap:30px;padding:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;align-items:center}.story-cover{display:flex;justify-content:center}.cover-image{width:180px;height:180px;object-fit:cover;border-radius:16px;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0003;transition:transform .3s ease}.cover-image:hover{transform:scale(1.05)}.story-info{display:flex;flex-direction:column;gap:20px}.story-title{font-size:2.5rem;font-weight:800;margin:0;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}.story-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.control-btn img{width:20px;height:20px}.play-btn.playing{background:#dc3545cc;border-color:#dc354599}.like-btn{background:#28a74533;border-color:#28a7454d}.like-btn:hover{background:#28a7454d;border-color:#28a74580}.like-count{font-weight:700;font-size:14px}.progress-container{width:100%;margin-top:15px}.progress-container progress{width:100%;height:10px;border-radius:5px;border:none;background:#ffffff4d}.progress-container progress::-webkit-progress-bar{background:#ffffff4d;border-radius:5px}.progress-container progress::-webkit-progress-value{background:linear-gradient(90deg,#ffc107,#fd7e14);border-radius:5px}.progress-container progress::-moz-progress-bar{background:linear-gradient(90deg,#ffc107,#fd7e14);border-radius:5px}.story-content{padding:40px;position:relative}.highlighter{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;padding:20px;margin-top:30px;font-size:16px;line-height:1.6;color:#495057;max-height:150px;overflow-y:auto;display:none;box-shadow:0 2px 8px #0000001a}.highlighter::-webkit-scrollbar{width:6px}.highlighter::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.highlighter::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.highlighter::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.story-metadata{padding:30px 40px;background:#f8f9fa;border-top:1px solid #e9ecef}.story-stats{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#6c757d;padding:8px 16px;background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.error-state h2{color:#dc3545;margin-bottom:16px;font-size:2rem}.error-state p{color:#6c757d;font-size:18px;margin-bottom:30px}@media (max-width: 768px){.story-detail-container{padding:15px}.story-hero{grid-template-columns:1fr;gap:20px;padding:30px 20px;text-align:center}.cover-image{width:150px;height:150px}.story-title{font-size:2rem}.story-controls{justify-content:center}.control-btn{padding:10px 14px;font-size:14px}.story-content,.story-metadata{padding:20px}.story-stats{gap:15px}.stat-item{font-size:14px;padding:6px 12px}}@media (max-width: 480px){.story-detail-header{flex-direction:column;gap:15px;align-items:stretch}.back-button{justify-content:center}.story-hero{padding:20px 15px}.cover-image{width:120px;height:120px}.story-title{font-size:1.5rem}.control-btn{flex:1;justify-content:center;min-width:0}.story-content{padding:15px}.highlighter{padding:15px;font-size:14px}.story-stats{flex-direction:column;align-items:center}}.story-detail-content{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.control-btn:focus,.back-button:focus{outline:3px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-contrast: high){.story-hero{background:#000}.control-btn{border-width:3px}}.story-share-section{margin-top:30px;padding:25px;background:#fff;border-radius:12px;border:2px solid #e9ecef;text-align:center;box-shadow:0 2px 8px #0000000d}.share-title{font-size:1.3rem;font-weight:700;color:#495057;margin-bottom:20px;text-align:center}.story-share-section .shareWrap{justify-content:center;gap:12px;flex-wrap:wrap}.story-share-section .shareWrap a{width:48px!important;height:48px!important;border-radius:12px!important;position:relative;transition:all .3s ease}.story-share-section .shareWrap a:before{font-size:20px!important}.story-share-section .shareWrap a:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 16px #0003}.story-share-section .share-facebook:hover{background-color:#1565c0!important}.story-share-section .share-whatsapp:hover{background-color:#1b5e20!important}.story-share-section .share-twitter:hover{background-color:#0277bd!important}.story-share-section .share-linkedin:hover{background-color:#004d6b!important}.story-share-section .share-pinterest:hover{background-color:#b71c1c!important}.story-share-section .share-telegram:hover{background-color:#01579b!important}.story-share-section .share-reddit:hover{background-color:#bf360c!important}.story-share-section .share-email:hover{background-color:#263238!important}.story-share-section .share-copy:hover{background-color:#388e3c!important}.story-share-section .shareWrap a span{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.story-share-section .shareWrap a:hover span{opacity:1}@media (max-width: 768px){.story-share-section .shareWrap{gap:10px}.story-share-section .shareWrap a{width:44px!important;height:44px!important}.story-share-section .shareWrap a:before{font-size:18px!important}.share-title{font-size:1.1rem;margin-bottom:15px}}@media (max-width: 480px){.story-share-section .shareWrap a{width:40px!important;height:40px!important}.story-share-section .shareWrap a:before{font-size:16px!important}}.search-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.search-header{text-align:center;margin-bottom:2rem}.search-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-subtitle{font-size:1.2rem;color:#666;margin-bottom:2rem}.search-form{margin-bottom:2rem}.search-input-wrapper{display:flex;gap:1rem;max-width:600px;margin:0 auto}.search-input{flex:1;padding:1rem 1.5rem;border:2px solid #e0e0e0;border-radius:50px;font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.search-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.search-filters{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#333;font-size:.9rem}.filter-group select{padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.popular-searches{text-align:center;margin-bottom:2rem}.popular-searches h3{font-size:1.5rem;color:#333;margin-bottom:1rem}.search-tags{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.search-tag{padding:.5rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;font-size:.9rem;color:#495057;cursor:pointer;transition:all .3s ease}.search-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.search-loading{text-align:center;padding:3rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-results{margin-top:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.results-header h3{font-size:1.5rem;color:#333}.results-count{font-size:.9rem;color:#666;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.result-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;cursor:pointer;transition:all .3s ease}.result-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.result-image{position:relative;height:180px;overflow:hidden}.result-image img{width:100%;height:100%;object-fit:cover}.result-duration{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:.25rem .5rem;border-radius:10px;font-size:.8rem}.result-content{padding:1.5rem}.result-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:.5rem}.result-description{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:1rem}.result-tags{display:flex;gap:.5rem;flex-wrap:wrap}.result-tag{padding:.25rem .5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-size:.7rem;font-weight:500}.browse-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.browse-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}@media (max-width: 768px){.search-container{padding:1rem}.search-title{font-size:2rem}.search-input-wrapper{flex-direction:column;gap:1rem}.search-filters{flex-direction:column;align-items:center;gap:1rem}.search-tags{gap:.5rem}.results-grid{grid-template-columns:1fr;gap:1rem}.results-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.search-input{padding:.75rem 1rem;font-size:.9rem}.search-button{padding:.75rem 1.5rem;font-size:.9rem}.result-content{padding:1rem}}.browse-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.browse-header{text-align:center;margin-bottom:3rem}.browse-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.browse-subtitle{font-size:1.2rem;color:#666;margin-bottom:2rem}.browse-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #667eea66}.stat-number{font-size:2.5rem;font-weight:800;display:block;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9;font-weight:500}.section-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:2rem;text-align:center}.featured-section{margin-bottom:4rem}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.featured-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow:hidden;cursor:pointer;transition:all .3s ease}.featured-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.featured-image{position:relative;height:200px;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-badge{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.featured-content{padding:1.5rem}.featured-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.5rem}.featured-category{color:#667eea;font-size:.9rem;font-weight:500}.categories-section{margin-bottom:4rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.category-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1.5rem;border-left:4px solid var(--category-color)}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026;background:linear-gradient(135deg,var(--category-color),rgba(255,255,255,.9))}.category-icon{font-size:3rem;flex-shrink:0}.category-content{flex:1}.category-title{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.5rem}.category-description{color:#666;font-size:.9rem;margin-bottom:.5rem}.category-count{color:var(--category-color);font-weight:600;font-size:.9rem}.category-arrow{font-size:1.5rem;color:var(--category-color);flex-shrink:0}.quick-actions{margin-bottom:4rem}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.action-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem;border-radius:15px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.action-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #667eea66}.action-icon{font-size:3rem;margin-bottom:1rem;display:block}.action-card h3{font-size:1.3rem;margin-bottom:1rem;font-weight:700}.action-card p{opacity:.9;line-height:1.5}.browse-tips{background:#f8f9fa;border-radius:15px;padding:2rem;margin-bottom:2rem}.tips-card h3{font-size:1.3rem;color:#333;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.tips-card ul{list-style:none;padding:0}.tips-card li{border-bottom:1px solid #e9ecef;color:#495057;position:relative;padding:.75rem 0 .75rem 1.5rem}.tips-card li:last-child{border-bottom:none}.tips-card li:before{content:"✨";position:absolute;left:0;top:.75rem}@media (max-width: 768px){.browse-container{padding:1rem}.browse-title{font-size:2rem}.browse-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-number{font-size:2rem}.featured-grid,.categories-grid,.action-cards{grid-template-columns:1fr;gap:1rem}.category-card{flex-direction:column;text-align:center;gap:1rem}.category-arrow{transform:rotate(90deg)}.action-card{padding:2rem 1.5rem}.browse-tips{padding:1.5rem}}@media (max-width: 480px){.browse-container{padding:.5rem}.section-title{font-size:1.5rem}.browse-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-number{font-size:1.8rem}.featured-content,.category-card,.action-card{padding:1.5rem}}.about-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.about-header{text-align:center;margin-bottom:3rem}.about-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.2rem;color:#666;margin-bottom:2rem}.mission-section{display:flex;align-items:center;gap:3rem;margin-bottom:4rem;padding:3rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:20px}.mission-content{flex:1}.mission-content h2{font-size:2rem;color:#333;margin-bottom:1.5rem;font-weight:700}.mission-content p{font-size:1.1rem;line-height:1.6;color:#555}.mission-icon{font-size:4rem;flex-shrink:0}.features-section{margin-bottom:4rem}.features-section h2{font-size:2rem;color:#333;margin-bottom:2rem;text-align:center;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.3rem;color:#333;margin-bottom:1rem;font-weight:700}.feature-card p{color:#666;line-height:1.5}.stats-section{margin-bottom:4rem;text-align:center}.stats-section h2{font-size:2rem;color:#333;margin-bottom:2rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.stat-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:15px;text-align:center}.stat-number{font-size:3rem;font-weight:800;display:block;margin-bottom:.5rem}.stat-label{font-size:1rem;opacity:.9}.values-section{margin-bottom:4rem}.values-section h2{font-size:2rem;color:#333;margin-bottom:2rem;text-align:center;font-weight:700}.values-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.value-item{display:flex;align-items:flex-start;gap:1.5rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a}.value-icon{font-size:2.5rem;flex-shrink:0}.value-content h3{font-size:1.3rem;color:#333;margin-bottom:.5rem;font-weight:700}.value-content p{color:#666;line-height:1.5}.team-section{margin-bottom:4rem}.team-section h2{font-size:2rem;color:#333;margin-bottom:2rem;text-align:center;font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.team-member{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:all .3s ease}.team-member:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.member-avatar{font-size:4rem;margin-bottom:1rem;display:block}.team-member h3{font-size:1.3rem;color:#333;margin-bottom:.5rem;font-weight:700}.member-role{color:#667eea;font-weight:600;margin-bottom:1rem;font-size:.9rem}.team-member p{color:#666;line-height:1.5;font-size:.9rem}.contact-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 2rem;border-radius:20px;text-align:center}.cta-content h2{font-size:2rem;margin-bottom:1rem;font-weight:700}.cta-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.9;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cta-button.primary{background:#fff;color:#667eea}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffffff4d}.cta-button.secondary{background:transparent;color:#fff;border:2px solid white}.cta-button.secondary:hover{background:#fff;color:#667eea;transform:translateY(-2px)}@media (max-width: 768px){.about-container{padding:1rem}.about-title{font-size:2rem}.mission-section{flex-direction:column;text-align:center;padding:2rem;gap:2rem}.features-grid,.values-list,.team-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.value-item{padding:1.5rem}.contact-cta{padding:3rem 1.5rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.mission-section{padding:1.5rem}.stats-grid{grid-template-columns:1fr}.feature-card,.team-member,.value-item{padding:1.5rem}.contact-cta{padding:2rem 1rem}.mission-content h2,.features-section h2,.stats-section h2,.values-section h2,.team-section h2{font-size:1.5rem}}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.contact-header{text-align:center;margin-bottom:3rem}.contact-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.2rem;color:#666}.contact-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-section h3{font-size:1.5rem;color:#333;margin-bottom:1.5rem;font-weight:700}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a}.method-icon{font-size:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.method-details h4{font-size:1rem;color:#333;margin-bottom:.25rem;font-weight:600}.method-details p{color:#666;font-size:.9rem;margin:0}.quick-links{display:flex;flex-direction:column;gap:.75rem}.quick-links button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:.9rem;color:#495057;cursor:pointer;transition:all .3s ease}.quick-links button:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.contact-form{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.contact-faq-preview{background:#f8f9fa;padding:2rem;border-radius:15px}.contact-faq-preview h3{font-size:1.5rem;color:#333;margin-bottom:1.5rem;font-weight:700}.faq-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.faq-item{background:#fff;padding:1rem;border-radius:8px}.faq-item h4{font-size:.9rem;color:#333;margin-bottom:.5rem;font-weight:600}.faq-item p{color:#666;font-size:.8rem;line-height:1.4;margin:0}.view-all-faq{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-faq:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}@media (max-width: 768px){.contact-container{padding:1rem}.contact-title{font-size:2rem}.contact-content{grid-template-columns:1fr;gap:2rem}.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}}@media (max-width: 480px){.contact-container{padding:.5rem}.contact-method{flex-direction:column;text-align:center;gap:.5rem}.contact-form,.contact-faq-preview{padding:1rem}}.help-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh}.help-header{text-align:center;margin-bottom:3rem}.help-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-subtitle{font-size:1.2rem;color:#666}.help-content{display:grid;grid-template-columns:250px 1fr;gap:3rem;margin-bottom:3rem}.help-nav{display:flex;flex-direction:column;gap:.5rem}.nav-button{padding:1rem 1.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-align:left;font-size:.9rem;color:#495057;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:#e9ecef;transform:translateY(-1px)}.nav-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.help-section h2{font-size:1.8rem;color:#333;margin-bottom:2rem;font-weight:700}.help-items{display:flex;flex-direction:column;gap:1.5rem}.help-item{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a}.help-question{font-size:1.1rem;color:#333;margin-bottom:1rem;font-weight:600}.help-answer{color:#666;line-height:1.6;margin:0}.help-actions{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.action-card{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center}.action-card h3{font-size:1.3rem;color:#333;margin-bottom:1rem;font-weight:700}.action-card p{color:#666;margin-bottom:1.5rem;line-height:1.5}.contact-button,.faq-button{padding:.75rem 1.5rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.faq-button{background:transparent;color:#667eea;border:2px solid #667eea}.contact-button:hover,.faq-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.faq-button:hover{background:#667eea;color:#fff}.help-tips{background:#f8f9fa;padding:2rem;border-radius:15px}.help-tips h3{font-size:1.5rem;color:#333;margin-bottom:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tip-item{background:#fff;padding:1rem;border-radius:8px;display:flex;align-items:center;gap:1rem}.tip-icon{font-size:1.5rem;flex-shrink:0}.tip-item p{color:#666;font-size:.9rem;line-height:1.4;margin:0}@media (max-width: 768px){.help-container{padding:1rem}.help-title{font-size:2rem}.help-content{grid-template-columns:1fr;gap:2rem}.help-nav{flex-direction:row;overflow-x:auto;gap:.75rem;padding-bottom:.5rem}.nav-button{flex-shrink:0;padding:.75rem 1rem;white-space:nowrap}.help-actions{grid-template-columns:1fr;gap:1.5rem}.tips-grid{grid-template-columns:1fr}}@media (max-width: 480px){.help-container{padding:.5rem}.help-item{padding:1rem}.action-card,.help-tips{padding:1.5rem}.tip-item{flex-direction:column;text-align:center;gap:.5rem}}.faq-container{max-width:1000px;margin:0 auto;padding:2rem;min-height:80vh}.faq-header{text-align:center;margin-bottom:3rem}.faq-title{font-size:2.5rem;font-weight:800;color:#333;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-subtitle{font-size:1.2rem;color:#666}.faq-search{margin-bottom:2rem}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.faq-search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;border:2px solid #e0e0e0;border-radius:50px;font-size:1rem;transition:all .3s ease}.faq-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);color:#999;font-size:1rem;pointer-events:none}.faq-content,.faq-category{margin-bottom:3rem}.category-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid #667eea}.faq-items{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:none;border:none;text-align:left;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease}.faq-question:hover{background:#f8f9fa}.faq-toggle{font-size:1.25rem;font-weight:700;color:#667eea;transition:transform .3s ease}.faq-toggle.open{transform:rotate(45deg)}.faq-answer{padding:0 1.5rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:200px;padding-top:1rem;padding-bottom:1.5rem}}.faq-answer p{color:#666;line-height:1.6;margin:0}.no-results{text-align:center;padding:3rem}.no-results-icon{font-size:4rem;margin-bottom:1rem}.no-results h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.no-results p{color:#666;margin-bottom:2rem}.help-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.help-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.faq-footer{background:#f8f9fa;padding:3rem 2rem;border-radius:15px;text-align:center}.still-need-help h3{font-size:1.5rem;color:#333;margin-bottom:1rem;font-weight:700}.still-need-help p{color:#666;margin-bottom:2rem;font-size:1.1rem}.help-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-button,.help-center-button{padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.contact-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.help-center-button{background:transparent;color:#667eea;border:2px solid #667eea}.contact-button:hover,.help-center-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.help-center-button:hover{background:#667eea;color:#fff}@media (max-width: 768px){.faq-container{padding:1rem}.faq-title{font-size:2rem}.faq-question{padding:1rem;font-size:.95rem}.faq-answer{padding:0 1rem 1rem}.faq-footer{padding:2rem 1rem}.help-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.faq-container{padding:.5rem}.faq-search-input{padding:.75rem 2.5rem .75rem 1rem;font-size:.9rem}.search-icon{right:1rem}.category-title{font-size:1.2rem}.faq-question{padding:.75rem;font-size:.9rem}.faq-toggle{font-size:1.1rem}}.settings-container{max-width:800px;margin:0 auto;padding:20px;background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.settings-header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;box-shadow:0 4px 20px #667eea4d}.settings-header h1{font-size:2.5rem;font-weight:800;margin:0 0 10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.settings-header p{font-size:1.1rem;margin:0;opacity:.9;font-weight:400}.settings-content{display:flex;flex-direction:column;gap:30px}.settings-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014;border:1px solid #e2e8f0}.settings-section h2{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0 0 25px;padding-bottom:15px;border-bottom:3px solid #e2e8f0}.setting-group{margin-bottom:35px}.setting-group:last-child{margin-bottom:0}.setting-group label{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.setting-label{font-weight:600;font-size:1rem;color:#2d3748}.setting-value{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:15px;font-size:.9rem;font-weight:600;min-width:50px;text-align:center}.setting-slider{width:100%;height:8px;border-radius:4px;background:#e2e8f0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 6px #667eea66;transition:all .2s ease}.setting-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px #667eea80}.setting-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 6px #667eea66}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:.8rem;color:#718096}.setting-select{width:100%;padding:12px 44px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:1rem;color:#2d3748;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.setting-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.setting-description{margin-top:8px;font-size:.9rem;color:#718096;font-style:italic}.test-section{text-align:center;padding:30px;background:linear-gradient(135deg,#f0f4ff,#e6f3ff);border-radius:12px;border:2px dashed #cbd5e0}.test-button{display:inline-flex;align-items:center;gap:12px;padding:15px 30px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #48bb784d;min-width:160px;justify-content:center}.test-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.test-button.playing{background:linear-gradient(135deg,#e53e3e,#c53030);box-shadow:0 4px 15px #e53e3e4d}.test-button.playing:hover{box-shadow:0 6px 20px #e53e3e66}.spinner{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.test-description{margin-top:15px;color:#4a5568;font-size:.95rem}.settings-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.reset-button{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;box-shadow:0 2px 8px #ed89364d}.reset-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed893666}.export-button{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 2px 8px #4299e14d}.export-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4299e166}.import-button{background:linear-gradient(135deg,#38b2ac,#319795);color:#fff;box-shadow:0 2px 8px #38b2ac4d}.import-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #38b2ac66}.import-wrapper{position:relative}.info-section{background:linear-gradient(135deg,#fef5e7,#faf089 20%,#fef5e7);border-left:4px solid #f6e05e}.info-content{display:flex;flex-direction:column;gap:15px}.info-item{padding:15px;background:#ffffffb3;border-radius:8px;border-left:3px solid #667eea;font-size:.95rem;line-height:1.5}.info-item strong{color:#2d3748;display:inline-block;margin-bottom:5px}@media (max-width: 768px){.settings-container{padding:15px}.settings-header{padding:30px 15px;margin-bottom:30px}.settings-header h1{font-size:2rem}.settings-section{padding:20px}.settings-section h2{font-size:1.3rem}.settings-actions{grid-template-columns:1fr}.slider-labels{flex-direction:column;align-items:center;gap:5px;text-align:center}}@media (max-width: 480px){.settings-container{padding:10px}.settings-header{padding:20px 10px;margin-bottom:20px}.settings-header h1{font-size:1.8rem}.settings-header p{font-size:1rem}.settings-section{padding:15px}.setting-group{margin-bottom:25px}.test-section{padding:20px}.test-button{padding:12px 24px;font-size:1rem;min-width:140px}.action-button{padding:10px 16px;font-size:.9rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-section{animation:slideInUp .6s ease-out}.settings-section:nth-child(1){animation-delay:.1s}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}.settings-section:nth-child(4){animation-delay:.4s}.setting-slider:focus,.setting-select:focus,.test-button:focus,.action-button:focus{outline:3px solid rgba(102,126,234,.4);outline-offset:2px}@media (prefers-reduced-motion: reduce){.settings-section,.test-button,.action-button,.setting-slider::-webkit-slider-thumb{animation:none;transition:none}.spinner{animation:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}