.about{z-index:10;max-width:680px;color:var(--foreground);padding:8rem 2rem 4rem;position:relative}@media (max-width:640px){.about{max-width:100%;padding:6rem 1.5rem 3rem}}.about:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#22c55e14 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite float;position:absolute;top:20%;left:-10%}@media (max-width:480px){.about:before{filter:blur(40px);width:200px;height:200px}}.dark .about:before{background:radial-gradient(circle,#22c55e1f 0%,#0000 70%)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.about-intro-wrapper{margin-bottom:2rem;padding-bottom:1rem;position:relative}.about-intro-wrapper:after{content:"";background:linear-gradient(90deg,#22c55e,#0000);border-radius:2px;width:60px;height:3px;animation:2s ease-out forwards expand-line;position:absolute;bottom:0;left:0}@keyframes expand-line{0%{opacity:0;width:0}to{opacity:1;width:60px}}.about-title{letter-spacing:-.01em;font-size:2.5rem;font-weight:500;line-height:1.2;color:var(--foreground)!important}.about-name{background:linear-gradient(135deg,var(--foreground)0%,#22c55e 50%,var(--foreground)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-weight:700;animation:8s infinite gradient-shift}.dark .about-name{background:linear-gradient(135deg,#fff 0%,#22c55e 50%,#fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.about-subtitle{text-shadow:0 0 40px #22c55e1a;margin-top:1rem;font-size:3rem;font-weight:500;line-height:1.15;color:var(--muted-foreground)!important}.about-flip{letter-spacing:-.02em;text-shadow:0 0 60px #22c55e4d,0 0 30px #22c55e33;margin-top:.5rem;font-size:4.5rem;font-weight:900;color:var(--foreground)!important}.about-flip *{color:var(--foreground)!important}.about-focus{margin-top:2.5rem;margin-bottom:2rem}.focus-glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #22c55e33;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.dark .focus-glass-card{background:#ffffff0d;border:1px solid #22c55e40;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14}.focus-glass-card:hover{background:#ffffff0d;border-color:#22c55e66;box-shadow:0 12px 48px #22c55e33,inset 0 1px #ffffff1a}.dark .focus-glass-card:hover{background:#ffffff14;border-color:#22c55e80;box-shadow:0 12px 48px #22c55e4d,inset 0 1px #ffffff26}.about-description{opacity:.8;max-width:520px;margin-top:2rem;font-size:1rem;line-height:1.7;color:var(--muted-foreground)!important}.about-sections{max-width:760px;margin-top:6rem;padding-bottom:1rem}@media (min-width:768px){.about-sections{margin-top:8rem}}@media (min-width:1024px){.about-sections{margin-top:10rem;padding-bottom:2rem}}.about-section-group{margin-bottom:3rem}@media (max-width:768px){.about-section-group{margin-bottom:2rem}}.about-section-title{color:var(--foreground);letter-spacing:-.01em;background:linear-gradient(135deg,var(--foreground)0%,#22c55e 100%);-webkit-text-fill-color:transparent;will-change:transform,opacity;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.dark .about-section-title{background:linear-gradient(135deg,#fff 0%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.about-line{color:var(--muted-foreground);will-change:transform,opacity;letter-spacing:.01em;text-shadow:0 2px 8px #0000001a;transform-origin:0;align-items:flex-start;margin-bottom:.75rem;font-size:1.1rem;font-weight:400;line-height:1.8;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.about-line:has(.section-bullet){gap:.75rem;margin-left:1.5rem}.about-line:not(:has(.section-bullet)){margin-left:3rem}.dark .about-line{color:#ffffffd9;text-shadow:0 2px 8px #0000004d}.section-bullet{color:#22c55e;flex-shrink:0;margin-top:.1rem;font-size:1.3rem;font-weight:700;line-height:1;transition:all .3s}.about-line:hover{color:var(--foreground);text-shadow:0 4px 12px #22c55e33;transform:translate(4px)}.dark .about-line:hover{color:#fff;text-shadow:0 4px 12px #22c55e4d}.about-line:hover .section-bullet{color:#16a34a;transform:translate(4px)}@media (max-width:375px){.about{padding:5rem 1rem 2rem}.about-title{font-size:1.5rem}.about-subtitle{margin-top:.75rem;font-size:1.3rem}.about-flip{margin-top:.25rem;font-size:2rem}.focus-glass-card{border-radius:10px;padding:1rem}.about-sections{margin-top:4rem}.about-section-title{margin-bottom:.75rem;font-size:1rem}.about-line{margin-bottom:.5rem;font-size:.85rem;line-height:1.6}.about-line:has(.section-bullet){gap:.5rem;margin-left:.8rem}.about-line:not(:has(.section-bullet)){margin-left:1.6rem}.section-bullet{font-size:1rem}}@media (min-width:376px) and (max-width:480px){.about{padding-top:6rem}.about-title{font-size:1.6rem}.about-subtitle{font-size:1.5rem}.about-flip{font-size:2.2rem}.focus-glass-card{border-radius:12px;padding:1.25rem}.about-sections{margin-top:5rem}.about-section-title{font-size:1.1rem}.about-line{margin-bottom:.6rem;font-size:.9rem;line-height:1.65}.about-line:has(.section-bullet){margin-left:1rem}.about-line:not(:has(.section-bullet)){margin-left:2rem}.section-bullet{font-size:1.2rem}}@media (min-width:481px) and (max-width:640px){.about-title,.about-subtitle{font-size:2rem}.about-flip{font-size:2.75rem}.focus-glass-card{padding:1.4rem}.about-sections{margin-top:10rem}.about-section-title{font-size:1.3rem}.about-line{font-size:1.05rem;line-height:1.8}}@media (min-width:641px) and (max-width:768px){.about{padding-top:10rem}.about-title{font-size:2.2rem}.about-subtitle{font-size:2.4rem}.about-flip{font-size:3.5rem}.focus-glass-card{padding:1.5rem}.about-section-title{font-size:1.4rem}.about-line{font-size:1.1rem;line-height:1.85}}@media (min-width:769px) and (max-width:1024px){.about{padding-top:11rem}.about-title{font-size:2.3rem}.about-subtitle{font-size:2.75rem}.about-flip{font-size:4rem}.focus-glass-card{padding:1.75rem}.about-section-title{font-size:1.45rem}.about-line{font-size:1.15rem}}@media (min-width:1025px){.about{max-width:680px}.about-title{font-size:2.5rem}.about-subtitle{font-size:3rem}.about-flip{font-size:4.5rem}.about-section-title{font-size:1.5rem}.about-line{font-size:1.1rem}}.canvas{z-index:10;width:100%;height:100%;position:absolute;left:12rem}@media (min-width:640px){.canvas{width:50%;left:20%;top:10%!important}}@media (min-width:768px){.canvas{width:33.3333%;left:20%;top:10%!important}}