.about-page{color:var(--text-color);min-height:100vh}.page-header{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:#fff;overflow:hidden;padding:120px 0 100px;position:relative;text-align:center}.page-header:before{animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 30% 80%,#fff,#0000),radial-gradient(2px 2px at 70% 20%,#fff,#0000);background-size:200% 200%;opacity:.5;z-index:1}.page-header:after,.page-header:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.page-header:after{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImEiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTTQwIDBIMHY0MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTUpIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);opacity:.2;z-index:2}.page-header .container{position:relative;z-index:10}.page-header h1{color:#fff;font-size:3.5rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 8px #00000080}.header-content{margin:0 auto;max-width:900px;text-align:left}.header-content p{color:#fff;font-size:1.2rem;font-weight:400;line-height:1.8;margin-bottom:1.5rem;text-shadow:0 1px 4px #0006}.header-intro{color:#fffffff2!important;font-size:1.3rem!important;font-weight:500!important}.header-description{color:#ffffffe6!important}.header-challenge{background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#ffffffe0!important;padding:18px}.header-mission{background:#ffffff1a;border-left:4px solid #ffffff4d;border-radius:12px;color:#fffffff2!important;font-weight:500!important;padding:20px}.about-page section{padding:80px 0}.alt-bg{background-color:var(--background-alt)}.section-header{margin-bottom:60px;text-align:center}.section-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;box-shadow:0 10px 30px #4a6bff4d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 30px;width:80px}.section-header h2{color:var(--text-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:var(--text-muted);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}.mission-section{padding:80px 0}.mission-content{grid-gap:50px;align-items:flex-start;display:grid;gap:50px;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;margin-top:50px;max-width:1200px;padding:0 20px}.mission-problems,.mission-solutions{display:flex;flex-direction:column;justify-content:flex-start}.mission-problems h3,.mission-solutions h3{color:var(--text-color);font-size:1.6rem;font-weight:600;margin-bottom:25px;text-align:center}.problem-list,.solution-list{display:flex;flex-direction:column;gap:25px}.problem-item{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.problem-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.problem-item svg{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:5px}.problem-item h4{color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:8px}.problem-item p{color:var(--text-muted);line-height:1.5}.solution-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;box-shadow:0 5px 20px #0000001a;height:-webkit-fit-content;height:fit-content;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.solution-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.solution-item h4{color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:15px}.solution-item ul{list-style:none;padding:0}.solution-item li{color:var(--text-muted);line-height:1.5;margin-bottom:10px;padding-left:20px;position:relative}.solution-item li:before{color:var(--primary-color);content:"•";font-weight:700;left:0;position:absolute}.solution-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:50px}.solution-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:16px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.solution-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}.solution-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.card-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 25px;width:70px}.solution-card h3{color:var(--text-color);font-size:1.4rem;font-weight:600;margin-bottom:15px}.solution-card p{color:var(--text-muted);line-height:1.6}.usage-content{margin:0 auto;max-width:1000px}.usage-intro{margin-bottom:50px;text-align:center}.family-info{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:40px}.family-info h3{color:var(--primary-color);font-size:1.6rem;font-weight:600;margin-bottom:20px}.family-info p{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:10px}.usage-flow{margin-bottom:50px}.usage-flow h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:40px;text-align:center}.about-page .flow-steps{display:flex;flex-direction:column;gap:30px}.about-page .flow-step{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:0 5px 20px #0000001a;padding:30px;transition:transform .3s ease}.about-page .flow-step:hover{transform:translateY(-5px)}.about-page .step-content h4{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:10px}.about-page .step-content p{color:var(--text-muted);line-height:1.6}.platform-recommendations h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.platform-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.platform-item{align-items:flex-start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:16px;box-shadow:0 5px 20px #0000001a;display:flex;gap:20px;padding:30px}.platform-item svg{color:var(--primary-color);flex-shrink:0;font-size:2rem;margin-top:5px}.platform-item h4{color:var(--text-color);font-size:1.3rem;font-weight:600;margin-bottom:10px}.platform-item p{color:var(--text-muted);line-height:1.6}.results-content{margin:0 auto;max-width:1000px}.before-after{margin-bottom:50px}.comparison-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.after-section,.before-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:40px 30px}.before-section h3{color:#e74c3c}.after-section h3,.before-section h3{font-size:1.5rem;font-weight:600;margin-bottom:25px;text-align:center}.after-section h3{color:#27ae60}.comparison-list{list-style:none;padding:0}.comparison-list li{color:var(--text-muted);line-height:1.6;margin-bottom:15px;padding-left:25px;position:relative}.comparison-list li:before{color:#e74c3c;content:"×";font-size:1.2rem;font-weight:700;left:0;position:absolute}.comparison-list.success li:before{color:#27ae60;content:"✓"}.parent-tasks h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px;text-align:center}.parent-task-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.parent-task-item{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #94a3b81a;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.parent-task-item:hover{transform:translateY(-3px)}.parent-task-item svg{color:#27ae60;flex-shrink:0;font-size:1.2rem}.parent-task-item span{color:var(--text-muted);line-height:1.5}.invitation-content{margin:0 auto;max-width:800px;text-align:center}.platform-support{margin-bottom:50px}.platform-support h3{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:30px}.platform-icons{display:flex;gap:60px;justify-content:center;margin-bottom:40px}.platform-icon{align-items:center;display:flex;flex-direction:column;gap:15px}.platform-icon svg{color:var(--primary-color);font-size:4.5rem}.platform-icon span{color:var(--text-muted);font-size:1.5rem;font-weight:600}.invitation-cta p{color:var(--text-muted);font-size:1.2rem;line-height:1.6;margin-bottom:40px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-buttons .primary-button,.cta-buttons .secondary-button{align-items:center;border-radius:50px;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-buttons .primary-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 5px 20px #4a6bff4d;color:#fff}.cta-buttons .primary-button:hover{box-shadow:0 10px 30px #4a6bff66;transform:translateY(-3px)}.cta-buttons .secondary-button{background:#0000;border:2px solid var(--primary-color);color:var(--primary-color)}.cta-buttons .secondary-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-3px)}@media (max-width:1200px){.parent-task-list,.solution-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{padding:100px 0 60px}.page-header h1{font-size:2.5rem}.header-content{max-width:700px;text-align:center}.header-content p{font-size:1.1rem}.header-challenge{margin-bottom:1.2rem;padding:15px}.header-mission{padding:18px}.about-page section{padding:60px 0}.section-header h2{font-size:2rem}.mission-content{gap:40px;margin-left:auto;margin-right:auto;max-width:800px;padding:0 20px}.comparison-grid,.mission-content,.solution-grid{grid-template-columns:1fr}.comparison-grid{gap:30px}.platform-grid{grid-template-columns:1fr}.platform-icons{gap:30px}.parent-task-list{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}}@media (max-width:480px){.page-header h1{font-size:2rem}.section-header h2{font-size:1.8rem}.after-section,.before-section,.family-info,.flow-step,.platform-item,.problem-item,.solution-card,.solution-item{padding:20px 15px}.header-challenge{font-size:1.1rem;padding:12px}.header-mission{padding:15px}.platform-icons{align-items:center;flex-direction:column;gap:20px}}@media screen and (orientation:portrait){.platform-icons{align-items:center!important;flex-direction:column!important;gap:30px!important}.platform-grid{gap:20px!important;grid-template-columns:1fr!important}}