.about-hero{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:140px 20px 80px;display:flex;position:relative;overflow:hidden}.about-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1100px;margin:0 auto;display:grid}.about-hero-left{flex-direction:column;display:flex}.about-tag{letter-spacing:5px;color:var(--gold);opacity:.8;align-items:center;gap:8px;margin-bottom:24px;font-family:Orbitron,monospace;font-size:.6rem;display:inline-flex}.about-tag:before{content:"";background:var(--gold);width:30px;height:1px;box-shadow:0 0 8px var(--gold)}.about-name{background:linear-gradient(135deg,#fff 0%,gold 60%,#fff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Orbitron,monospace;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.05;animation:5s ease-in-out infinite title-shimmer}.about-role{color:var(--gold);letter-spacing:3px;text-shadow:0 0 20px #ffd70060;margin-bottom:28px;font-family:"Exo 2",sans-serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:600}.about-bio{color:#f0f0f0a6;margin-bottom:40px;font-family:"Exo 2",sans-serif;font-size:1.05rem;font-weight:300;line-height:1.9}.about-bio strong{color:#ffffffe6;font-weight:600}.about-cta-row{flex-wrap:wrap;gap:16px;display:flex}.btn-outline{letter-spacing:2px;color:var(--gold);cursor:none;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);background:#ffd7000a;border:1px solid #ffd70066;align-items:center;gap:10px;padding:14px 28px;font-family:Orbitron,monospace;font-size:.7rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{border-color:var(--gold);background:#ffd7001a;transform:translateY(-2px);box-shadow:0 0 30px #ffd70025}.about-hero-right{justify-content:center;align-items:center;display:flex;position:relative}.avatar-col{flex-direction:column;align-items:center;gap:28px;display:flex}.hero-quote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0800b8;border:1px solid #ffd70059;border-radius:4px;align-items:flex-start;gap:12px;width:100%;max-width:340px;padding:24px 28px;animation:5s ease-in-out infinite quote-breathe;display:flex;position:relative;box-shadow:0 0 0 1px #ffd70014,0 0 30px #ffd70014,inset 0 0 30px #ffd70008}@keyframes quote-breathe{0%,to{box-shadow:0 0 0 1px #ffd70014,0 0 30px #ffd70014,inset 0 0 30px #ffd70008}50%{box-shadow:0 0 0 1px #ffd70038,0 0 50px #ffd70026,inset 0 0 40px #ffd7000f}}.quote-mark{color:var(--gold);text-shadow:var(--glow-gold);-webkit-user-select:none;user-select:none;flex-shrink:0;font-family:Georgia,serif;font-size:3rem;line-height:1}.quote-mark--open{align-self:flex-start;margin-top:-6px}.quote-mark--close{align-self:flex-end;margin-bottom:-6px;margin-left:auto}.quote-text{color:#f0f0f0d1;letter-spacing:.3px;text-align:center;flex:1;font-family:"Exo 2",sans-serif;font-size:.95rem;font-style:italic;font-weight:300;line-height:1.8}.avatar-wrapper{width:340px;height:340px;position:relative}.avatar-ring-outer{border:1px solid #ffd70033;border-radius:50%;animation:20s linear infinite spin-slow;position:absolute;inset:-16px}.avatar-ring-outer:before{content:"";background:var(--gold);width:6px;height:6px;box-shadow:var(--glow-gold);border-radius:50%;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.avatar-ring-mid{border:1px solid #ffd7001a;border-radius:50%;animation:12s linear infinite reverse spin-slow;position:absolute;inset:-6px}.avatar-frame{border:2px solid var(--gold);width:100%;height:100%;box-shadow:var(--glow-gold), inset 0 0 60px #ffd70010;background:radial-gradient(circle at 35% 30%,#1a1200,#0a0a0a);border-radius:50%;justify-content:center;align-items:center;font-size:7rem;animation:5s ease-in-out infinite emblem-breathe;display:flex;position:relative;overflow:hidden}.avatar-frame:after{content:"";background:linear-gradient(135deg,#ffd70014 0%,#0000 50%);border-radius:50%;position:absolute;inset:0}.avatar-corner-badge{background:var(--black);border:1px solid var(--gold);letter-spacing:2px;color:var(--gold);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);box-shadow:var(--glow-gold);white-space:nowrap;padding:6px 14px;font-family:Orbitron,monospace;font-size:.55rem;position:absolute;bottom:16px;right:8px}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-particle{background:var(--gold);box-shadow:0 0 8px var(--gold);border-radius:50%;animation:6s ease-in-out infinite orbit;position:absolute}.avatar-particle:first-child{width:6px;height:6px;animation-delay:0s;top:10%;left:-10%}.avatar-particle:nth-child(2){background:var(--electric-blue);width:4px;height:4px;box-shadow:0 0 8px var(--electric-blue);animation-delay:2s;top:80%;right:-8%}.avatar-particle:nth-child(3){width:5px;height:5px;animation-delay:4s;top:50%;left:-15%}@keyframes orbit{0%,to{opacity:.8;transform:translateY(0)scale(1)}50%{opacity:.4;transform:translateY(-16px)scale(1.3)}}.story-section{background:linear-gradient(180deg, var(--black) 0%, var(--navy) 60%, var(--black) 100%)}.story-grid{grid-template-columns:1fr 2fr;align-items:start;gap:80px;max-width:1100px;margin:0 auto;display:grid}.story-timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline-item{padding-bottom:36px;padding-left:36px;position:relative}.timeline-item:before{content:"";background:linear-gradient(#ffd70066,#ffd7000d);width:1px;position:absolute;top:24px;bottom:0;left:10px}.timeline-item:last-child:before{display:none}.timeline-dot{border:2px solid var(--gold);background:var(--black);width:14px;height:14px;box-shadow:0 0 10px var(--gold);border-radius:50%;position:absolute;top:6px;left:4px}.timeline-year{letter-spacing:3px;color:var(--gold);opacity:.7;margin-bottom:6px;font-family:Orbitron,monospace;font-size:.6rem}.timeline-title{color:var(--white);margin-bottom:4px;font-family:"Exo 2",sans-serif;font-size:.95rem;font-weight:700}.timeline-desc{color:#ffffff73;font-size:.85rem;font-weight:300;line-height:1.5}.story-content{flex-direction:column;gap:28px;display:flex}.story-block{border:1px solid #ffd7001a;border-left:3px solid var(--gold);background:#ffffff06;border-radius:0 4px 4px 0;padding:28px 32px;transition:all .3s;position:relative;overflow:hidden}.story-block:before{content:"";background:linear-gradient(90deg,#ffd7000a,#0000);width:0;height:100%;transition:width .4s;position:absolute;top:0;left:0}.story-block:hover{transform:translate(6px);box-shadow:-4px 0 20px #ffd70015}.story-block:hover:before{width:100%}.story-block-title{letter-spacing:3px;color:var(--gold);opacity:.8;margin-bottom:12px;font-family:Orbitron,monospace;font-size:.7rem}.story-block-text{color:#f0f0f0a6;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:300;line-height:1.8}.story-block-text strong{color:#ffffffe6;font-weight:600}.skills-section{background:var(--black)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.skill-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff06;border:1px solid #ffd7001f;border-radius:4px;padding:32px 28px;transition:all .3s;position:relative;overflow:hidden}.skill-category:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.skill-category:hover{border-color:#ffd7004d;box-shadow:0 0 30px #ffd70010}.skill-category:hover:after{opacity:1}.skill-cat-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.skill-cat-icon{filter:drop-shadow(0 0 8px var(--gold));font-size:1.6rem}.skill-cat-title{letter-spacing:3px;color:var(--gold);font-family:Orbitron,monospace;font-size:.7rem;font-weight:700}.skill-bar-row{margin-bottom:16px}.skill-bar-label{color:#ffffffa6;justify-content:space-between;margin-bottom:6px;font-family:"Exo 2",sans-serif;font-size:.85rem;display:flex}.skill-bar-label span:last-child{color:var(--gold);font-size:.75rem}.skill-bar-track{background:#ffffff0d;border-radius:2px;height:4px;position:relative;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--gold), var(--electric-blue));width:0;height:100%;box-shadow:0 0 8px var(--gold);border-radius:2px;transition:width 1.4s cubic-bezier(.16,1,.3,1);position:relative}.skill-bar-fill:after{content:"";width:8px;height:8px;box-shadow:0 0 6px var(--gold);background:#fff;border-radius:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.skill-category.bars-visible .skill-bar-fill{width:var(--bar-w)}.achievements-section{background:linear-gradient(180deg, var(--black) 0%, var(--navy) 100%)}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.achievement-card{text-align:center;background:#ffd70008;border:1px solid #ffd70026;border-radius:4px;padding:36px 24px;transition:all .4s;position:relative;overflow:hidden}.achievement-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 100%,#ffd7000f,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.achievement-card:hover{border-color:#ffd70066;transform:translateY(-6px);box-shadow:0 20px 50px #0006,0 0 30px #ffd70015}.achievement-card:hover:before{opacity:1}.achievement-icon{filter:drop-shadow(0 0 10px var(--gold));margin-bottom:16px;font-size:2.2rem;display:block}.achievement-number{color:var(--gold);text-shadow:var(--glow-gold);margin-bottom:8px;font-family:Orbitron,monospace;font-size:2.2rem;font-weight:900;line-height:1;display:block}.achievement-label{letter-spacing:2px;color:#ffffff73;text-transform:uppercase;font-family:"Exo 2",sans-serif;font-size:.8rem}.achievement-desc{color:#ffffff4d;margin-top:8px;font-family:"Exo 2",sans-serif;font-size:.85rem;line-height:1.4}.social-section{background:var(--black)}.social-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.social-card{cursor:none;background:#ffffff06;border:1px solid #ffd7001a;border-radius:4px;align-items:center;gap:16px;padding:20px 24px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-card:after{content:"";opacity:0;background:linear-gradient(135deg,#ffd7000d,#0000);transition:opacity .3s;position:absolute;inset:0}.social-card:hover{border-color:#ffd70066;transform:translateY(-4px);box-shadow:0 10px 40px #0000004d,0 0 20px #ffd70015}.social-card:hover:after{opacity:1}.social-icon{filter:drop-shadow(0 0 6px var(--gold));flex-shrink:0;font-size:1.8rem}.social-info{flex-direction:column;display:flex}.social-platform{letter-spacing:2px;color:var(--gold);margin-bottom:3px;font-family:Orbitron,monospace;font-size:.65rem}.social-handle{color:#ffffff80;font-family:"Exo 2",sans-serif;font-size:.85rem}.contact-section{background:linear-gradient(180deg, var(--black) 0%, #050510 50%, var(--black) 100%);text-align:center;position:relative;overflow:hidden}.contact-glow{pointer-events:none;background:radial-gradient(circle,#ffd70006,#0000 70%);width:500px;height:500px;animation:5s ease-in-out infinite final-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-inner{max-width:700px;margin:0 auto;position:relative}.contact-headline{color:var(--white);margin-bottom:16px;font-family:Orbitron,monospace;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:900}.contact-headline .highlight{color:var(--gold);text-shadow:var(--glow-gold)}.contact-sub{color:#ffffff73;margin-bottom:50px;font-family:"Exo 2",sans-serif;font-size:1.05rem;font-weight:300;line-height:1.7}.contact-form{text-align:left;flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-label{letter-spacing:3px;color:var(--gold);opacity:.7;font-family:Orbitron,monospace;font-size:.55rem}.form-input,.form-textarea{color:var(--white);cursor:none;background:#ffffff08;border:1px solid #ffd70033;border-radius:2px;outline:none;width:100%;padding:14px 18px;font-family:"Exo 2",sans-serif;font-size:.95rem;transition:all .3s}.form-input:focus,.form-textarea:focus{background:#ffffff0d;border-color:#ffd70099;box-shadow:0 0 20px #ffd70015}.form-input::placeholder,.form-textarea::placeholder{color:#fff3}.form-textarea{resize:none;min-height:120px}.form-submit{align-self:flex-start;margin-top:8px}@media (max-width:900px){.about-hero-inner{text-align:center;grid-template-columns:1fr;gap:50px}.about-tag,.about-cta-row{justify-content:center}.about-hero-right{order:-1}.avatar-wrapper{width:240px;height:240px}.story-grid{grid-template-columns:1fr;gap:50px}.form-row{grid-template-columns:1fr}}@media (max-width:600px){.social-grid{grid-template-columns:1fr;max-width:380px}.social-card{padding:18px 20px}.social-handle{white-space:normal;word-break:break-all;font-size:.78rem}}