:root{--link-text: var(--text-primary);--link-text-hover: var(--primary-blue);--link-icon-stroke: currentColor;--link-gap: 10px;--link-icon-size: 24px;--link-transition: all .3s ease;--link-underline-offset: 4px;--link-underline-thickness: 2px}.dark{--link-text: #e7e9dd;--link-text-hover: #c1cf9a}.section-link-content .link{display:flex;align-items:center;gap:var(--link-gap);text-decoration:none;color:var(--link-text);font-weight:500;transition:var(--link-transition);position:relative;padding:8px 12px;border-radius:var(--radius-sm)}.section-link-content .link:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--gradient-accent);border-radius:var(--radius-sm);transition:width var(--transition-elastic);z-index:-1}.section-link-content .link:hover:before{width:100%}.section-link-content .link:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-vertical);border-radius:0 var(--radius-pill) var(--radius-pill) 0;transition:height var(--transition-fast);box-shadow:0 0 12px var(--primary-blue);z-index:1}.section-link-content .link:hover{color:var(--link-text-hover);text-decoration-thickness:var(--link-underline-thickness);text-underline-offset:var(--link-underline-offset)}.section-link-content .link:hover:after{height:70%}.section-link-content .link-icon{width:var(--link-icon-size);height:var(--link-icon-size);flex-shrink:0;position:relative;z-index:2;transition:transform var(--transition-smooth);filter:drop-shadow(0 2px 4px var(--shadow-base-color))}.section-link-content .link-icon svg{width:100%;height:100%;stroke:var(--link-icon-stroke);transition:stroke var(--transition-fast)}.section-link-content .link.link-simple{padding:0}.section-link-content .link.link-simple:before,.section-link-content .link.link-simple:after{display:none}.section-link-content .link.link-simple:hover{transform:none}