:root{--about-primary: #191970;--about-accent: #ffd700;--about-text: #333333;--about-bg: #ffffff;--about-light-bg: #f8f9fa;--about-border: #e0e0e0;--about-shadow: rgba(0, 0, 0, .1);--about-gradient: linear-gradient(135deg, #191970, #2a2a9a);--about-accent-gradient: linear-gradient(135deg, #ffd700, #ffec80);--transition-smooth: cubic-bezier(.4, 0, .2, 1);--transition-bounce: cubic-bezier(.175, .885, .32, 1.275);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@media (prefers-color-scheme: dark){:root{--about-primary: #a67c00;--about-accent: #191970;--about-text: #ffffff;--about-bg: #121212;--about-light-bg: #1e1e1e;--about-border: #333333;--about-shadow: rgba(0, 0, 0, .3);--about-gradient: linear-gradient( 135deg, #704700 0%, #a67c00 20%, #d4af37 40%, #f9df85 50%, #d4af37 60%, #a67c00 80%, #704700 100% );--about-accent-gradient: linear-gradient(135deg, #191970, #2a2a9a)}.profile-name,.section-title,.card-title,.skill-content h4,.timeline-title{background:linear-gradient(90deg,#704700,#a67c00,#d4af37,#f9df85,#d4af37,#a67c00,#704700);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:goldShimmer 8s linear infinite;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative}.profile-name:before,.section-title:before,.card-title:before,.skill-content h4:before,.timeline-title:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 50% 70%,rgba(249,223,133,.5) .1%,transparent .5%),radial-gradient(circle at 80% 10%,rgba(249,223,133,.7) .1%,transparent .5%),radial-gradient(circle at 10% 90%,rgba(249,223,133,.5) .1%,transparent .5%);background-size:150% 150%;mix-blend-mode:overlay;animation:glitterEffect 6s ease-in-out infinite alternate;pointer-events:none}.skill-icon,.timeline-item:after,.profile-image-border{background:var(--about-gradient);background-size:200% 200%;animation:goldWave 12s ease infinite;border-color:#a67c00!important;position:relative;overflow:hidden}.skill-icon:after,.timeline-item:after:after,.profile-image-border:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#fff0,#ffffff0d,#ffffff1a,#ffffff0d,#fff0);animation:waveEffect 8s linear infinite;pointer-events:none}.divider{background:linear-gradient(to right,#7047001a,#a67c004d,#d4af3780,#f9df85cc,#d4af3780,#a67c004d,#7047001a)!important}.divider:after{background:linear-gradient(90deg,transparent,rgba(249,223,133,.8),transparent)!important}.profile-card:before,.info-card:before,.quote-card:before{background:var(--about-gradient);opacity:.05;background-size:200% 200%;animation:goldWave 15s ease infinite}.timeline:after{background:linear-gradient(to bottom,#704700,#a67c00,#d4af37,#f9df85,#d4af37,#a67c00,#704700)!important}.skill-item:hover .skill-content h4,.timeline-content:hover .timeline-title,.quote-card:hover blockquote cite,.info-list li:hover span{color:#f9df85!important;text-shadow:0 0 10px rgba(249,223,133,.3);animation:goldPulse 2s ease infinite alternate}.motto-container,.quote-card{background:linear-gradient(135deg,#7047000d,#a67c0014,#d4af370d)!important;border-left-color:#a67c00!important}.timeline-date{background:linear-gradient(90deg,#7047001a,#a67c0026)!important;color:#f9df85!important}.profile-card:hover,.info-card:hover,.quote-card:hover,.timeline-content:hover{box-shadow:0 15px 30px #0000004d,0 0 20px #a67c001a!important}.profile-section:before{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a67c00' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}.about-hero{height:40vh;min-height:300px;background:var(--about-gradient);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;overflow:hidden;margin-top:80px;animation:gradientShift 15s ease infinite alternate;background-size:200% 200%}@media (prefers-color-scheme: dark){.header{background-color:var( --primary )!important;backdrop-filter:none;box-shadow:0 4px 20px #d4af374d}.header.scrolled{background-color:var( --primary )!important;backdrop-filter:none}.profile-name,.section-title,.card-title,.skill-content h4,.timeline-title{position:relative}.skill-icon,.timeline-item:after,.profile-image-border{position:relative;overflow:hidden}}.dark-mode .header,.dark-mode .header.scrolled{background-color:var( --primary )!important;backdrop-filter:none;box-shadow:0 4px 20px #a67c004d}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldWave{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes waveEffect{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}@keyframes glitterEffect{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}@keyframes goldPulse{0%{text-shadow:0 0 5px rgba(249,223,133,.1)}to{text-shadow:0 0 15px rgba(249,223,133,.4)}}.about-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.2;animation:patternFloat 60s linear infinite}@keyframes patternFloat{0%{background-position:0 0}to{background-position:100px 100px}}.about-hero-content{position:relative;z-index:1;max-width:800px;padding:0 2rem}.about-hero h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2);position:relative;display:inline-block;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.about-hero h1 .highlight{color:var(--about-accent);position:relative;transition:color .5s var(--transition-smooth)}.about-hero h1 .highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:var(--about-accent);border-radius:3px;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--transition-bounce)}.about-hero h1:hover .highlight{color:#fff}.about-hero h1:hover .highlight:after{transform:scaleX(1);transform-origin:left}.subtitle{font-size:1.5rem;opacity:.9;margin-bottom:2rem;font-weight:300;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.profile-section{padding:4rem 0;background-color:var(--about-light-bg);position:relative;transition:background-color .3s var(--transition-smooth)}.profile-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23191970' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;transition:background-image .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.profile-section:before{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23a67c00' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--about-bg);border-radius:16px;box-shadow:0 10px 30px var(--about-shadow);padding:3rem;position:relative;z-index:1;overflow:hidden;transition:transform .5s var(--transition-smooth),box-shadow .5s var(--transition-smooth),background-color .3s var(--transition-smooth)}.profile-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.profile-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:var(--about-gradient);background-size:200% 200%;animation:gradientShift 15s ease infinite alternate}.profile-image-container{margin-bottom:2rem;position:relative}.profile-image-wrapper{position:relative;width:220px;height:220px}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid var(--about-bg);box-shadow:0 5px 15px var(--about-shadow);position:relative;z-index:2;transition:transform .5s var(--transition-bounce),box-shadow .5s var(--transition-smooth),border-color .3s var(--transition-smooth)}.profile-image-border{position:absolute;top:-10px;left:-10px;width:220px;height:220px;border-radius:50%;border:2px dashed var(--about-accent);animation:rotate 20s linear infinite;z-index:1;transition:border-color .3s var(--transition-smooth)}.profile-image-wrapper:hover .profile-image{transform:scale(1.05);box-shadow:0 8px 25px #00000026}.profile-content{max-width:600px}.profile-name{font-size:2.5rem;margin-bottom:.5rem;color:var(--about-primary);position:relative;display:inline-block;transition:color .3s var(--transition-smooth);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){.profile-name{color:var(--about-text)}}.profile-name:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:var(--about-accent);transition:width .4s var(--transition-smooth),left .4s var(--transition-smooth),background-color .3s var(--transition-smooth)}.profile-card:hover .profile-name:after{width:100%;left:0}.profile-alias{font-size:1.2rem;color:var(--about-text);margin-bottom:1.5rem;transition:color .3s var(--transition-smooth);opacity:.8}.profile-card:hover .profile-alias{color:var(--about-primary)}@media (prefers-color-scheme: dark){.profile-card:hover .profile-alias{color:var(--about-text)}}.motto-container{background-color:#1919700d;padding:1.5rem;border-radius:8px;margin:1.5rem 0;position:relative;transition:transform .4s var(--transition-bounce),box-shadow .4s var(--transition-smooth),background-color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.motto-container{background-color:#d4af370d}}.motto-container:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px var(--about-shadow)}.motto-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,215,0,.1),transparent 70%);opacity:0;transition:opacity .5s var(--transition-smooth),background .3s var(--transition-smooth);border-radius:8px}@media (prefers-color-scheme: dark){.motto-container:before{background:radial-gradient(circle at top right,rgba(212,175,55,.1),transparent 70%)}}.motto-container:hover:before{opacity:1}.motto{font-size:1.8rem;font-weight:700;color:var(--about-primary);margin-bottom:.5rem;transition:transform .3s var(--transition-smooth),color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.motto{color:var(--about-text)}}.motto-container:hover .motto{transform:scale(1.05)}.motto-translation{font-size:1.2rem;color:var(--about-text);opacity:.8;font-style:italic;transition:opacity .3s var(--transition-smooth),color .3s var(--transition-smooth)}.motto-container:hover .motto-translation{opacity:.8}.bio-section{padding:5rem 0;background-color:var(--about-bg);position:relative;overflow:hidden;transition:background-color .3s var(--transition-smooth)}.bio-section:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(25,25,112,.03),transparent 70%);top:-150px;left:-150px;border-radius:50%;transition:background .3s var(--transition-smooth)}.bio-section:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,215,0,.03),transparent 70%);bottom:-150px;right:-150px;border-radius:50%;transition:background .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.bio-section:before{background:radial-gradient(circle,rgba(212,175,55,.03),transparent 70%)}.bio-section:after{background:radial-gradient(circle,rgba(25,25,112,.03),transparent 70%)}}.bio-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;position:relative;z-index:1}.section-title{font-size:2rem;color:var(--about-primary);margin-bottom:1.5rem;position:relative;display:inline-block;transition:color .3s var(--transition-smooth);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){.section-title{color:var(--about-text)}}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--about-accent);border-radius:2px;transition:width .4s var(--transition-smooth),background-color .3s var(--transition-smooth)}.section-title:hover:after{width:100%}.text-center{text-align:center}.text-center.section-title:after{left:50%;transform:translate(-50%)}.text-center.section-title:hover:after{width:80%}.bio-text{font-size:1.1rem;line-height:1.8;color:var(--about-text);margin-bottom:2rem;position:relative;transition:color .3s var(--transition-smooth);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:justify}.bio-text:hover{color:var(--about-text)}.divider{height:1px;background:linear-gradient(to right,#1919701a,#19197080,#1919701a);margin:3rem 0;position:relative;overflow:hidden;transition:background .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.divider{background:linear-gradient(to right,#7047001a,#a67c004d,#d4af3780,#f9df85cc,#d4af3780,#a67c004d,#7047001a)!important}}.divider:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,223,133,.5),transparent);animation:shimmer 3s infinite;transition:background .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.divider:after{background:linear-gradient(90deg,transparent,rgba(249,223,133,.5),transparent)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.skills-list{list-style:none;padding:0;margin:2rem 0}.skill-item{display:flex;margin-bottom:2rem;transition:transform .4s var(--transition-bounce)}.skill-item:hover{transform:translate(10px)}.skill-icon{flex:0 0 50px;height:50px;background:var(--about-gradient);background-size:200% 200%;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:1.5rem;box-shadow:0 5px 15px var(--about-shadow);transition:transform .3s var(--transition-bounce),box-shadow .3s var(--transition-smooth),background .3s var(--transition-smooth);animation:gradientShift 15s ease infinite alternate}.skill-item:hover .skill-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px #00000026}.skill-content{flex:1}.skill-content h4{font-size:1.3rem;margin-bottom:.5rem;color:var(--about-primary);transition:color .3s var(--transition-smooth);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){.skill-content h4{color:var(--about-text)}}.skill-item:hover .skill-content h4{color:var(--about-accent)}@media (prefers-color-scheme: dark){.skill-item:hover .skill-content h4{color:var(--about-primary)}}.skill-content p{color:var(--about-text);opacity:.8;line-height:1.6;transition:color .3s var(--transition-smooth);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.skill-item:hover .skill-content p{color:var(--about-text)}.bio-sidebar{display:flex;flex-direction:column;gap:2rem}.info-card,.quote-card{background-color:var(--about-bg);border-radius:12px;padding:2rem;box-shadow:0 5px 20px var(--about-shadow);transition:transform .4s var(--transition-bounce),box-shadow .4s var(--transition-smooth),background-color .3s var(--transition-smooth);position:relative;overflow:hidden}.info-card:before,.quote-card:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at top right,rgba(25,25,112,.03),transparent 70%);opacity:0;transition:opacity .5s var(--transition-smooth),background .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.info-card:before,.quote-card:before{background:radial-gradient(circle at top right,rgba(212,175,55,.03),transparent 70%)}}.info-card:hover,.quote-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px var(--about-shadow)}.info-card:hover:before,.quote-card:hover:before{opacity:1}.card-title{font-size:1.5rem;color:var(--about-primary);margin-bottom:1.5rem;position:relative;display:inline-block;transition:color .3s var(--transition-smooth);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){.card-title{color:var(--about-text)}}.card-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:var(--about-accent);border-radius:1.5px;transition:width .4s var(--transition-smooth),background-color .3s var(--transition-smooth)}.info-card:hover .card-title:after,.quote-card:hover .card-title:after{width:100%}.info-list{list-style:none;padding:0}.info-list li{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--about-border);display:flex;flex-direction:column;transition:transform .3s var(--transition-smooth),border-color .3s var(--transition-smooth)}.info-list li:hover{transform:translate(5px)}.info-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-list li span{font-weight:700;color:var(--about-primary);margin-bottom:.3rem;transition:color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.info-list li span{color:var(--about-text)}}.info-list li:hover span{color:var(--about-accent)}@media (prefers-color-scheme: dark){.info-list li:hover span{color:var(--about-primary)}}.quote-card{background-color:#19197008;border-left:4px solid var(--about-accent);transition:background-color .3s var(--transition-smooth),border-left-color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.quote-card{background-color:#d4af3708;border-left:4px solid var(--about-accent)}}blockquote{font-style:italic;font-size:1.1rem;line-height:1.8;color:var(--about-text);position:relative;transition:transform .3s var(--transition-smooth),color .3s var(--transition-smooth);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.quote-card:hover blockquote{transform:scale(1.02)}blockquote:before{content:"" "";font-size:4rem;position:absolute;top:-20px;left:-10px;color:#1919701a;font-family:Georgia,serif;transition:color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){blockquote:before{color:#d4af371a}}.quote-card:hover blockquote:before{color:#ffd70033}@media (prefers-color-scheme: dark){.quote-card:hover blockquote:before{color:#19197033}}blockquote cite{display:block;margin-top:1rem;font-weight:700;font-style:normal;color:var(--about-primary);text-align:right;transition:color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){blockquote cite{color:var(--about-text)}}.quote-card:hover blockquote cite{color:var(--about-accent)}@media (prefers-color-scheme: dark){.quote-card:hover blockquote cite{color:var(--about-primary)}}.timeline-section{padding:5rem 0;background-color:var(--about-light-bg);position:relative;transition:background-color .3s var(--transition-smooth)}.timeline{position:relative;max-width:1000px;margin:3rem auto 0}.timeline:after{content:"";position:absolute;width:4px;background-color:var(--about-primary);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:2px;background:linear-gradient(to bottom,var(--about-primary),var(--about-accent));transition:background .3s var(--transition-smooth)}.timeline-item{padding:10px 40px;position:relative;width:50%;box-sizing:border-box}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;background-color:#fff;border:4px solid var(--about-accent);top:15px;border-radius:50%;z-index:1;box-shadow:0 2px 8px var(--about-shadow);transition:transform .3s var(--transition-bounce),box-shadow .3s var(--transition-smooth),background-color .3s var(--transition-smooth),border-color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.timeline-item:after{background-color:var(--about-light-bg);border:4px solid var(--about-primary)}}.timeline-item:hover:after{transform:scale(1.2);box-shadow:0 4px 12px #00000026;background-color:var(--about-accent)}@media (prefers-color-scheme: dark){.timeline-item:hover:after{background-color:var(--about-primary)}}.left{left:0}.right{left:50%}.left:after{right:-12px}.right:after{left:-12px}.timeline-content{padding:20px 25px;background-color:var(--about-bg);position:relative;border-radius:8px;box-shadow:0 5px 15px var(--about-shadow);transition:transform .4s var(--transition-bounce),box-shadow .4s var(--transition-smooth),background-color .3s var(--transition-smooth);overflow:hidden}.timeline-content:after{content:"";position:absolute;width:100%;height:3px;bottom:0;left:0;background:linear-gradient(to right,var(--about-primary),var(--about-accent));transform:scaleX(0);transform-origin:left;transition:transform .4s var(--transition-smooth),background .3s var(--transition-smooth)}.timeline-content:hover{transform:scale(1.03);box-shadow:0 8px 25px var(--about-shadow)}.timeline-content:hover:after{transform:scaleX(1)}.left .timeline-content:before{content:" ";position:absolute;top:15px;right:-15px;border-width:10px 0 10px 15px;border-style:solid;border-color:transparent transparent transparent var(--about-bg);transition:border-color .3s var(--transition-smooth)}.right .timeline-content:before{content:" ";position:absolute;top:15px;left:-15px;border-width:10px 15px 10px 0;border-style:solid;border-color:transparent var(--about-bg) transparent transparent;transition:border-color .3s var(--transition-smooth)}.timeline-title{font-size:1.3rem;color:var(--about-primary);margin-bottom:.5rem;transition:color .3s var(--transition-smooth),transform .3s var(--transition-smooth);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){.timeline-title{color:var(--about-text)}}.timeline-content:hover .timeline-title{color:var(--about-accent);transform:translate(5px)}@media (prefers-color-scheme: dark){.timeline-content:hover .timeline-title{color:var(--about-primary)}}.timeline-date{font-weight:700;color:var(--about-accent);margin-bottom:1rem;display:inline-block;padding:3px 10px;background-color:#1919700d;border-radius:4px;transition:background-color .3s var(--transition-smooth),transform .3s var(--transition-smooth),color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.timeline-date{background-color:#d4af370d;color:var(--about-primary)}}.timeline-content:hover .timeline-date{background-color:#ffd7001a;transform:translate(5px)}@media (prefers-color-scheme: dark){.timeline-content:hover .timeline-date{background-color:#1919701a}}.cta-section{padding:5rem 0;background:var(--about-gradient);background-size:200% 200%;color:#fff;text-align:center;position:relative;overflow:hidden;animation:gradientShift 15s ease infinite alternate}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.2;animation:patternFloat 60s linear infinite}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta-title{font-size:2.5rem;margin-bottom:1rem;animation:fadeInUp 1s var(--transition-smooth) both;color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cta-text{font-size:1.2rem;margin-bottom:2rem;opacity:.9;animation:fadeInUp 1s .2s var(--transition-smooth) both;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;color:var(--about-primary);font-weight:700;padding:.8rem 2rem;border-radius:4px;position:relative;z-index:1;overflow:hidden;animation:fadeInUp 1s .4s var(--transition-smooth) both;transition:transform .4s var(--transition-bounce),box-shadow .4s var(--transition-smooth),color .3s var(--transition-smooth);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--about-primary),var(--about-accent));z-index:-1;opacity:0;transition:opacity .3s var(--transition-smooth),background .3s var(--transition-smooth)}.cta-button:after{content:"";position:absolute;width:20px;height:20px;background:#ffffff4d;border-radius:50%;transform:scale(0);transition:transform .5s var(--transition-smooth)}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #0003;color:#fff}.cta-button:hover:before{opacity:1}.cta-button:active{transform:translateY(0) scale(.98)}.cta-button:active:after{transform:scale(15);opacity:0;transition:transform .8s var(--transition-smooth),opacity .8s var(--transition-smooth)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-text{opacity:0;transform:translateY(30px);animation:revealText 1s var(--transition-smooth) forwards}.reveal-text-delay{opacity:0;transform:translateY(30px);animation:revealText 1s .3s var(--transition-smooth) forwards}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s var(--transition-smooth),transform .8s var(--transition-smooth)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}@keyframes revealText{to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#tools{padding:5rem 0;background-color:var(--about-bg);text-align:center;transition:background-color .3s var(--transition-smooth)}#tools h2{font-size:2.5rem;color:var(--about-primary);margin-bottom:3rem;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;display:inline-block;transition:color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){#tools h2{color:var(--about-text)}}#tools h2:after{content:"";position:absolute;bottom:-10px;left:50%;width:80px;height:4px;background:var(--about-accent);border-radius:2px;transform:translate(-50%);transition:width .4s var(--transition-smooth),background-color .3s var(--transition-smooth)}#tools h2:hover:after{width:120px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;max-width:1000px;margin:0 auto;padding:0 2rem}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background-color:var(--about-light-bg);border-radius:12px;box-shadow:0 5px 15px var(--about-shadow);transition:transform .3s var(--transition-bounce),box-shadow .3s var(--transition-smooth),background-color .3s var(--transition-smooth);cursor:pointer}@media (prefers-color-scheme: dark){.tool{background-color:var(--about-light-bg)}}.tool:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 10px 25px #00000026}.tool svg{width:48px;height:48px;margin-bottom:.75rem;transition:transform .3s var(--transition-smooth)}.tool:hover svg{transform:scale(1.1)}.tool span{font-size:1rem;font-weight:600;color:var(--about-primary);font-family:Inter,sans-serif;transition:color .3s var(--transition-smooth)}@media (prefers-color-scheme: dark){.tool span{color:var(--about-text)}}.tool:hover span{color:var(--about-accent)}@media (prefers-color-scheme: dark){.tool:hover span{color:var(--about-primary)}}@media (max-width: 992px){.bio-grid{grid-template-columns:1fr;gap:2rem}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item:after{left:20px}.left:after,.right:after{left:20px}.left .timeline-content:before,.right .timeline-content:before{left:-15px;border-width:10px 15px 10px 0;border-color:transparent var(--about-bg) transparent transparent}.right{left:0}}@media (max-width: 768px){.about-hero h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.profile-card{padding:2rem 1rem}.profile-name{font-size:2rem}.section-title{font-size:1.8rem}.cta-title,#tools h2{font-size:2rem}.tool-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.tool{padding:1rem .75rem}.tool svg{width:40px;height:40px}.tool span{font-size:.9rem}}@media (max-width: 480px){.about-hero h1{font-size:2rem}.profile-image{width:150px;height:150px}.profile-image-wrapper{width:170px;height:170px}.profile-image-border{width:170px;height:170px;top:-10px;left:-10px}.motto{font-size:1.5rem}.timeline-content{padding:15px}#tools h2{font-size:1.8rem;margin-bottom:2rem}.tool-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1rem}.tool{padding:.75rem .5rem}.tool svg{width:36px;height:36px}.tool span{font-size:.85rem}}