.about{background:var(--bg-primary);position:relative}.about__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start}@media (max-width:1024px){.about__layout{grid-template-columns:1fr}}.about__terminal{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden}.about__terminal-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.about__terminal-dots{display:flex;gap:var(--space-2)}.about__terminal-dot{width:12px;height:12px;border-radius:50%;transition:transform var(--duration-fast) var(--ease-spring)}.about__terminal-dot:hover{transform:scale(1.2)}.about__terminal-dot--red{background:oklch(65% .2 25);border:none;padding:0;cursor:pointer}.about__terminal-dot--yellow{background:oklch(80% .15 85)}.about__terminal-dot--green{background:oklch(70% .18 145)}.about__terminal-title{font-size:var(--text-xs);color:var(--text-muted)}.about__terminal-body{padding:var(--space-6);font-size:var(--text-sm);line-height:1.8}.about__terminal-line{margin-bottom:var(--space-2)}.about__terminal-prompt{color:var(--accent-cool)}.about__terminal-command{color:var(--text-primary)}.about__terminal-output{color:var(--text-secondary);padding-left:var(--space-4);margin-bottom:var(--space-6);border-left:2px solid var(--border-subtle)}.about__terminal-output--highlight{color:var(--success);border-left-color:var(--success)}.about__terminal-line--cursor{display:flex;align-items:center;gap:var(--space-2)}.about__terminal-cursor{width:8px;height:16px;background:var(--accent-warm);animation:blink 1s step-end infinite}.about__process{padding:var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl)}.about__process-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--accent-warm)}.about__process-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.about__steps{display:flex;flex-direction:column;gap:var(--space-1)}.about__step{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out-expo)}.about__step-number,.about__step:hover{background:var(--bg-tertiary)}.about__step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-out-expo)}.about__step:hover .about__step-number{background:var(--accent-warm);border-color:var(--accent-warm);color:oklch(15% 0 0);box-shadow:0 0 20px oklch(75% .12 55/.2)}.about__step-content{flex:1}.about__step-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.about__step-description{font-size:var(--text-sm);color:var(--text-secondary)}.about__step-line{position:absolute;left:calc(var(--space-5) + 18px);top:100%;width:1px;height:var(--space-1);background:var(--border-subtle)}.about__step:last-child .about__step-line{display:none}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:50;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:50%;color:var(--text-muted);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:all var(--duration-normal) var(--ease-out-expo)}.back-to-top--visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top:hover{color:var(--accent-warm);border-color:var(--accent-warm);background:oklch(75% .12 55/.1);transform:translateY(-2px) scale(1);box-shadow:0 4px 20px oklch(75% .12 55/.15)}.back-to-top:active{transform:translateY(0) scale(.95)}@media (max-width:640px){.back-to-top{bottom:var(--space-4);right:var(--space-4);width:40px;height:40px}}.contact{background:var(--bg-secondary);position:relative;overflow:hidden}.contact__floats{position:absolute;inset:0;pointer-events:none}.contact__float{position:absolute;border-radius:50%;filter:blur(80px)}.contact__float--1{width:400px;height:400px;background:oklch(75% .12 55/.08);top:-100px;right:-100px;animation:floatSlow 15s ease-in-out infinite}.contact__float--2{width:300px;height:300px;background:oklch(72% .08 185/.06);bottom:-50px;left:-50px;animation:floatSlow 12s ease-in-out infinite reverse}.contact__float--3{width:200px;height:200px;background:oklch(68% .06 320/.05);top:50%;left:50%;animation:floatSlow 18s ease-in-out infinite}@keyframes floatSlow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.contact__wrapper{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}@media (max-width:1024px){.contact__wrapper{grid-template-columns:1fr;text-align:center}}.contact__content{max-width:480px}@media (max-width:1024px){.contact__content{margin:0 auto}}.contact__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:oklch(72% .14 145/.1);border:1px solid oklch(72% .14 145/.2);border-radius:var(--radius-2xl);margin-bottom:var(--space-8)}.contact__badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.contact__badge-text{font-size:var(--text-xs);color:var(--success)}.contact__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-6)}.contact__title-line{display:block}.contact__title-line--accent{background:linear-gradient(135deg,#eeb055,#fc9c45);background:linear-gradient(135deg,var(--accent-warm) 0,oklch(78% .14 40) 100%);-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.contact__text{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.contact__email{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.contact__email-icon{color:var(--text-muted)}.contact__email-address{font-size:var(--text-sm);color:var(--text-primary)}.contact__email-copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.contact__email-copy:hover{border-color:var(--border-hover);color:var(--text-primary)}.contact__email-copy--copied{background:var(--success);border-color:var(--success);color:oklch(15% 0 0)}.contact__cta{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);font-size:var(--text-base);font-weight:600;color:oklch(15% 0 0);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out-expo)}.contact__cta:hover{transform:translateY(-2px)}.contact__cta:active{transform:translateY(0) scale(.98)}.contact__cta-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-warm) 0,oklch(72% .14 45) 100%);transition:transform var(--duration-normal) var(--ease-out-expo)}.contact__cta:hover .contact__cta-bg{transform:scale(1.05)}.contact__cta-content{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-2)}.contact__cta-arrow{position:relative;z-index:1;display:flex;transition:transform var(--duration-fast) var(--ease-out-expo)}.contact__cta:hover .contact__cta-arrow{transform:translate(3px,-3px)}.contact__cta-ripple{position:absolute;top:50%;left:50%;width:0;height:0;background:oklch(100% 0 0/.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.contact__cta:active .contact__cta-ripple{width:300px;height:300px}.contact__card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);overflow:hidden}@media (max-width:1024px){.contact__card{display:none}}.contact__card-header{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle)}.contact__card-dot{width:12px;height:12px;border-radius:50%;border:none;padding:0;transition:transform var(--duration-fast) var(--ease-spring);cursor:pointer}.contact__card-dot:hover{transform:scale(1.2)}.contact__card-dot--red{background:oklch(65% .2 25)}.contact__card-dot--yellow{background:oklch(80% .15 85)}.contact__card-dot--green{background:oklch(70% .18 145)}.contact__card-body{padding:var(--space-6);font-size:var(--text-sm);line-height:2}.contact__card-line{color:var(--text-secondary)}.contact__card-line--indent{padding-left:var(--space-6)}.contact__card-keyword{color:var(--accent-subtle)}.contact__card-var{color:var(--accent-cool)}.contact__card-prop{color:var(--text-primary)}.contact__card-string{color:var(--success)}.contact__card-number{color:var(--accent-warm)}.easter-egg-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:oklch(0 0 0/.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out-expo)}.easter-egg-modal{width:100%;max-width:380px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 24px 48px oklch(0 0 0/.4),inset 0 0 0 1px oklch(100% 0 0/.05);animation:modalSlideIn var(--duration-normal) var(--ease-spring)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.easter-egg-modal__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.easter-egg-modal__title{flex:1;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.easter-egg-modal__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.easter-egg-modal__close:hover{background:var(--bg-secondary);color:var(--text-primary)}.easter-egg-modal__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);text-align:center}.easter-egg-modal__icon{color:oklch(65% .2 25);animation:shake .5s var(--ease-spring)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px) rotate(-5deg)}40%{transform:translateX(5px) rotate(5deg)}60%{transform:translateX(-3px) rotate(-3deg)}80%{transform:translateX(3px) rotate(3deg)}}.easter-egg-modal__text{font-size:var(--text-base);color:var(--text-primary);line-height:1.6;max-width:280px}.easter-egg-modal__footer{padding:var(--space-4) var(--space-6) var(--space-6)}.easter-egg-modal__btn{width:100%;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.easter-egg-modal__btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary);transform:translateY(-1px)}.easter-egg-modal__btn:active{transform:translateY(0) scale(.98)}@media (max-width:640px){.easter-egg-modal{max-width:320px}.easter-egg-modal__body{padding:var(--space-6) var(--space-4)}.easter-egg-modal__icon{width:28px;height:28px}.easter-egg-modal__text{font-size:var(--text-sm)}.easter-egg-modal__footer{padding:var(--space-3) var(--space-4) var(--space-4)}}