.about-intro-section{flex-direction:row;align-items:stretch;gap:1rem;margin-bottom:2rem;display:flex}.about-intro-content{flex-direction:column;flex:0 0 50%;justify-content:center;gap:0;max-width:50%;display:flex}.about-intro-content h3{margin-top:3rem;padding-bottom:1rem}.intro-text{flex:1}.intro-image{flex:0 0 50%;justify-content:center;align-items:center;max-width:50%;display:flex}.intro-image img{border-radius:var(--border-radius);width:100%;height:auto;transition:transform .3s}.intro-image img:hover{transform:scale(1.02)}@media (max-width:768px){.about-intro-section{flex-direction:column;gap:1.5rem}.about-intro-content,.intro-image{flex:none;max-width:100%}.intro-image{align-self:center;max-width:300px}}.about-text p{color:var(--secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.about-features{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:.5rem 2rem;margin-bottom:0;display:grid}.about-feature{align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.25rem 0;display:flex}.about-feature span{color:var(--secondary);font-weight:500}.about-buttons{justify-content:center;gap:1rem;display:flex}.about-visual{justify-content:center;display:flex}.about-image img{border-radius:12px;max-width:100%;height:auto}.about-detailed{margin:2rem 0}.about-detailed h3{color:var(--primary);border-bottom:2px solid var(--primary);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:600}.about-detailed ul{margin:1rem 0;padding:0;list-style:none}.about-detailed li{margin:1rem 0;padding-left:1.5rem;line-height:1.6;position:relative}.about-detailed li:before{content:"▶";color:var(--primary);font-size:.8rem;position:absolute;top:.2rem;left:0}.about-detailed li strong{color:var(--primary);font-weight:600}.about-detailed p{text-align:justify;margin:1rem 0;line-height:1.7}.about-detailed p a{color:var(--primary);background:linear-gradient(135deg,#0000 0%,#2563eb0d 100%);border:1px solid #0000;border-radius:4px;padding:2px 6px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.about-detailed p a:hover{color:var(--primary-dark);background:linear-gradient(135deg,#2563eb14 0%,#2563eb1f 100%);border-color:#2563eb33;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.about-detailed p a:active{transform:translateY(0);box-shadow:0 2px 4px #2563eb1a}.about-detailed p a[target=_blank]:after{content:" ↗";opacity:.7;margin-left:2px;font-size:.8em;transition:opacity .3s}.about-detailed p a[target=_blank]:hover:after{opacity:1}.about-detailed p a:focus{outline:2px solid var(--primary);outline-offset:2px;background:linear-gradient(135deg,#2563eb14 0%,#2563eb1f 100%)}.about-detailed p a[href*=github\.com],.about-detailed p a[href*=fabricjs\.com]{font-family:var(--font-family);letter-spacing:.02em;font-weight:600}@media (max-width:768px){.about-detailed p a{padding:3px 8px;font-size:.95em}}.about{background:var(--background-color);padding:80px 0}.about-content{width:100%;display:block}.about-text h2{color:var(--primary);margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.about-features{flex:1;grid-template-columns:1fr;gap:.75rem;margin-bottom:0;display:grid}.about-feature{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.about-feature i{color:var(--success-color);font-size:1.125rem}.timeline-section{margin:4rem 0}.timeline-section h3{color:var(--primary);text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:700}.timeline-section p{color:var(--secondary);text-align:left;margin-bottom:3rem;font-size:1.1rem;line-height:1.6}.timeline-intro{grid-template-columns:1fr 1fr;column-gap:1rem;display:grid}.timeline-image{justify-content:center;align-items:center;max-width:100%;max-height:200px;display:flex}.timeline-image img{border-radius:var(--border-radius);width:100%;height:auto;transition:transform .3s}.timeline-image img:hover{transform:scale(1.02)}.timeline{max-width:1400px;margin:0 auto;padding:0;position:relative}.timeline:after{content:"";background:linear-gradient(135deg,var(--primary),var(--primary-hover));z-index:-99;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 10px #4a4a4a4d}.timeline-item{background-color:inherit;box-sizing:border-box;width:50%;padding:10px 60px 10px 40px;position:relative}.timeline-item:nth-child(2n){padding:10px 40px 10px 60px;left:50%}.timeline-item:nth-child(2n):after{left:-10px}.timeline-icon{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;z-index:2;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:-30px;box-shadow:0 4px 15px #2563eb66}.timeline-item:nth-child(2n) .timeline-icon{left:-30px;right:auto}.timeline-content{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:2rem;transition:transform .3s,box-shadow .3s;position:relative}.timeline-content:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.timeline-item:nth-child(odd) .timeline-content:before{content:"";border:15px solid #0000;border-left-color:var(--card-bg);border-right:0;width:0;height:0;margin-right:-15px;position:absolute;top:2rem;right:-20px}.timeline-item:nth-child(2n) .timeline-content:before{content:"";border:15px solid #0000;border-right-color:var(--card-bg);border-left:0;width:0;height:0;margin-left:-15px;position:absolute;top:2rem;left:-20px}.timeline-year{color:var(--primary);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.timeline-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.status-concept{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff}.status-development{color:#fff;background:linear-gradient(135deg,#0b5ed7,#0a58ca)}.status-beta{color:#fff;background:linear-gradient(135deg,#0a58ca,#084298)}.status-completed{color:#fff;background:linear-gradient(135deg,#0b5ed7,#0a58ca)}.status-research{color:#fff;background:linear-gradient(135deg,#0d6efd,#0b5ed7)}.status-innovation{color:#fff;background:linear-gradient(135deg,#0b5ed7,#0a58ca)}.status-future{color:#9ca3af;background:#1f2937;border-color:#374151}.timeline-intro span{color:#a3a3a3}@media (prefers-color-scheme:dark){.timeline:after{background:linear-gradient(135deg,var(--primary),#737373)}.timeline-image{background:#27272a;border-color:#3f3f46}.about-feature i{color:#34d399}.timeline-content:has(.status-concept){background:var(--card-bg)}.timeline-content:has(.status-research){background:var(--card-bg)}.timeline-content:has(.status-development){background:var(--card-bg)}}.timeline-image{box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;margin-top:1rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.timeline-image:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-image img{border:1px solid var(--border-color);border-radius:8px;width:100%;height:auto;display:block}.timeline-image[data-tooltip]{position:relative}.timeline-image[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:normal;text-align:center;opacity:0;visibility:hidden;z-index:1000;pointer-events:none;background:#000000e6;border-radius:6px;width:max-content;max-width:280px;margin-bottom:10px;padding:.75rem 1rem;font-size:.875rem;line-height:1.4;transition:opacity .3s,visibility .3s,transform .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(5px);box-shadow:0 4px 12px #0003}.timeline-image[data-tooltip]:after{content:"";opacity:0;visibility:hidden;z-index:1000;pointer-events:none;border-top:6px solid #000000e6;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;margin-bottom:4px;transition:opacity .3s,visibility .3s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.timeline-image[data-tooltip]:hover:before,.timeline-image[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.timeline-features{margin:0;padding:0;list-style:none}.timeline-features li{color:var(--secondary);margin-bottom:.5rem;padding-left:1.5rem;font-size:.95rem;position:relative}.timeline-features li:before{content:"▶";color:var(--primary);font-size:.7rem;position:absolute;top:.1rem;left:0}.timeline-status{border-radius:20px;align-items:center;margin-top:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-completed{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.status-beta{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.status-development{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.status-concept{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}@media (max-width:768px){.timeline:after{left:21px}.timeline-content{width:calc(100% - 30px);left:30px}.timeline-icon{width:40px;height:40px;left:0}.timeline-item:nth-child(2n) .timeline-icon{padding:0;left:0;right:auto}.timeline-content{padding:1rem}.timeline-image{border-radius:6px;margin-top:.5rem}.timeline-image img{border-radius:6px}.timeline-image[data-tooltip]:before{max-width:200px;margin-bottom:8px;padding:.5rem .7rem;font-size:.75rem}.timeline-image[data-tooltip]:after{border-top-width:5px;border-left-width:5px;border-right-width:5px;margin-bottom:2px}}.about-feature:first-child{transition-delay:.1s}.about-feature:nth-child(2){transition-delay:.2s}.about-feature:nth-child(3){transition-delay:.3s}.about-feature:nth-child(4){transition-delay:.4s}.about-feature:nth-child(5){transition-delay:.5s}.about-feature:nth-child(6){transition-delay:.6s}.timeline-item:first-child{transition-delay:.1s}.timeline-item:nth-child(2){transition-delay:.3s}.timeline-item:nth-child(3){transition-delay:.5s}.timeline-item:nth-child(4){transition-delay:.7s}.about-intro-section{transition-delay:.2s}.intro-image{transition-delay:.4s}.about-detailed{transition-delay:.3s}.about-feature i.fa-exclamation-triangle{color:var(--accent-color)}.about-feature:has(i.fa-exclamation-triangle) span{color:#6b6b6b;font-weight:600}